1.创建Maven项目
2.配置pom.xml添加依赖的文件jar包
- 做web项目必须将包装方式改为包装方式war
- Maven仓库地址：https://mvnrepository.com/
<?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"> <modelVersion>4.0.0</modelVersion> <!--在Maven里的定位--> <groupId>com.springmvc</groupId> <artifactId>SpringMVC_study</artifactId> <version>1.0-SNAPSHOT</version> <!-- 做一个web项目将包装方式改为war--> <packaging>war</packaging> <!--在java中编译用的jdk--> <properties> <maven.compiler.source>8</maven.compiler.source> <maven.compiler.target>8</maven.compiler.target> </properties> <!-- 引入依赖--> <dependencies> <!-- springmvc依赖--> <!-- https://mvnrepository.com/artifact/org.springframework/spring-webmvc -->
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-webmvc</artifactId>
<version>5.3.1</version>
</dependency>
<!-- sevlet依赖-->
<!-- https://mvnrepository.com/artifact/javax.servlet/javax.servlet-api -->
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>javax.servlet-api</artifactId>
<version>3.0.1</version>
<scope>provided</scope> <!--本地存在的-->
</dependency>
<!-- jsp依赖-->
<!-- https://mvnrepository.com/artifact/javax.servlet.jsp/jsp-api -->
<dependency>
<groupId>javax.servlet.jsp</groupId>
<artifactId>jsp-api</artifactId>
<version>2.1</version>
<scope>provided</scope>
</dependency>
<!-- jstl依赖-->
<!-- https://mvnrepository.com/artifact/javax.servlet/jstl -->
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>jstl</artifactId>
<version>1.2</version>
</dependency>
<!-- JUnit单元测试依赖-->
<!-- https://mvnrepository.com/artifact/junit/junit -->
<dependency>
<groupId>junit</groupId>
<artifactId>junit</artifactId>
<version>4.12</version>
<scope>test</scope>
</dependency>
<!-- logback日志依赖-->
<!-- https://mvnrepository.com/artifact/ch.qos.logback/logback-classic -->
<dependency>
<groupId>ch.qos.logback</groupId>
<artifactId>logback-classic</artifactId>
<version>1.2.3</version>
<scope>test</scope>
</dependency>
</dependencies>
</project>
刷新Maven导入jar包
3.创建web.xml，主要文件路径，在main包下创建webapp包，在项目结构中自动创建web.xml，然后配置该xml
- 配置SpringMVC dispatcherServlet前端控制器
- 配置springMVC的编码过滤器filter
改成
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd" version="4.0">
<!-- web 项目的总配置文件-->
<!-- 配置SpringMVC dispatcherServlet前端控制器-->
<servlet>
<servlet-name>DispatcherServlet</servlet-name>
<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
<init-param>
<!-- Spring 总配置文件-->
<!-- contextConfigLocation为固定值 -->
<param-name>contextConfigLocation</param-name>
<!-- 使用classpath:表示从类路径查找配置文件，例如maven工程中的src/main/resources -->
<param-value>classpath:SpringMVC.xml</param-value>
</init-param>
<!-- 在服务器启动之前，先把dispatcherServlet初始化-->
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>DispatcherServlet</servlet-name>
<!-- /所匹配的请求可以是/login或.html或.js或.css方式的请求路径，但是/不能匹配.jsp请求路径的请求-->
<!-- 因此就可以避免在访问jsp页面时，该请求被DispatcherServlet处理，从而找不到相应的页面-->
<!-- /*则能够匹配所有请求，例如在使用过滤器时，若需要对所有请求进行过滤，就需要使用/\*的写法-->
<url-pattern>/</url-pattern>
</servlet-mapping>
<!--配置springMVC的编码过滤器-->
<filter>
<filter-name>CharacterEncodingFilter</filter-name>
<filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
<init-param>
<param-name>encoding</param-name>
<param-value>UTF-8</param-value>
</init-param>
<init-param>
<param-name>forceResponseEncoding</param-name>
<param-value>true</param-value>
</init-param>
</filter>
<filter-mapping>
<filter-name>CharacterEncodingFilter</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
</web-app>
4.在resource包下创建SpringMVC.xml文件，并创建好开发包，然后配置SpringMVC.xml文件，然后添加local本地Tomcat
配置组件扫描的位置 配置视图解析器（用原生的内部资源视图解析器），前缀视图、后缀视图、以及jstl视图 JstlView 配置mvc:default-servlet-handler用来处理静态css、js、jpg、html等资源 配置注解驱动mvc:annotation-driven
<?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:context="http://www.springframework.org/schema/context" xmlns:tools="http://www.springframework.org/schema/tool" xmlns:mvc="http://www.springframework.org/schema/mvc" xsi:schemaLocation="http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context https://www.springframework.org/schema/context/spring-context.xsd http://www.springframework.org/schema/tool http://www.springframework.org/schema/tool/spring-tool.xsd"> <context:component-scan base-package="com.springmvc"></context:component-scan> <!-- 配置视图解析器--> <bean id="viewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver"> <!-- 视图前缀--> <property name="prefix" value="/WEB-INF/templates/"></property> <!-- 视图后缀--> <property name="suffix" value=".jsp"></property> <!-- jstl视图--> <property name="viewClass" value="org.springframework.web.servlet.view.JstlView"></property> </bean> <!-- 处理静态资源，例如html、js、css、jpg 若只设置该标签，则只能访问静态资源，其他请求则无法访问 此时必须设置<mvc:annotation-driven/>解决问题 --> <mvc:default-servlet-handler /> <mvc:annotation-driven> <!-- <mvc:message-converters>--> <!-- <!– 处理响应中文内容乱码 –>--> <!-- <bean class="org.springframework.http.converter.StringHttpMessageConverter">--> <!-- <property name="defaultCharset" value="UTF-8" />--> <!-- <property name="supportedMediaTypes">--> <!-- <list>--> <!-- <value>text/html</value>--> <!-- <value>application/json</value>--> <!-- </list>--> <!-- </property>--> <!-- </bean>--> <!-- </mvc:message-converters>--> </mvc:annotation-driven> </beans>
添加Tomcat 然后记得更改下名字
特别的是，VM options中添加-Dfile.encoding=UTF-8，以确保控制台不乱码
5.配置好这些就可以做开发了。在WEB_INF下创建templates，然后创建jsp文件。为美化界面，用到bootstrap框架
- bootstrap下载及运用，参照官网使用，https://v3.bootcss.com/
- 添加jquery文件，引入到jsp文件时，要保证jquery的引入在js前面
- jstl的使用，需要在页面上声明+在SpringMVC.xml中配置jstl视图
- 设置pageContext域对象APP_PATH保存项目根路径，用于方便跳转页面
index.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
<head>
<% pageContext.setAttribute("APP_PATH",request.getContextPath()); %>
<title>首页</title>
</head>
<body>
<h2>欢迎来到首页！</h2>
<br>
<a href="${APP_PATH}/book/showBook">查看书籍</a>
</body>
</html>
book.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!doctype html>
<html lang="en">
<head>
<% pageContext.setAttribute("APP_PATH",request.getContextPath()); %>
<title>书本</title>
<script src="${APP_PATH}/static/jquery/jquery-1.12.4.min.js"></script>
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="${APP_PATH}/static/bootstrap-3.4.1-dist/css/bootstrap.css" crossorigin="anonymous">
<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
<link rel="stylesheet" href="${APP_PATH}/static/bootstrap-3.4.1-dist/css/bootstrap-theme.css" crossorigin="anonymous">
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="${APP_PATH}/static/bootstrap-3.4.1-dist/js/bootstrap.js" crossorigin="anonymous"></script>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-12"><h1>书籍列表</h1></div><br>
</div>
<div class="row">
<div class="col-md-12">Request请求域获取时间戳：${time}</div>
</div>
<div class="row">
<div class="col-md-12">
<table class="table table-striped">
<thead>
<tr>
<th>#</th>
<th>书名</th>
<th>作者</th>
<th>性别</th>
<th>价格</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<c:forEach items="${list}" var="books">
<tr>
<td>${books.id}</td>
<td>${books.name}</td>
<td>${books.author}</td>
<td>${books.sex}</td>
<td>${books.price}</td>
<td>
<a href="${APP_PATH}/book/updateBook?id=${books.id}&name=${books.name}&author=${books.author}&sex=${books.sex}&price=${books.price}" >
<button type="button" class="btn btn-warning">修改</button>
</a>
<a href="${APP_PATH}/book/deleteBook?id=${books.id}" >
<button type="button" class="btn btn-danger">删除</button>
</a>
</td>
</tr>
</c:forEach>
</tbody>
</table>
</div>
</div>
<div class="row">
<div class="col-md-4">
<h3>添加/修改书籍：</h3>
<form class="form-horizontal" action="${APP_PATH}/book/addBook" method="post">
<input type="hidden" name="id" value="${updatebook_model.id}">
<div class="form-group">
<label class="col-sm-2 control-label">书名</label>
<div class="col-sm-10">
<input type="text" class="form-control" name="name" placeholder="书名" value="${updatebook_model.name}">
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">作者</label>
<div class="col-sm-10">
<input type="text" class="form-control" name="author" placeholder="作者" value="${updatebook_model.author}">
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">性别</label>
<div class="col-sm-10">
<div class="checkbox">
<label>
<c:if test="${updatebook_model.sex=='男'}">
男<input type="radio" checked name="sex" value="男"/>
</c:if>
<c:if test="${updatebook_model.sex!='男'}">
男<input type="radio" name="sex" value="男"/>
</c:if>
</label>
<label>
<c:if test="${updatebook_model.sex=='女'}">
女<input type="radio" checked name="sex" value="女"/>
</c:if>
<c:if test="${updatebook_model.sex!='女'}">
女<input type="radio" name="sex" value="女"/>
</c:if>
</label>
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">价格</label>
<div class="col-sm-10">
<input type="text" class="form-control" name="price" placeholder="价格" value="${updatebook_model.price}">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-success">提交</button>
</div>
</div>
</form>
</div>
</div>
</div>
</body>
</html>
6.实体类对象book
package com.springmvc.entity;
import org.springframework.stereotype.Component;
@Component
public class Book {
private Integer id;
private String name;
private String author;
private String sex;
private Integer price;
@Override
public String toString() {
return "Book{" +
"id=" + id +
", name='" + name + '\'' +
", author='" + author + '\'' +
", sex='" + sex + '\'' +
", price=" + price +
'}';
}
public Book() {
}
public Book(Integer id, String name, String author, String sex, Integer price) {
this.id = id;
this.name = name;
this.author = author;
this.sex = sex;
this.price = price;
}
public Integer getId() {
return id;
}
public void setId(Integer id) {
this.id = id;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String getAuthor() {
return author;
}
public void setAuthor(String author) {
this.author = author;
}
public String getSex() {
return sex;
}
public void setSex(String sex) {
this.sex = sex;
}
public Integer getPrice() {
return price;
}
public void setPrice(Integer price) {
this.price = price;
}
}
7.dao数据层
BookDao接口
package com.springmvc.dao;
import com.springmvc.entity.Book;
import java.util.Collection;
public interface BookDao {
public Collection<Book> getBooks();
public void addBook(Book book);
public void updateBook(Book book);
public void deleteBook(Integer id);
}
实现类
package com.springmvc.dao; import com.springmvc.entity.Book; import org.springframework.stereotype.Repository; import java.util.Collection; import java.util.HashMap; import java.util.Map; @Repository public class BookDaoImpl implements BookDao{ private static Map<Integer,Book> data; private static Integer _id; static{ data=new HashMap<>(); _id=4; data.put(1,new Book(1,"Spring大全","老王","男",100)); data.put(2,new Book(2,"西游记","老刘","女",80)); data.put(3,new Book(3,"三生三世","阿臭","男",300)); } @Override public Collection<Book> getBooks() { return data.values(); } @Override public void addBook(Book book) { if(book.getId()==null){ book.setId(_id++); data.put(book.getId(), book); } data.put(book.getId(), book); } @Override public void updateBook(Book book) { data. 标签：28zjw印制板连接器