ng-alain

2018/1/24 18:55:04 人评论 次浏览 分类:angular ui


ng-alain 教程

ng-alain 文档 http://ng-alain.cn

ng-alain github地址  https://github.com/cipchk/ng-alain/

演示地址     https://ng-alain.github.io/ng-alain/

ng-alain 是一个基于 ng-zorro-antd 的企业级中后台前端脚手架,目标也非常简单,希望在Angular上面开发企业后台更简单、更快速。

安装

有二种方式进行安装:

命令行工具

需要依赖于 @delon/cli

ng new -c=@delon/cli my-app

直接 clone git 仓库

$ git clone --depth=1 https://github.com/cipchk/ng-alain.git my-project

$ cd my-project

目录结构

ng-alain 是一个标准的 Angular cli 构建的项目,因此你会非常熟悉结构的组成。在此基础上提供了很多典型的模板,利用这些模板你可以快速的构建产品。

├── src
│   ├── app
│   │   ├── core                                # 核心模块
│   │   │   ├── i18n
│   │   │   ├── net
│   │   │   │   └── default.interceptor.ts      # 默认HTTP拦截器
│   │   │   ├── services
│   │   │   │   └── startup.service.ts          # 初始化项目配置
│   │   │   └── core.module.ts                  # 核心模块文件
│   │   ├── layout                              # 通用布局
│   │   ├── routes
│   │   │   ├── **                              # 业务目录
│   │   │   ├── routes.module.ts                # 业务路由模块
│   │   │   └── routes.ts                       # 业务路由注册口
│   │   ├── shared                              # 共享模块
│   │   │   └── core.module.ts                  # 共享模块文件
│   │   ├── app.component.ts                    # 根组件
│   │   └── app.module.ts                       # 根模块
│   ├── assets                                  # 本地静态资源
│   ├── environments                            # 环境变量配置
│   ├── styles                                  # 样式目录
└── └── style.less                              # 样式引导入口

本地开发

安装依赖。

$ npm install

如果网络状况不佳,可以使用 cnpm 进行加速。

$ npm start

或以HMR模式启动:

$ npm run serve:hmr

启动完成后会打开浏览器访问 //localhost:4200,你看到下面的页面就代表成功了。




附件下载

相关资源

  • blur admin

    blur admin 是一个开源免费的angular ui 框架 以下为 blur admin的介绍以及下载地址github地址 https://github.com/akveo/blur-adminAngular 2 versionHere you can find Angular2 based version: ng2-admin.DocumentationInstallation, customization and other useful art…

    2018/4/7 10:16:20
  • ngx-bootstrap

    ngx-bootstrap 是一个针对于angular的前端ui组件库!官网地址 https://valor-software.com快速将Bootstrap 3或Bootstrap 4组件与Angular集成的最佳方法

    2018/1/24 20:52:28
  • Angular Material

    Angular Material 是一个开源 针对于angular 的前端ui库!官网地址 https://material.angular.io/如何安装npm install --save @angular/material @angular/cdk

    2018/1/24 20:50:16

共有访客发表了评论 网友评论

验证码: 看不清楚?