一、分层
管理系统一般可以划分为三层：
1.菜单栏
2.账户信息，以及其他被认为是整个系统层级的、（相对独立、使用频率极高,这两点参考）的功能比如：站内信、换肤、系统设置、路由面包屑......
3.main区，主展示区，或者是叫主路由入口
二、系统级功能
1.账户系统
登陆（注册）
修改密码
权限设计
2. 换肤
3. 国际化（我自己写的react用例）
4. 站内信
5. 面包屑（一个不错的包）
三、layout布局（登陆 or 未登录
思路来自react umi的目录设计，由登陆的状态决定layout采用哪种布局
未登录： 登陆页面
已登录： 页面布局（栗子：左侧菜单，右侧：main区域）
四、菜单栏（已登陆）
多数情况下：
一、二、三级菜单
无权限划分： 前端路由直接写，vue-router or react umi（推荐）
有权限划分： 4.1 权限是某些特定的字符，在路由信息中配置这些字符，在登录之后进行路由的初始化（将拥有权限的路由放入）
两种方法更新权限:
a、每一次的http请求都附带一次用户信息获取的请求，刷新个人信息
b、将个人信息存入本地，通过socket信息通知客户端重新登录，从而刷新个人信息
五、具体的功能页面
a .vue: 列表、搜索、分页, （有用例链接哦） react： 地址记录搜索条件 （这个也有）
b. 增、删、改、查 改和查合理运用路由query传值， 增做好检测工作，value是否符合规则