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的请求参数
|
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
|
<!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文件路径
|
1
|
<link rel="stylesheet" href="../css/form.css"/>` |
我这里使用了外部样式表的方式，使css代码和html代码分离，使结构更加清晰
|
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
|
/* 输入框 *//* 类选择器 */.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类
|
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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
|
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,位置必须放在所有资源之上的包里
|
1
2
3
4
5
6
7
8
9
10
11
|
package cn.tedu;import org.springframework.boot.springapplication;import org.springframework.boot.autoconfigure.springbootapplication;/**这是一个启动类 * 位置：必须在所有资源之上的包里*/@springbootapplicationpublic class runapp { public static void main(string[] args) { springapplication.run(runapp.class); }} |
4，创建数据库，表
要与student类相对应，爱好这一字段是数组类型，而mysql中没有数组类型，因此使用varchar
注意字符集使用utf-8
使用jdbc把得到的数据入库
5.创建studentcontroller类
首先要在pom.xml中导入jar包（工具包）
|
1
2
3
4
5
6
7
8
|
<!-- 添加jdbc的jar包依赖--> <dependencies> <dependency> <groupid>mysql</groupid> <artifactid>mysql-connector-java</artifactid> <version>5.1.48</version> </dependency> </dependencies> |
下面是将数据入库的代码
|
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
|
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.测试
运行启动类，执行前端页面，提交表单数据,并在数据库中查看数据入库情况
总结
本篇文章就到这里了，希望能给你带来帮助，也希望您能够多多关注服务器之家的更多内容！
原文链接：https://blog.csdn.net/qq_44614137/article/details/119786567
