一区二区三区在线-一区二区三区亚洲视频-一区二区三区亚洲-一区二区三区午夜-一区二区三区四区在线视频-一区二区三区四区在线免费观看

服務器之家:專注于服務器技術及軟件下載分享
分類導航

PHP教程|ASP.NET教程|Java教程|ASP教程|編程技術|正則表達式|C/C++|IOS|C#|Swift|Android|VB|R語言|JavaScript|易語言|vb.net|

服務器之家 - 編程語言 - Java教程 - SpringMVC與前端交互案例教程

SpringMVC與前端交互案例教程

2021-10-06 11:39cgblpx Java教程

本篇文章主要介紹了SpringMVC前端和后端數據交互總結,具有一定的參考價值,感興趣的小伙伴們可以參考一下。希望能給你帶來幫助

一,創建day13的module

選中project-右鍵-new-module-選擇maven-next-輸入module名-finish

二,復習SpringMVC

–1,需求:訪問/car/get ,獲取汽車數據

SpringMVC與前端交互案例教程

–2,創建RunApp類

?
1
2
3
4
5
6
7
8
9
10
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);
    }
}

–3,創建Car類

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
package cn.tedu.pojo;
//Model用來封裝數據
public class Car {
    private int id;
    private String name;
    private double price;
    //Constructor構造方法,用來方便的new
    public Car(){}
    public Car(int id, String name, double price) {
        this.id = id;
        this.name = name;
        this.price = price;
    }
    public int getId() {
        return id;
    }
    public void setId(int id) {
        this.id = id;
    }
    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
    }
    public double getPrice() {
        return price;
    }
    public void setPrice(double price) {
        this.price = price;
    }
}

–4,創建CarController類

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
package cn.tedu.controller;
//MVC里的C層,用來接受請求和做出響應(springmvc)
import cn.tedu.pojo.Car;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
@RestController//接受請求,并把json數據返回
@RequestMapping("car"//規定了url地址的寫法
public class CarController {
    @RequestMapping("get")
    public Car get(){
        Car c = new Car(10,"BMW",19.9);
        return c ;
    }
}

三,SpringMVC解析請求參數

SpringMVC框架,可以自動解析請求中,攜帶的參數。甚至可以直接封裝成Java對象。而不必自己一個個解析參數。

–1,普通的GET提交

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
package cn.tedu.controller;
//MVC里的C層,用來接受請求和做出響應(springmvc)
import cn.tedu.pojo.Car;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
@RestController//接受請求,并把json數據返回
@RequestMapping("car"//規定了url地址的寫法
public class CarController {
    //SpringMVC框架解析請求中的參數
    //http://localhost:8080/car/get5?id=10&name=BMW&price=9.9
    @RequestMapping("get5")
    public void get5(Car c){//springmvc框架會把請求的參數,封裝給car對象
        System.out.println(c.getId()+c.getName()+c.getPrice());
    }
    //http://localhost:8080/car/get4?id=10&name=BMW
    @RequestMapping("get4")
    public void get4(Integer id,String name){
        //id是用來接受url里id的值,name用來接受url里name的值
        System.out.println(id+name);
    }
    //http://localhost:8080/car/get3?id=10
    @RequestMapping("get3")
//    public void get3(int id){ //參數是基本類型,訪問這個方法必須帶參數,否則有異常
    public void get3(Integer id){//參數是引用類型,訪問這個方法沒帶參數就是null
        System.out.println(id);
    }
    //自己解析請求中的參數
    public void get2(){
        String url="http://localhost:8080/car/get2?id=10&name=BMW&price=9.9";
        //先按?切出來,取第二部分,再用&切出來參數名和參數值[id=10,name=BMW,price=9.9]
        String[] s = url.split("\\?")[1].split("&");
        for (String ss : s) {
            String key =  ss.split("=")[0];
            String value = ss.split("=")[1] ;
        }
    }
    @RequestMapping("get")
    public Car get(){
        Car c = new Car(10,"BMW",19.9);
        return c ;
    }
}

–2,RestFul提交

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
package cn.tedu.controller;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
//對比,請求參數的不同獲取方式:get/restful
@RestController
@RequestMapping("car2")
public class CarController2 {
    //1.普通的get方式獲取請求參數
    //解析參數:http://localhost:8080/car2/get?id=10&name=BMW&age=10&sex=1
    @RequestMapping("get")
    public String get(Integer id,String name,Integer age,Integer sex){
//        return id+name+age+sex ;//直接把結果展示在瀏覽器上
        return "{'id':'"+id+"'}" ;//組織成json串給瀏覽器展示
    }
    //2.restful方式獲取請求參數:通過{}綁定地址中參數的位置 + 通過注解獲取{???}的值
    //解析參數:http://localhost:8080/car2/get2/10/BMW/10/1
    @RequestMapping("get2/{id}/{name}/{x}/{y}")
    public void get2(@PathVariable Integer id,
                     @PathVariable String name,
                     @PathVariable   String x,
                     @PathVariable Integer y){
        System.out.println(id);
        System.out.println(name);
        System.out.println(x);
        System.out.println(y);
    }
}

四,簡單的前后端關聯

–1,需求

點擊頁面的a,Get方式提交數據,交給框架解析參數

–2,創建html頁面

?
1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>用get方式提交數據給服務器</title>
    </head>
    <body>
        <a href="http://localhost:8080/user/save?id=857&name=jack&age=666">點我提交數據get</a>
        <a href="http://localhost:8080/user/save2/857/jack/666">點我提交數據restful</a>
    </body>
</html>

–3,創建UserController類,解析參數

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
package cn.tedu.controller;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
@RestController
@RequestMapping("user")
public class UserController {
    //1. 解析get的請求參數 http://localhost:8080/user/save?id=857&name=jack&age=666
    @RequestMapping("save")
    public void save(Integer id,String name,Integer age){
        System.out.println(id+name+age);
    }
    //2. 解析restful的請求參數 http://localhost:8080/user/save2/857/jack/666
    //get和restful的區別?
         //get的好處是數據都在地址欄拼接,restful的好處是相對安全
        //restful主要是用來優化、簡化get提交數據的寫法
    @RequestMapping("save2/{x}/{y}/{z}")
    public void save2(@PathVariable Integer x,
                      @PathVariable String y,
                      @PathVariable Integer z){
        System.out.println(x+y+z);
    }
}

五,利用JDBC技術,把請求參數入庫

SpringMVC與前端交互案例教程

–1,添加jdbc的依賴(修改pom.xml)

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <parent>
        <artifactId>cgb2104boot01</artifactId>
        <groupId>cn.tedu</groupId>
        <version>0.0.1-SNAPSHOT</version>
    </parent>
    <modelVersion>4.0.0</modelVersion>
    <artifactId>day13</artifactId>
    <!--添加jar包的依賴-->
    <dependencies>
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>5.1.48</version>
        </dependency>
    </dependencies>
</project>

–2,準備user表

?
1
2
3
4
5
CREATE TABLE `user` (
  `id` int(3) default NULL,
  `name` varchar(10) default NULL,
  `age` int(2) default NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8;

–3,修改UserController類的save()

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
package cn.tedu.controller;
import org.springframework.web.bind.annotation.PathVariable;
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;
@RestController
@RequestMapping("user")
public class UserController {
    //1. 解析get的請求參數 http://localhost:8080/user/save?id=857&name=jack&age=666
    @RequestMapping("save")
    public void save(Integer id,String name,Integer age) throws Exception {
//        System.out.println(id+name+age);
        /* 把解析出來的參數,利用jdbc技術入庫*/
        //注冊驅動
        Class.forName("com.mysql.jdbc.Driver");
        //獲取連接
        String url ="jdbc:mysql:///cgb2104?characterEncoding=utf8&amp;serverTimezone=Asia/Shanghai";
        Connection conn = DriverManager.getConnection(url,"root","root");
        //獲取傳輸器
//        String sql= "insert into user(id,name) values(?,?)";//給指定的字段設置值
        String sql= "insert into user values(?,?,?)";//所有字段設置值
        PreparedStatement ps = conn.prepareStatement(sql);
        //給SQL設置參數
        ps.setInt(1,id);//給第一個?設置值
        ps.setString(2,name);//給第二個?設置值
        ps.setInt(3,age);//給第三個?設置值
        //執行SQL
        int rows = ps.executeUpdate();
        //釋放資源 -- OOM(OutOfMemory)
        ps.close();
        conn.close();
    }
    //2. 解析restful的請求參數 http://localhost:8080/user/save2/857/jack/666
    //get和restful的區別?
         //get的好處是數據都在地址欄拼接,restful的好處是相對安全
        //restful主要是用來優化、簡化get提交數據的寫法
    @RequestMapping("save2/{x}/{y}/{z}")
    public void save2(@PathVariable Integer x,
                      @PathVariable String y,
                      @PathVariable Integer z){
        System.out.println(x+y+z);
    }
}

–4,測試

SpringMVC與前端交互案例教程

SpringMVC與前端交互案例教程

六、總結

本篇文章就到這里了,希望能給你帶來幫助,也希望您能夠多多關注服務器之家的更多內容!

原文鏈接:https://blog.csdn.net/u012932876/article/details/117918962

延伸 · 閱讀

精彩推薦
  • Java教程Java實現搶紅包功能

    Java實現搶紅包功能

    這篇文章主要為大家詳細介紹了Java實現搶紅包功能,采用多線程模擬多人同時搶紅包,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙...

    littleschemer13532021-05-16
  • Java教程Java8中Stream使用的一個注意事項

    Java8中Stream使用的一個注意事項

    最近在工作中發現了對于集合操作轉換的神器,java8新特性 stream,但在使用中遇到了一個非常重要的注意點,所以這篇文章主要給大家介紹了關于Java8中S...

    阿杜7472021-02-04
  • Java教程xml與Java對象的轉換詳解

    xml與Java對象的轉換詳解

    這篇文章主要介紹了xml與Java對象的轉換詳解的相關資料,需要的朋友可以參考下...

    Java教程網2942020-09-17
  • Java教程升級IDEA后Lombok不能使用的解決方法

    升級IDEA后Lombok不能使用的解決方法

    最近看到提示IDEA提示升級,尋思已經有好久沒有升過級了。升級完畢重啟之后,突然發現好多錯誤,本文就來介紹一下如何解決,感興趣的可以了解一下...

    程序猿DD9332021-10-08
  • Java教程小米推送Java代碼

    小米推送Java代碼

    今天小編就為大家分享一篇關于小米推送Java代碼,小編覺得內容挺不錯的,現在分享給大家,具有很好的參考價值,需要的朋友一起跟隨小編來看看吧...

    富貴穩中求8032021-07-12
  • Java教程Java BufferWriter寫文件寫不進去或缺失數據的解決

    Java BufferWriter寫文件寫不進去或缺失數據的解決

    這篇文章主要介紹了Java BufferWriter寫文件寫不進去或缺失數據的解決方案,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望...

    spcoder14552021-10-18
  • Java教程20個非常實用的Java程序代碼片段

    20個非常實用的Java程序代碼片段

    這篇文章主要為大家分享了20個非常實用的Java程序片段,對java開發項目有所幫助,感興趣的小伙伴們可以參考一下 ...

    lijiao5352020-04-06
  • Java教程Java使用SAX解析xml的示例

    Java使用SAX解析xml的示例

    這篇文章主要介紹了Java使用SAX解析xml的示例,幫助大家更好的理解和學習使用Java,感興趣的朋友可以了解下...

    大行者10067412021-08-30
主站蜘蛛池模板: 国产日韩欧美在线观看不卡 | 精品第一国产综合精品蜜芽 | 免费看60分钟大片视频播放 | 高清视频大片免费观看 | 四虎精品视频在线永久免费观看 | 轻轻色在线视频中文字幕 | 国产精品xxxav免费视频 | 国产福利微拍精品一区二区 | 国产亚洲一级精品久久 | 大陆国产精品视频 | 国产视频中文字幕 | 女子监狱第二季在线观看免费完整版 | 男人猛激烈吃奶gif动态图 | 亚洲欧美日韩综合在线播放 | 国产精品13p | 天天爽天天干天天操 | 极品美女aⅴ高清在线观看 极品ts赵恩静和直男激战啪啪 | 色综合久久丁香婷婷 | 9191视频| 日本不卡1卡2卡三卡网站二百 | 91九色视频无限观看免费 | 蜜桃久久久亚洲精品成人 | 亚洲精品一区制服丝袜 | 性xxxx中国 | 村上里沙40分钟在线观看 | 国产精品密播放国产免费看 | aaaa黄| 欧美亚洲一区二区三区在线 | 日本三级香港三级久久99 | 国产精品久久久久久久久免费观看 | 亚洲AV福利天堂一区二区三 | 动漫美女人物被黄漫小说 | 美女的让男生桶 | 欧美久久综合网 | 午夜影院免费入口 | 2020年国产精品午夜福利在线观看 | 大胸被c出奶水嗷嗷叫 | bt天堂午夜国产精品 | 日本sss在线高清观看 | 日本偷偷操 | 免费看片aⅴ免费大片 |