Awesome Open Source
Awesome Open Source

NG-NEST

使用 Angular 和 NestJS 构建的后台管理系统框架:

  • 提供基本的系统模块
  • 基于RBAC的权限管理

1. 支持环境

  • Angular ^7.0.0
  • NestJS ^5.1.0
  • 现代浏览器,以及 Internet Explorer 11+ (使用 polyfills
IE / EdgeIE / Edge FirefoxFirefox ChromeChrome SafariSafari OperaOpera ElectronElectron
IE11, Edge last 2 versions last 2 versions last 2 versions last 2 versions last 2 versions

2. 目录说明

目录 说明
ng-moon Angular前端项目
nj-moon NestJS后台API接口项目

3. 开始--前端

$ cd ng-moon
$ npm install
$ ng serve -o

4. 开始--后台

例子使用 TypeORM 连接的 MySql 数据库,运行前请在 nj-moon/ormconfig.js 文件中配置好数据库连接。
MySql 数据库文件 nj-moon/ng-nest.sql ,通过 MySQL Workbench 导入。 使用 TypeORM 可以自动创建好表,但是暂时未找到初始化数据的方式,目前直接提供数据库文件导入,后期会删除。

$ cd nj-moon
$ npm install
$ npm run start:dev

5. 功能清单

部分完成的基本功能点如下,下阶段准备开发和处理的问题可以查看 doc/ng-nest功能点开发和问题.xls 文档

功能 基本 完善
登陆界面
示例页面
——输入框
——按钮
——单选
——多选
——表格
——弹出框
——消息框
——工具提示
——下拉选择
——浮动菜单
——模态框
——查找带回
——添加行
——动态表单
——工作流
菜单管理
组织机构
角色管理
用户管理

6. 架构规划(后台)

大部分功能在 NestJs 中已经实现,只需要集成进去就可以了。

7. 前端系统截图

[模块设计]-[实体设计]

[模块设计]-[包含页面]



Alternative Project Comparisons
Related Awesome Lists
Top Programming Languages
Top Projects

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Typescript (266,525
Angular (54,878
Version (20,681
Edge (7,567
Nest (4,670
Rbac (1,382