摘要:此處需注意語句的假值問題四配置完畢本項目主要依賴于的表格插件的模態(tài)框
后臺測試頁面 一、簡述
對DataTables、jquery、jquery-ajax、熟悉的開發(fā)者可不必閱讀
后端項目地址: Gsms_web_app
頁面項目地址: Test_For_Backend
傳遞參數(shù),自動生成,參數(shù)如下所示
{ "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頁面,已經(jīng)可以看到新生成的頁面了
三、后端需要懂得的配置
test_for_backend/src/config/config.js文件
//定義json格式字符串 var userData = { token: "4500fe68-4d7a-4777-9f5f-b5025d6a72cc" // token }; var API = { URL: "http://localhost:8085" // url } // 將數(shù)據(jù)存入sessionStorage中 setSessionStorage("userData", userData) setSessionStorage("api", API)
test_for_backend/src/pages/metting/mettingUser/mettingUser.html表格配置
數(shù)據(jù)庫結構
該數(shù)據(jù)結構是直接從數(shù)據(jù)庫中取出的字段名,假如在pojo里修改了字段名,則在此處相應修改,使得該數(shù)據(jù)結構與NetWork中的json匹配
該HTML代碼是表格的表頭部分,需要與columns匹配
test_for_backend/src/pages/meeting/mettingUser/mettingUser-add.html文件
添加框配置
html
該form下有多個input,請根據(jù)add接口所需的參數(shù)自行配置
js
此處為添加框表單的驗證規(guī)則,請和上方的html相匹配
test_for_backend/src/pages/meeting/mettingUser/mettingUser.html文件
編輯框配置,請與/edit接口相互匹配
html
js
該函數(shù)是點擊編輯/刪除按鈕后獲取該行的主碼,傳給/get接口獲取該條數(shù)據(jù)
可以通過修改eq()函數(shù)的參數(shù)來獲取其他列的值
tds.eq(0).text() // 獲取該行第一列的數(shù)據(jù)傳給get接口
刪除配置
同編輯框同理,通過getRowId函數(shù)獲取id傳給/del接口,可按照需求自行更改
搜索框配置
請根據(jù)項目需求自行配置
html
js
獲取搜索框的value,構建一個searchParam。此處需注意if語句的假值問題
jquery的表格插件DataTables
layui的模態(tài)框
jquery-Ajax
文章版權歸作者所有,未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉載請注明本文地址:http://m.hztianpu.com/yun/100724.html
摘要:本項目是一個簡單的全棧項目,前端新手可以拿來練練手。項目實現(xiàn)了一些簡單的功能,后臺可以對圖書進行錄入錄出掃碼或手動,前臺顯示錄入的圖書,并且前臺注冊登錄后可以將書的訂單發(fā)給服務器,并存到服務器。 Vue-book 2.0 Github 地址:https://github.com/percy507/v... 【覺得不錯就來個 star 吧 ^_^】 說明(菜鳥請進,大神繞道 ~) 前端...
摘要:本項目是一個簡單的全棧項目,前端新手可以拿來練練手。項目實現(xiàn)了一些簡單的功能,后臺可以對圖書進行錄入錄出掃碼或手動,前臺顯示錄入的圖書,并且前臺注冊登錄后可以將書的訂單發(fā)給服務器,并存到服務器。 Vue-book 2.0 Github 地址:https://github.com/percy507/v... 【覺得不錯就來個 star 吧 ^_^】 說明(菜鳥請進,大神繞道 ~) 前端...
摘要:原文地址在兩篇文章幫你入門上一文中,我們已經(jīng)做了一個簡單的小網(wǎng)站,實現(xiàn)了保存用戶數(shù)據(jù)到數(shù)據(jù)庫,以及從后臺數(shù)據(jù)庫讀取數(shù)據(jù)顯示到網(wǎng)頁上這兩個功能。注意測試時并不需要運行服務,這樣能節(jié)省服務的開銷,提高測試的速度。 原文地址 在兩篇文章幫你入門Django(上)一文中,我們已經(jīng)做了一個簡單的小網(wǎng)站,實現(xiàn)了保存用戶數(shù)據(jù)到數(shù)據(jù)庫,以及從后臺數(shù)據(jù)庫讀取數(shù)據(jù)顯示到網(wǎng)頁上這兩個功能。 看上去沒有什么問...
閱讀 3663·2023-04-26 00:05
閱讀 1033·2021-11-11 16:55
閱讀 3663·2021-09-26 09:46
閱讀 3601·2019-08-30 15:56
閱讀 975·2019-08-30 15:55
閱讀 2990·2019-08-30 15:53
閱讀 2025·2019-08-29 17:11
閱讀 872·2019-08-29 16:52