成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

后臺(tái)測(cè)試頁面使用說明

nevermind / 1239人閱讀

摘要：此處需注意語句的假值問題四配置完畢本項(xiàng)目主要依賴于的表格插件的模態(tài)框

后臺(tái)測(cè)試頁面 一、簡述

對(duì)DataTables、jquery、jquery-ajax、熟悉的開發(fā)者可不必閱讀
后端項(xiàng)目地址： Gsms_web_app
頁面項(xiàng)目地址： Test_For_Backend

二、使用步驟（以meeting_user表為例）

傳遞參數(shù)，自動(dòng)生成，參數(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/目錄下的后端文件分別拷貝到后端項(xiàng)目相應(yīng)目錄下并修改(此處省略)

將gsms2_web_app/admin/code/front/目錄下的meetingUser文件夾拷貝到test_for_backend/src/pages/meeting/目錄下

編輯test_for_backend/src/index.html文件中的sideBar部分添加指向meetingUser頁面的鏈接

此時(shí)可嘗試打開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ù)庫結(jié)構(gòu)

該數(shù)據(jù)結(jié)構(gòu)是直接從數(shù)據(jù)庫中取出的字段名，假如在pojo里修改了字段名，則在此處相應(yīng)修改，使得該數(shù)據(jù)結(jié)構(gòu)與NetWork中的json匹配

該HTML代碼是表格的表頭部分，需要與columns匹配

test_for_backend/src/pages/meeting/mettingUser/mettingUser-add.html文件
添加框配置

html
該form下有多個(gè)input，請(qǐng)根據(jù)add接口所需的參數(shù)自行配置

js
此處為添加框表單的驗(yàn)證規(guī)則，請(qǐng)和上方的html相匹配

test_for_backend/src/pages/meeting/mettingUser/mettingUser.html文件
編輯框配置，請(qǐng)與/edit接口相互匹配

html

js
該函數(shù)是點(diǎn)擊編輯/刪除按鈕后獲取該行的主碼，傳給/get接口獲取該條數(shù)據(jù)
可以通過修改eq()函數(shù)的參數(shù)來獲取其他列的值

    tds.eq(0).text() // 獲取該行第一列的數(shù)據(jù)傳給get接口

刪除配置
同編輯框同理，通過getRowId函數(shù)獲取id傳給/del接口,可按照需求自行更改

搜索框配置
請(qǐng)根據(jù)項(xiàng)目需求自行配置

html

js
獲取搜索框的value，構(gòu)建一個(gè)searchParam。此處需注意if語句的假值問題

四、配置完畢 本項(xiàng)目主要依賴于

jquery的表格插件DataTables

layui的模態(tài)框

jquery-Ajax

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/100724.html

相關(guān)文章

  • Vue-book 2.0 一個(gè)移動(dòng)端簡單的全棧 web APP

    摘要：本項(xiàng)目是一個(gè)簡單的全棧項(xiàng)目，前端新手可以拿來練練手。項(xiàng)目實(shí)現(xiàn)了一些簡單的功能，后臺(tái)可以對(duì)圖書進(jìn)行錄入錄出掃碼或手動(dòng)，前臺(tái)顯示錄入的圖書，并且前臺(tái)注冊(cè)登錄后可以將書的訂單發(fā)給服務(wù)器，并存到服務(wù)器。 Vue-book 2.0 Github 地址：https://github.com/percy507/v... 【覺得不錯(cuò)就來個(gè) star 吧 ^_^】 說明（菜鳥請(qǐng)進(jìn)，大神繞道 ~） 前端...

    wh469012917 評(píng)論0 收藏0

  • Vue-book 2.0 一個(gè)移動(dòng)端簡單的全棧 web APP

    摘要：本項(xiàng)目是一個(gè)簡單的全棧項(xiàng)目，前端新手可以拿來練練手。項(xiàng)目實(shí)現(xiàn)了一些簡單的功能，后臺(tái)可以對(duì)圖書進(jìn)行錄入錄出掃碼或手動(dòng)，前臺(tái)顯示錄入的圖書，并且前臺(tái)注冊(cè)登錄后可以將書的訂單發(fā)給服務(wù)器，并存到服務(wù)器。 Vue-book 2.0 Github 地址：https://github.com/percy507/v... 【覺得不錯(cuò)就來個(gè) star 吧 ^_^】 說明（菜鳥請(qǐng)進(jìn)，大神繞道 ~） 前端...

    NotFound 評(píng)論0 收藏0

  • 兩篇文章幫你入門Django(下)

    摘要：原文地址在兩篇文章幫你入門上一文中，我們已經(jīng)做了一個(gè)簡單的小網(wǎng)站，實(shí)現(xiàn)了保存用戶數(shù)據(jù)到數(shù)據(jù)庫，以及從后臺(tái)數(shù)據(jù)庫讀取數(shù)據(jù)顯示到網(wǎng)頁上這兩個(gè)功能。注意測(cè)試時(shí)并不需要運(yùn)行服務(wù)，這樣能節(jié)省服務(wù)的開銷，提高測(cè)試的速度。 原文地址 在兩篇文章幫你入門Django(上)一文中，我們已經(jīng)做了一個(gè)簡單的小網(wǎng)站，實(shí)現(xiàn)了保存用戶數(shù)據(jù)到數(shù)據(jù)庫，以及從后臺(tái)數(shù)據(jù)庫讀取數(shù)據(jù)顯示到網(wǎng)頁上這兩個(gè)功能。 看上去沒有什么問...

    voidking 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<