背景测试页面使用说明

2019年8月20日 86次阅读来源: 心难收

背景测试页面

一、简述

对DataTables、jquery、jquery-ajax、熟习的开发者可没必要浏览
后端项目地点： Gsms_web_app
页面项目地点： Test_For_Backend

二、运用步骤（以meeting_user表为例）

通报参数，自动天生，参数以下所示

{
  "htmlPageName": "meetingUser",
  "htmlPagePkgName": "meetingUser",
  "beanName ":"metting",
  "beanPackageName": "com.myqm.pojo.xxb.meeting",
  "controllerPkgName": "com.myqm.controller.xxb.meeting",
  "controllertestName":"com.myqm.test.controller",
  "daoPackageName": "com.myqm.dao.xxb.meeting",
  "daotestPackageName": "com.myqm.dao.xxb.meeting",
  "mybatisMapperPackageName":"mybatis-mappers",
  "servicePackageName": "com.myqm.service.xxb.meeting",
  "tableName": "meeting_user",
  "voName": "MeetingUserQuery",
  "voPackageName": "com.myqm.vo.xxb.meeting"
}

将gsms2_web_app/admin/code/back/目录下的后端文件离别拷贝到后端项目响应目录下并修正(此处省略)
将gsms2_web_app/admin/code/front/目录下的meetingUser文件夹拷贝到test_for_backend/src/pages/meeting/目录下
编辑test_for_backend/src/index.html文件中的sideBar部份增加指向meetingUser页面的链接
此时可尝试翻开index.html页面，已能够看到新天生的页面了

三、后端须要晓得的设置

test_for_backend/src/config/config.js文件

//定义json花样字符串
var userData = {
    token: '4500fe68-4d7a-4777-9f5f-b5025d6a72cc' // token
};
var API = {
    URL: 'http://localhost:8085' // url
}
// 将数据存入sessionStorage中
setSessionStorage('userData', userData)
setSessionStorage('api', API)

test_for_backend/src/pages/metting/mettingUser/mettingUser.html表格设置
- 数据库构造
- 该数据构造是直接从数据库中掏出的字段名，假如在pojo里修正了字段名，则在此处响应修正，使得该数据构造与NetWork中的json婚配
- 该HTML代码是表格的表头部份，须要与columns婚配
test_for_backend/src/pages/meeting/mettingUser/mettingUser-add.html文件
增加框设置
- html
  该form下有多个input，请依据add接口所需的参数自行设置
- js
  此处为增加框表单的考证划定规矩，请和上方的html相婚配
test_for_backend/src/pages/meeting/mettingUser/mettingUser.html文件
编辑框设置，请与/edit接口互相婚配
- html
- js
  该函数是点击编辑/删除按钮后猎取该行的主码，传给/get接口猎取该条数据
  能够经由过程修正eq()函数的参数来猎取其他列的值
```
    tds.eq(0).text() // 猎取该行第一列的数据传给get接口
```
删除设置
同编辑框同理，经由过程getRowId函数猎取id传给/del接口,可根据需求自行变动
搜刮框设置
请依据项目需求自行设置
- html
- js
  猎取搜刮框的value，构建一个searchParam。此处需注意if语句的假值题目