Coder Social home page Coder Social logo

greengerong / rebirth-admin Goto Github PK

View Code? Open in Web Editor NEW
8.0 11.0 3.0 3.29 MB

Rebirth admin system: Open source of angular seed

Home Page: https://greengerong.github.io/rebirth-admin/login

License: MIT License

TypeScript 79.75% JavaScript 6.58% HTML 6.27% CSS 7.41%
rebirth rebirth-ui rebirth-http ng2 ng4 boostrap rebirth-admin

rebirth-admin's Introduction

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遵守

rebirth-admin's People

Contributors

angular-cli avatar can-cc avatar fwchen avatar greengerong avatar lynings avatar wfsovereign avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Forkers

lynings menghl123 ginsanzhang

rebirth-admin's Issues

登录页面

登录页面设计，原型参考现有系统

全局Loading设置

全局Loading设置，每次API请求都需要显示loading（包装@Rebirth/NG的OverlayService）

升级版本依赖

升级@Angular/cli、 @Angular/xxx、rebirth-http、rebirth-permission、rebirth-storage、@Rebirth/NG等依赖到最新版本

错误提示

全局share组件，提示错误。使用rebirth-ng notify组件。默认错误全局显示到顶部且full width。

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.