前端后台的设计思路

名词约定

Dashboard：控制台、控制面板、（admin）、后台。

角色role：普通用户、收费用户（vip 1/2/3）、超管、财务人员

权限permssion：创建用户、创建自己账户

后台/后端back-end：PHP、Node.js、Java

前端front-end：浏览器、Js、Ts

接口：前后端之间

 

单页面和多页面

单页面SPA：SEO不友好、常用于后台管理系统等不需要SEO的系统。前端自己实现路由（vue-router）。

多页面MPA：SEO友好、利于搜索引擎爬取信息、搜索权限高。

 

RESTful接口

只要明白以下7个的方法论，基本可以满足所有的场景。

1. 增：post xxx
2. 删：delete xxx/:id
3. 改：patch xxx/:id
4. 查（所有）： get xxx
5. 查（一个）：get xxx/:id
6. 资源（新建）：get xxx/new
7. 资源（编辑）：get xxx/:id/edit

 

权限设计

1. 分菜单：通过菜单来分配角色的权限。
2. 分div：通过div来分配权限、增加一个全局的角色权限的方法，
    是否需要展示出来。
3. 查状态码（后端）：后端必须要做校验，因为前端可被绕过。前端可通过状态码进行权限判断。

 

JSON设计

以下3种基本满足所有场景：

1. 一个资源：{ resoure: {} }
2. 错误情况：4XX，errors
3. 多个资源：{ resoures: [ ], pager: {} }