Skip to content

greengerong/rebirth-admin

Repository files navigation

RebirthAdmin

Build Status code style: prettier

背景

RebirthAdmin是一套基于Angular,@angular/cli @Rebirth/NG,Bootstrap-saas的后端管理系统。目标在于方便基于Angular的项目快速启动,包含完善的目录结构组织、打包构建、权限、http设置等基础设施。

需求

  • 基于@angular/cli的项目基础构建(分为core、share、feature module)
  • 路由、lazyload路由配置
  • 登录页面
  • 后台菜单功能(顶部状态栏和侧边栏)
  • @Rebirth/NG组件的基础设置
  • 后台页面的权限设置(rebirth-permission)
  • 后台API调用基础设置(拦截器,base url);基于rebirth-http
  • 全局Loading设置,每次API请求都需要显示loading(包装@Rebirth/NG的OverlayService)
  • 顶部导航栏退出菜单, Modal退出确认,并清除rebirth-permission等用户信息
  • 基于Bootstrap-saas的全局SCSS配置,目录结构组织;支持重新bootstrap样式和全局样式扩展
  • FontAwesome 全局设置
  • 基于rebirth-http的全局JWT token设置
  • 基于rebirth-storage的本地存储设置
  • 错误提示页面:404 Not Found、500 Error

技术任务

  • 升级@Angular/cli、 @Angular/xxx、rebirth-http、rebirth-permission、rebirth-storage、@Rebirth/NG等依赖到最新版本
  • 支持本地和ci单元测试构建体系和以后页面测试
  • 支持本地数据mock机制
  • 支持e2e单元测试基础设施设置和已有页面测试
  • logo、menu选项等支持单独地方单一地方修改
  • 用户需要定制化的配置信息等集中为json或ts文件集中修改
  • 利用Swprecache内置PWA支持
  • 其他平台的扩展(platform-server、electron)
  • 内置ng2代码文档(compodocs)

实现要求

  • 严格遵守angular.io中ng的StyleGuide规范
  • TypeScript 类型强制要求
  • 覆盖率和tslint遵守