|
@@ -0,0 +1,72 @@
|
|
|
+# 后台管理服务
|
|
|
+
|
|
|
+## 后台服务分层
|
|
|
+
|
|
|
+### elab-backstage-api
|
|
|
+
|
|
|
+对外暴露接口层
|
|
|
+
|
|
|
+### elab-backstage-service
|
|
|
+
|
|
|
+具体后台页面接口实现层
|
|
|
+
|
|
|
+## 开发注意事项
|
|
|
+
|
|
|
+### 1. 页面存放位置
|
|
|
+
|
|
|
+resource/templates
|
|
|
+
|
|
|
+### 2. 开发介绍
|
|
|
+
|
|
|
+#### 公共页面
|
|
|
+
|
|
|
+base文件夹代表公共页面,由于主页面是采用Iframe构造,所以只需要关心中间页面的开发。
|
|
|
+
|
|
|
+中心页面的公共JS和CSS被独立出来放在了base文件夹下。
|
|
|
+
|
|
|
+引用公共页面参考
|
|
|
+
|
|
|
+```html
|
|
|
+<html xmlns:th="http://www.thymeleaf.org"
|
|
|
+ xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout" layout:decorator="~{/base/main}">
|
|
|
+```
|
|
|
+
|
|
|
+> 案例参考 : routeList.html
|
|
|
+
|
|
|
+#### 公共js
|
|
|
+
|
|
|
+存放位置 : resources/static/js
|
|
|
+
|
|
|
+**elab-common.js** : 封装了前端操作LayUI的一些方法以及文本值的转换工具类。
|
|
|
+
|
|
|
+**elab-config.js** : 后端参数枚举值解码,调用方式参考`elab-common.js`
|
|
|
+
|
|
|
+**elab-service-config.js** : 后端服务地址定义
|
|
|
+
|
|
|
+#### 常用的方法使用:
|
|
|
+
|
|
|
+```js
|
|
|
+// 将后端传过来的数字进行转义成文本,到对应的elab-config中定义
|
|
|
+elab_common.getConfigTypeText("route_valid_status", res.isValid)
|
|
|
+// 获取枚举值中request_method的所有值,渲染到页面id为methodSelect中,展现成下拉框
|
|
|
+elab_common.getConfigTypeBySelect("#methodSelect", "request_method", "");
|
|
|
+// 获取枚举值中checkRule的所有值,渲染到页面id为checkRuleDiv中,展现成checkbox,第三个参数是默认选中的数组
|
|
|
+elab_common.getConfigTypeByCheckBox("#checkRuleDiv", "route_check_rule", "checkRule", checkRule)
|
|
|
+// 将后端传过来的数据为时间戳的转换成时分秒
|
|
|
+elab_common.longConvertDateTime(res.created)
|
|
|
+// post请求后端地址
|
|
|
+ elab_common.postReq(urlConfig.route.refreshService, data.field, function (data) {})
|
|
|
+```
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|