ng-deerway

鹿途后台管理系统

Github stars Tracking Chart

鹿途后台管理系统

Live 鹿途后台管理系统

项目操作表格功能时,数据变动请关注console

准备工作

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

项目资源

模版

Live 智慧牧场

Angular6基础框架

文档

博客园——鹿途

基于qrious生成二维码

关于开发环境与生产环境跨域

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

项目说明

开始

创建项目

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]

快捷指令

快速生成模块

ng g m [保存位置]/modelName

快速生成组件

ng g c [保存位置]/componentName

快速生产服务

ng g s [保存位置]/serviceName

快速生产管道

ng g pipe [保存位置]/pipeName

项目引用

地图:maps

图表:echarts

用户认证:@delon/auth

项目框架:ng-zorro

项目结构

  • 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

部署

1、打包

ng build --prod

2、配置WEB服务服务器

nginx

3、推送资源

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

4、域名解析,发布完成

Overview

Name With OwnerZRenu/ng-deerway
Primary LanguageTypeScript
Program languageJavaScript (Language Count: 4)
Platform
License:
Release Count0
Created At2018-09-07 03:13:14
Pushed At2023-01-04 12:10:03
Last Commit At2020-11-13 15:58:10
Stargazers Count114
Watchers Count15
Fork Count52
Commits Count102
Has Issues Enabled
Issues Count2
Issue Open Count0
Pull Requests Count0
Pull Requests Open Count32
Pull Requests Close Count9
Has Wiki Enabled
Is Archived
Is Fork
Is Locked
Is Mirror
Is Private
To the top