/ng-deerway

鹿途后台管理系统

Primary LanguageTypeScript

鹿途后台管理系统

准备工作

  • 安装 angular 环境
  • 安装 ng-zorro 依赖

资料中心

博客园——鹿途

演示地址(提示:演示项目非实时更新,演示项目操作表格功能时,数据变动请关注console)

DEMO

实现鹿途系统在线演示功能的方法

项目说明

开始

创建项目

ng new ng-deerway --style less

cd ng-deerway

初始化配置

ng add ng-zorro-antd

安装组件

npm install ng-zorro-antd --save

运行

ng s -c [environment] --port [port]

项目结构

  • core ng-zorro组件二次封装 通用服务、管道以及通用验证
  • layout 通用模版
  • routes 项目主体内容
  • shared 导入导出项目公用的引用
  • styles 通用样式
  • assets 静态资源(图片与图标)

ng-zorro组件二次封装(app/shared/meta)

  • 基础表格组件 dw-table
  • 通用时间组件 dw-date-picker
  • 通用搜索组件 dw-search
  • 信息模态框 dw-info-model
  • 分页组件 dw-pagination
  • 动态表格组件 dw-table-dynamic

用户认证

@delon/auth

权限控制

@delon/acl

第三方资源

图标:iconfont

地图:angular-baidu-maps

图表:echarts

实验中心

此模块是一些技术尝试或者一些小DEMO

部署

1、打包

ng build --prod

2、配置WEB服务服务器

nginx

3、推送资源

scp -r 打包后文件路径 root@服务器IP地址:/root/www

4、域名解析,发布完成

非重要说明

Vue3.0正式发布后,对应的Vue版本也安排上,先挖个坑😎