準備工作匯入vue&jquery的js包
導包部分省略不寫
接下來應該先寫html頁面的**
姓名:級部:
--請選擇級部--
} 班級:
--請選擇班級--}
性別:男
請選擇省
省請選擇市
市愛好:籃球 足球 排球
簡介:
接下來是jquery的例項**
控制器**例項部分
/**
* 查詢年級的表
* @return 年級表查詢的結果集
*/@responsebody
public iterablefindallgrade()
/*** 查詢班級表
* @param request 獲取gid用來做班級表的查詢
* @return 返回班級表查詢的結果集
service**例項部分
年級表service
/**
* 查詢grade表的全部資料
* @return 這個表的資料集合
*/public iterablefindall()
班級表service
/**
* 傳入級部id按級部id來查資料
* @param gid
* @return 返回查詢的結果集
*/public iterablefindbygid(integer gid)
可以呼叫dao層繼承的介面的方法
班級表dao層
package com.msfh.demo.dao;
import com.msfh.demo.eneity.cname;
import org.springframework.data.jpa.repository.jpaspecificationexecutor;
import org.springframework.data.jpa.repository.query;
import org.springframework.data.repository.pagingandsortingrepository;
public inte***ce cnamedao extends pagingandsortingrepository, jpaspecificationexecutor
public inte***ce cnamedao extends pagingandsortingrepository, jpaspecificationexecutorcname換成自己的實體
integer換成自己的主鍵
下面附上表
person表
cname(班級)表
grade(年級)表
AJAX實現二級聯動
通過ajax實現二級聯動,先動態獲取一級下拉列表,通過onchange 事件,非同步查詢二級下拉列表內容,把內容寫進標籤,存入二級下拉列表中 一級下拉列表動態獲取列表內容 responsebody permission st1000 public string editposoperator par...
二級聯動,多級聯動
首先,二級聯動,還是多級聯動小夥伴們不要怕,其實很簡單。首先,理清思路 首先第乙個頁面,肯定是進來就需要載入的 然後通過觸發第乙個事件,一般都是select寫 聯動,然後通過事件方法將引數 二級需要的條件 傳送給下乙個 需要用的地方 需要展示的地方 上 注意 function 這個方法裡是頁面在載入...
二級聯動 js
在html部分只寫兩個select標籤 option標籤將用js的方法寫入 onchange 內容發生改變事件 用於select下拉列表中後的內容發生改變時候的觸發 核心部分就是js裡面的內容 建立乙個物件data來儲存資料 data 首先通過for迴圈來新增第一級裡面的內容 province va...