zoukankan      html  css  js  c++  java
  • angular6 + ng-zorro鹿途后台管理系统(一)

    用Angular6 + ng-zorro 完成一个完整的后台管理系统,鹿途后台管理系统,是我脱离工作自己的第一个作品,所以我可以任意妄为,随心所欲,我想做好它,坚持!系列文章不会从每行代码说起,只会对一些关键点进行分析说明,再配合源码就没有多大问题了。

    版本说明

    • ng-zorro-antd 1.4.1+
    • angular 6+
    • node 10+

    开发工具

    • Mac
    • Vscode

    创建项目

    在创建项目之前,请确保 @angular/cli 已被成功安装

    执行以下命令,@angular/cli 会在当前目录下新建一个名称为ng-deerway的文件夹,并自动安装好相应依赖。

    ng new ng-deerway
    

      

    初始化配置

    进入项目文件夹,执行以下命令后将自动完成 ng-zorro-antd 的初始化配置,包括引入国际化文件,导入模块,引入样式文件等工作。

    ng add ng-zorro-antd
    

      

    开发调试

    一键启动调试,运行成功后显示欢迎页面。

    ng serve
    

      

    我们通过脚手架和NG-ZORRO的配合已经完成了项目的基本的骨架,过程都大同小异,大家可以参考NZ-ZORRO的快速上手,下一节我们将开始项目整体结构的规划。

     

     

     

    项目github地址:https://github.com/ZhouRenYou/ng-deerway
    项目预览地址(非实时更新):https://zhourenyou.github.io/web-deerway/passport/login

  • 相关阅读:
    ansible变量
    nginx连接php测试
    redis发布订阅
    堡垒机实例以及数据库操作
    nginx简介,使用
    protobuf
    go NSQ
    go mod
    GIT版本管理工具教程
    linux命令查询网站
  • 原文地址:https://www.cnblogs.com/zry2510/p/9732246.html
Copyright © 2011-2022 走看看