SpringMVC与前端交互案例教程
更新时间:2021年7月13日 10:00 点击:1461
一,创建day13的module
选中project-右键-new-module-选择maven-next-输入module名-finish
二,复习SpringMVC
–1,需求:访问/car/get ,获取汽车数据
–2,创建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); } }
–3,创建Car类
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类
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提交
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提交
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页面
<!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类,解析参数
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技术,把请求参数入库
–1,添加jdbc的依赖(修改pom.xml)
<?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表
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()
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&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,测试
六、总结
本篇文章就到这里了,希望能给你带来帮助,也希望您能够多多关注猪先飞的更多内容!
相关文章
- 今天小编在这里就来给Painter的这一款软件的使用者们来说一说绘制红衣喝酒男水粉画效果的教程,各位想知道具体绘制步骤的使用者,那么下面就快来跟着小编一起看一看教程...2016-09-14
iPhone6怎么激活?两种苹果iPhone6激活教程图文详解
iPhone6新机需要激活后才可以正常使用,那么对于小白用户来说,iPhone6如何激活使用呢?针对此问题,本文就为大家分别介绍Wifi无线网络激活以及iPhone6连接电脑激活这两种有效的方法,希望本文能够帮助到大家...2022-09-14- 今天小编在这里就来给各位photoshop的这一款软件的使用者们来说下制作雨中野外孤独行走的一头牛海报的教程,各位想知道具体制作方法的使用者们,大家就快来看一看小编给...2016-09-14
- 今天小编在这里就来给Painter的这一款软件的使用者们来说一下绘制帅气卡通魔法王子漫画的具体教程,各位想知道绘制步骤的使用者,那么下面就快来跟着小编一起看一看教程...2016-09-14
- 今天小编在这里就来给各位Illustrator的这一款软件的使用者们来说说鼠绘堆雪人的孩童矢量插画的教程,各位想知道具体绘制方法的使用者们,那么各位就快来跟着小编来看看...2016-09-14
- 支付宝支付在国内算是大家了,我们到处都可以使用支付宝了,下文整理介绍的是在安卓app应用中使用支付宝进行支付的开发例子。 之前讲了一篇博客关与支付宝集成获取...2016-09-20
- 今天小编在这里就来给llustrator的这一款软件的使用者们来说一说绘制扁平化风格卡通警察护士空姐肖像的教程,各位想知道具体绘制步骤的使用者们,那么下面就快来跟着小编...2016-09-14
- 今天小编在这里就来给美图秀秀的这一款软件的使用者们来说下究竟该怎么给照片天空加蓝天白云的教程,各位想知道具体制作步骤的,那么下面就来跟着小编一起看看吧。 ...2016-09-14
- 今天小编在这里就来给Illustrator的这一款软件的使用者们来说一下绘制一个方形的录音机图标的教程,各位想知道具体绘制方法的使用者们,那么下面就来看一下小编给大家分...2016-09-14
- 今天小编在这里就来给photoshop的这一款软件的使用者们来说一说简单制作一个搞笑的换脸表情包的教程,各位想知道具体制作方法的使用者们,那么大家就快来看一看教程吧。...2016-09-14
- 今天小编在这里就来给美图秀秀的这一款软件的使用者们来说一下让你胸丰满起来的处理教程,各位想知道具体处理步骤的,那么下面就快来跟着小编一起看一下教程吧。 给...2016-09-14
- 今天小编在这里就来给各位photoshop的这一款软件的使用者们来说说给手绘画调色变换场景的后期教程,各位想知道具体后期处理步骤的使用者们,那么大家就快来跟着小编来看...2016-10-02
- 今天小编在这里就来给Painter的这一款软件的使用者们来说一下绘制雷神传插画的教程,各位想知道具体绘制步骤的使用者,那么下面就快来跟着小编一起看看绘制方法吧。 ...2016-09-14
- 联合索引又叫复合索引。对于复合索引:Mysql从左到右的使用索引中的字段,一个查询可以只使用索引中的一部份,但只能是最左侧部分。例如索引是key index (a,b,c). 可以支持a | a,b| a,b,c 3种组合进行查找,但不支持 b,c进...2015-11-24
- 这篇文章主要给大家介绍的是关于Lua语言新手入门的简单教程,文中通过示例代码一步步介绍的非常详细,对各位新手们的入门提供了一个很方便的教程,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧。...2020-06-30
- 一、下载 mysqlsla [root@localhost tmp]# wget http://hackmysql.com/scripts/mysqlsla-2.03.tar.gz--19:45:45-- http://hackmysql.com/scripts/mysqlsla-2.03.tar.gzResolving hackmysql.com... 64.13.232.157Conn...2015-11-24
- 作为前端,一直以来都知道HTTP劫持与XSS跨站脚本、CSRF跨站请求伪造。防御这些劫持最好的方法是从后端入手,前端能做的太少。而且由于源码的暴露,攻击者很容易绕过防御手段。但这不代表我们去了解这块的相关知识是没意义的,本文的许多方法,用在其他方面也是大有作用。...2021-05-24
- php类的使用实例教程 <?php /** * Class program for yinghua05-2 * designer :songsong */ class Template { var $tpl_vars; var $tpl_path; var $_deb...2016-11-25
- 今天小编在这里就来给美图秀秀的这一款软件的使用者们来说下制作隔离区聊天背景的教程,各位想知道具体方法的,那么下面就快来跟着小编一起看一看吧。 给各位美图秀...2016-09-14
- 今天小编在这里就来给photoshop的这一款软件的使用者们来说说用素材合成古典园林场景教程,各位想知道到底该怎么制作的,那么就快来一起看一下吧。 给各位photoshop...2016-09-14