# angular-zorro **Repository Path**: d7c/angular-zorro ## Basic Information - **Project Name**: angular-zorro - **Description**: Angular 和 ng-zorro-antd 搭建的后台管理平台。 - **Primary Language**: NodeJS - **License**: AGPL-3.0 - **Default Branch**: master - **Homepage**: http://www.d7c.top/ - **GVP Project**: No ## Statistics - **Stars**: 6 - **Forks**: 0 - **Created**: 2022-12-12 - **Last Updated**: 2024-04-22 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # angular-zorro ## 介绍 Angular 和 ng-zorro-antd 搭建的后台管理平台。 ## 软件架构 ### Angular Angular 中文官网地址：[https://angular.cn/](https://angular.cn/)，Angular GitHub 地址：[https://github.com/angular/angular](https://github.com/angular/angular)，[开发文档](https://angular.cn/docs)。 ### ng-zorro-antd ng-zorro-antd 中文官网地址：[https://ng.ant.design/docs/introduce/zh](https://ng.ant.design/docs/introduce/zh)，ng-zorro-antd GitHub 地址：[https://github.com/NG-ZORRO/ng-zorro-antd](https://github.com/NG-ZORRO/ng-zorro-antd)。 ## 安装教程 ### 1. 安装开发依赖模块 ``` ``` ### 2. 安装项目依赖模块 ``` 1、ng-zorro-antd ng add ng-zorro-antd ``` ## 开发过程 ### login 模块 #### 创建 login 模块和路由 ``` ng generate module pages/login --routing ``` #### 创建 login 组件 ``` ng generate component pages/login --module=login ``` #### 创建 login 模块服务 ``` ng generate service pages/login/login ``` ### 将 app 组件内容抽象到 main 组件中 #### 创建 main 组件 ``` ng generate component pages/main ``` #### 创建 main 模块服务 ``` ng generate service pages/main/main ``` ### 创建路由守卫 ``` ng generate guard auth ``` ### 创建 forget-password、register 模块 ### 创建 error 组件 ``` ng generate component pages/error ``` ### user 模块 #### 创建 user 模块和路由 ``` ng generate module pages/user --routing ``` #### 创建 user 组件 ``` ng generate component pages/user/list --module=user ng generate component pages/user/add --module=user ng generate component pages/user/edit --module=user ``` #### 创建 user 模块服务 ``` ng generate service pages/user/user ``` ### 创建请求拦截器 ``` ng generate interceptor interceptors/auth ``` ## 使用说明 ### 1. 克隆并安装项目，在项目根目录下执行 ``` npm install ``` ### 2. 运行服务并自动重新加载修改的原文件 ``` ng serve ``` ### 3. 编译项目，编译后工件存储在 /dist 目录 ``` ng build ``` ## 参与贡献 1. Fork 本仓库 2. 新建 Feat_xxx 分支 3. 提交代码 4. 新建 Pull Request ## 特技 1. 使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md 2. Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com) 3. 你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目 4. [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目 5. Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help) 6. Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)