SpringMVC解析post請求參數詳解
SpringMVC
一,概述
作用是接受服務器請求並做出響應,是spring的後續產品,使用註解@RestController和@RequestMapping
MVC設計模式:
M是model模型,用來封裝數據
V是view視圖,用來展示數據
C是control控制器,用來控制瀏覽器如何請求,做出數據響應
好處:提高代碼的復用性,松耦合
二、原理:
1.前端控制器DispatcherServlet:當瀏覽器發送請求成功後,充當調度者的角色,負責調度每個組件
2.處理器映射器HandlerMapping:根據請求的url路徑,找到能處理請求的類名和方法名
Url:http://localhost:8080/abc 在HelloControl類中找到abc()
3.處理器適配器HandlerAdaptor:正式處理業務,並返回結果交給DispatcherServlet
4.視圖解析器ViewResolver:找到正確的能展示數據的視圖,準備展示數據
5.視圖渲染view:展示數據
1.創建form表單
表單form默認提交方式是get,將提交的數據展示在網址上,而post提交方式隱藏瞭數據在網址上,因此更加的安全,這裡使用springMVC來處理post的請求參數
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>學生管理系統</title> <link rel="stylesheet" href="../css/form.css"/> </head> <body> <!-- 利用表單,向服務器發送數據, 默認是get提交,通過method屬性修改提交方式 action屬性,指定提交的位置--> <form method="post" action="http://localhost:8080/stu/add"> <table width="500px" height="300px"> <tr><td><h2>學生信息管理系統MIS</h2></td></tr> <tr><td>姓名:</td></tr> <tr><td><input class="a" type="text" placeholder="請輸入姓名..." name="name" /></td></tr> <tr><td>年齡:</td></tr> <tr><td><input class="a" type="number" placeholder="請輸入年齡..." name="age"/></td></tr> <tr><td>性別:(單選框) <input type="radio" name="sex" value="1" />男 <input type="radio" name="sex" value="0" />女 </td></tr> <tr><td>愛好:(多選) <input type="checkbox" name="hobby" value="ppq" />乒乓球 <input type="checkbox" name="hobby" value="ps" />爬山 <input type="checkbox" name="hobby" value="cg" />唱歌 </td></tr> <tr><td>學歷:(下拉框) <select name="edu"> <option value="1">本科</option> <option value="2">碩士</option> <option value="3">博士</option> <option value="4">專科</option> </select> </td></tr> <tr><td>入學日期:</td></tr> <tr><td><input type="date" name="intime" /></td></tr> <tr><td> <input type="submit" value="保存"/ > <input type="reset" value="取消" /> </td></tr> </table> </form> </body> </html>
css代碼
css的三種引入方式
1.行內樣式:通過style屬性引入css樣式
例如:<h1 style=”width: 20px; height: 10px; color: #FF0000;”>行內樣式</h1>
一般實際寫頁面時不提倡,測試的時候可以使用
2,內部樣式表
通過<style></style>標簽,寫在head標簽中
例如:<style> .b{ width: 200px; height: 100px; background-color: #FF69B4; } </style>
3,外部樣式表
創建.css文件,將css樣式寫入其中,然後在html文件中引入,使用link標簽
例如:href是css文件路徑
<link rel="stylesheet" href="../css/form.css"/>`
我這裡使用瞭外部樣式表的方式,使css代碼和html代碼分離,使結構更加清晰
/* 輸入框 */ /* 類選擇器 */ .a{ width: 300px;/*寬度*/ height: 40px;/*高度*/ padding: 5px;/*內邊距*/ font-size: 15px;/*字號*/ } /* 屬性選擇器 */ /*修飾提交按鈕*/ input[type="submit"]{ width: 60px; height: 30px; background-color: blue; color: #fff; font-size: 15px; border-color: blue; } input[type="reset"]{ width: 60px; height: 30px; background-color:hotpink; color: #fff; font-size: 15px; border-color: hotpink; } body{ font-size: 20px; }
頁面還可以用css做得更加美觀哦,這裡隻是為瞭測試,如果有興趣還可以自己做得更加好看哦~
2.準備Student類
package cn.tedu.pojo; import org.springframework.format.annotation.DateTimeFormat; import java.util.Arrays; import java.util.Date; //@RequestMapping("find") //是Model層,用來封裝數據,就是一個pojo(封裝的屬性+get/set) public class Student { //屬性(成員變量):變量類型 變量名 //提交數據的類型 頁面上name屬性的值 // public Student find(){ private String name; private Integer age;//避免一些異常,能用引用類型最好使用引用類型 private Integer sex; private String[] hobby; private Integer edu; //瀏覽器上提交的日期默認是2021/8/12默認是String類型 //報錯400,需要把String的日期轉成Date日期,使用註解 @DateTimeFormat @DateTimeFormat(pattern = "yyyy-MM-dd") private Date intime; // } // 獲取get set toString public String getName() { return name; } public void setName(String name) { this.name = name; } public Integer getAge() { return age; } public void setAge(Integer age) { this.age = age; } public Integer getSex() { return sex; } public void setSex(Integer sex) { this.sex = sex; } public String[] getHobby() { return hobby; } public void setHobby(String[] hobby) { this.hobby = hobby; } public Integer getEdu() { return edu; } public void setEdu(Integer edu) { this.edu = edu; } public Date getIntime() { return intime; } public void setIntime(Date intime) { this.intime = intime; } @Override public String toString() { return "Student{" + "name='" + name + '\'' + ", age=" + age + ", sex=" + sex + ", hobby=" + Arrays.toString(hobby) + ", edu=" + edu + ", intime=" + intime + '}'; } }
3.創建啟動類
一般命名為RunApp,位置必須放在所有資源之上的包裡
package cn.tedu; import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; /**這是一個啟動類 * 位置:必須在所有資源之上的包裡*/ @SpringBootApplication public class RunApp { public static void main(String[] args) { SpringApplication.run(RunApp.class); } }
4,創建數據庫,表
要與Student類相對應,愛好這一字段是數組類型,而MySQL中沒有數組類型,因此使用varchar
註意字符集使用utf-8
使用JDBC把得到的數據入庫
5.創建StudentController類
首先要在pom.xml中導入jar包(工具包)
<!-- 添加jdbc的jar包依賴--> <dependencies> <dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</artifactId> <version>5.1.48</version> </dependency> </dependencies>
下面是將數據入庫的代碼
package cn.tedu.controller; //是controller層,控制層,用來接受請求和給出響應 import cn.tedu.pojo.Student; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RestController; import java.sql.Connection; import java.sql.DriverManager; import java.sql.PreparedStatement; import java.util.Arrays; @RestController @RequestMapping("stu") public class StudentController { @RequestMapping("add") public Object add(Student s) throws Exception { //實現入庫insert--jdbc //註冊驅動 Class.forName("com.mysql.jdbc.Driver"); //獲取連接 String url = "jdbc:mysql://localhost:3306/cgb2106"; Connection conn = DriverManager.getConnection(url, "root", "123456"); //SQL骨架 String sql = "insert into tb_student values(null,?,?,?,?,?,?)"; //獲取傳輸器 PreparedStatement ps = conn.prepareStatement(sql); //給SQL設置值 ps.setObject(1, s.getName()); ps.setObject(2, s.getAge()); ps.setObject(3, s.getSex()); //s.getHobby())得到一個數組,不能直接入數據庫,需要變成串 ps.setObject(4, Arrays.toString(s.getHobby())); ps.setObject(5, s.getEdu()); ps.setObject(6, s.getIntime()); //執行SQL ps.executeUpdate();//執行增刪改的SQL System.out.println("數據插入成功"); return s; } }
6.測試
運行啟動類,執行前端頁面,提交表單數據,並在數據庫中查看數據入庫情況
總結
本篇文章就到這裡瞭,希望能給你帶來幫助,也希望您能夠多多關註WalkonNet的更多內容!
推薦閱讀:
- JavaWeb實現學生信息管理系統(3)
- JavaWeb實現學生信息管理系統(2)
- SpringMVC中請求參數的獲取方式
- 新手瞭解java 類,對象以及封裝基礎知識
- JavaWeb實現學生信息管理系統(1)