整合之前先知道大概的思路，首先要知道每个框架的重点要点。
1.首先我们从数据库开始
--创建数据库 create database gs --创建表 create table food ( id int identity(1,1) primary key, name varchar(50) not null, describe varchar(150) not null, productionaddress varchar(100) not null ) select * from food --添加数据 insert into food values('好丽友','交个好朋友','广东') insert into food values('卫龙','这种辣，爽啊','广东珠海')
2.项目依赖jar包
<?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> <groupId>com.lch</groupId> <artifactId>springmvc-JDBC</artifactId> <version>1.0-SNAPSHOT</version> <packaging>war</packaging> <dependencies> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-context</artifactId> <version>5.0.2.RELEASE</version> </dependency> <!--切入点表达式需要用的包，--> <dependency> <groupId>org.aspectj</groupId> <artifactId>aspectjweaver</artifactId> <version>1.8.13</version> </dependency> <dependency> <groupId>org.hibernate</groupId> <artifactId>hibernate-core</artifactId> <version>5.2.10.Final</version> </dependency> <!--数据库--> <dependency> <groupId>com.microsoft.sqlserver</groupId> <artifactId>mssql-jdbc</artifactId> <version>6.2.1.jre8</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-orm</artifactId> <version>5.0.2.RELEASE</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-tx</artifactId> <version>5.0.2.RELEASE</version> </dependency> <!--连接池--> <dependency> <groupId>org.apache.commons</groupId> <artifactId>commons-dbcp2</artifactId> <version>2.2.0</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-web</artifactId> <version>5.0.2.RELEASE</version> </dependency> <!--er表达式--> <dependency> <groupId>javax.servlet</groupId> <artifactId>jstl</artifactId> <version>1.2</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-webmvc</artifactId> <version>5.0.2.RELEASE</version> </dependency> <dependency> <groupId>javax.servlet</groupId> <artifactId>javax.servlet-api</artifactId> <version>3.1.0</version> <scope>provided</scope> </dependency> <!--校验--> <dependency> <groupId>org.hibernate.validator</groupId> <artifactId>hibernate-validator</artifactId> <version>6.0.2.Final</version> </dependency> </dependencies> <build> <plugins> <plugin> <artifactId>maven-compiler-plugin</artifactId> <version>3.1</version> <configuration> <source>1.8</source> <target>1.8</target> <encoding>UTF-8</encoding> </configuration> </plugin> <plugin> <artifactId>maven-war-plugin</artifactId> <version>2.2</version> <configuration> <warSourceDirectory>web</warSourceDirectory> </configuration> </plugin> </plugins> </build> </project>
3.创建entity层
FoodEntity
package com.entity; import javax.validation.constraints.NotEmpty; import javax.validation.constraints.Size; public class FoodEntity { private Integer id; @Size(min = 3,max = 30,message = "亲，您输入的范围必须在2-30之间") private String name; @NotEmpty(message = "亲，商品描述不能为空") private String describe; @NotEmpty(message = "亲，生产地址不能为空") private String productionaddress; 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 getDescribe() { return describe; } public void setDescribe(String describe) { this.describe = describe; } public String getProductionaddress() { return productionaddress; } public void setProductionaddress(String productionaddress) { this.productionaddress = productionaddress; } @Override public boolean equals(Object o) { if (this == o) return true; if (o == null || getClass() != o.getClass()) return false; FoodEntity that = (FoodEntity) o; if (id != null ? !id.equals(that.id) : that.id != null) return false; if (name != null ? !name.equals(that.name) : that.name != null) return false; if (describe != null ? !describe.equals(that.describe) : that.describe != null) return false; if (productionaddress != null ? !productionaddress.equals(that.productionaddress) : that.productionaddress != null) return false; return true; } @Override public int hashCode() { int result = id != null ? id.hashCode() : 0; result = 31 * result + (name != null ? name.hashCode() : 0); result = 31 * result + (describe != null ? describe.hashCode() : 0); result = 31 * result + (productionaddress != null ? productionaddress.hashCode() : 0); return result; } }
3.1实体的映射文件（因为借助idea开发工具，手动生成这个表的实体，连FoodEntity.hbm.xml ,也生成到entity包里面，可能导致扫描不到，然后把这个文件，放在resources里面的mappers文件夹里面，以后有多个文件就可以方便管理）
<?xml version='1.0' encoding='utf-8'?> <!DOCTYPE hibernate-mapping PUBLIC "-//Hibernate/Hibernate Mapping DTD 3.0//EN" "http://www.hibernate.org/dtd/hibernate-mapping-3.0.dtd"> <hibernate-mapping> <class name="com.entity.FoodEntity" table="food" schema="dbo" catalog="gs"> <id name="id" column="id"> <generator class="native"></generator> </id> <property name="name" column="name"/> <property name="describe" column="describe"/> <property name="productionaddress" column="productionaddress"/> </class> </hibernate-mapping>
4.dao层
4.1 搞一个BaseDao（在这里创建SessionFactory）
package com.dao; import org.hibernate.SessionFactory; public class BaseDao { private SessionFactory sessionFactory; public SessionFactory getSessionFactory() { return sessionFactory; } public void setSessionFactory(SessionFactory sessionFactory) { this.sessionFactory = sessionFactory; } }
4.2 FoodDao
package com.dao; import com.entity.FoodEntity; import org.hibernate.Session; import java.util.List; public class FoodDao extends BaseDao{ //查询 public List<FoodEntity> queryFood(){ Session session = getSessionFactory().getCurrentSession(); return session.createQuery("from FoodEntity").list(); } //修改之前查询要修改的ID public FoodEntity queryId(int id){ Session session = getSessionFactory().getCurrentSession(); FoodEntity teacherEntity=session.get(FoodEntity.class,id); return teacherEntity; } //修改 public void updateFood(FoodEntity foodEntity){ Session session = getSessionFactory().getCurrentSession(); session.update(foodEntity); } //添加 public void insertFood(FoodEntity foodEntity){ Session session= getSessionFactory().getCurrentSession(); session.save(foodEntity); } //删除 public void deleteFood(int id){ Session session= getSessionFactory().getCurrentSession(); FoodEntity foodEntity=session.get(FoodEntity.class,id); session.delete(foodEntity); } }
5.service业务层，我这里没有什么业务处理，只是简单做一下JDBC操作（FoodService）
package com.service; import com.dao.FoodDao; import com.entity.FoodEntity; import java.util.List; public class FoodService { private FoodDao foodDao; public FoodDao getFoodDao() { return foodDao; } public void setFoodDao(FoodDao foodDao) { this.foodDao = foodDao; } //查询 public List<FoodEntity> queryFood(){ return foodDao.queryFood(); } //修改之前获取ID public FoodEntity queryId(int id){ return foodDao.queryId(id); } //修改 public void updateFood(FoodEntity foodEntity){ foodDao.updateFood(foodEntity); } //添加 public void insertFood(FoodEntity foodEntity){ foodDao.insertFood(foodEntity); } //删除 public void deleteFood(int id){ foodDao.deleteFood(id); } }
6.控制层（FoodAction）
package com.contorller; import com.entity.FoodEntity; import com.service.FoodService; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.validation.BindingResult; import org.springframework.web.bind.annotation.*; import javax.validation.Valid; import java.util.List; @Controller @RequestMapping(path = "/foods") public class FoodAction { //完成自动装配的工作 @Autowired private FoodService foodService; public FoodService getFoodService() { return foodService; } public void setFoodService(FoodService foodService) { this.foodService = foodService; } //这里有二种做法，把数据在页面显示 //第一种做法 // @GetMapping(value = "/food") // public String list(){ // return "/list"; // } // //设置到页面 // @ModelAttribute("fd") // public List<FoodEntity> queryFood(){ // // return foodService.queryFood(); // } //第二种做法 @GetMapping(value = "/food") public String list(Model model){ List<FoodEntity> foodEntityList = foodService.queryFood(); model.addAttribute("fd",foodEntityList); return "/list"; } //获取修改的ID @GetMapping(value = "/queryId") public String queryId(@RequestParam(value = "id") int id,Model model){ model.addAttribute("fd",foodService.queryId(id)); return "/edit"; } //修改 @PostMapping(value = "/updateFood") public String updateFood(@Valid FoodEntity foodEntity, BindingResult bindingResult,Model model){ if(bindingResult.hasErrors()){ for(int i=0;i<bindingResult.getFieldErrors().size();i++){ String name=bindingResult.getFieldErrors().get(i).getField(); String err=bindingResult.getFieldErrors().get(i).getDefaultMessage(); model.addAttribute(name+"_err",err); } model.addAttribute("fd",foodEntity); return "/edit"; }else { foodService.updateFood(foodEntity); return "redirect:/foods/food"; } } //删除 @GetMapping(value = "/deleteId") public String deleteFood(@RequestParam(value = "id") int id){ foodService.deleteFood(id); return "redirect:/foods/food"; } //跳转到添加页面 @GetMapping(value = "/insert") public String insertredirect(){ return "/add"; } //做真正的添加操作操作 @PostMapping(value = "/saveFood") public String insertTeacher(@Valid FoodEntity foodEntity, BindingResult bindingResult,Model model){ if(bindingResult.hasErrors()){ for(int i=0;i<bindingResult.getFieldErrors().size();i++){ String name=bindingResult.getFieldErrors().get(i).getField(); String err=bindingResult.getFieldErrors().get(i).getDefaultMessage(); model.addAttribute(name+"_err",err); } model.addAttribute("fd",foodEntity); return "/add"; }else { foodService.insertFood(foodEntity); return "redirect:/foods/food"; } } }
7.配置文件
7.1 spring mvc文件的配置(spring-mvc.xml)
spring-mvc.xml(文件)
<?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:mvc="http://www.springframework.org/schema/mvc" xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd"> <!-- 自动扫描该包，使SpringMVC认为包下用了@controller注解的类是控制器 --> <context:component-scan base-package="com"> </context:component-scan> <!-- 开启注解 --> <mvc:annotation-driven /> <!-- 对模型视图名称的解析，即在模型视图名称添加前后缀(如果最后一个还是表示文件夹,则最后的斜杠不要漏了) 使用JSP--> <!-- 默认的视图解析器 在上边的解析错误时使用 (默认使用html)- --> <bean id="defaultViewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver"> <property name="viewClass" value="org.springframework.web.servlet.view.JstlView"/> <property name="prefix" value="/WEB-INF/views/"/><!--设置JSP文件的目录位置--> <property name="suffix" value=".jsp"/> </bean> </beans>
7.2 db.properties文件的配置（外部引入数据库连接）我这里用的是SQL2008数据库
driverClassName=com.microsoft.sqlserver.jdbc.SQLServerDriver
url=jdbc:sqlserver://localhost:1433;database=gs
username=sa
password=12223
7.3 spring文件的配置（applicationContext.xml）
applicationContext.xml
<?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:tx="http://www.springframework.org/schema/tx" xmlns:aop="http://www.springframework.org/schema/aop" xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx.xsd http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop.xsd"> <!-- 配置属性持有对象 --> <!--外部导进连接数据库 driverClassName url username password--> <context:property-placeholder location="classpath:db.properties" local-override="true"/> <!-- 配置数据源 --> <bean id="dataSource" class="org.apache.commons.dbcp2.BasicDataSource" destroy-method="close"> <property name="driverClassName" value="${driverClassName}"></property> <property name="url" value="${url}"></property> <property name="username" value="${username}"></property> <property name="password" value="${password}"></property> <!----> <property name="initialSize" value="5"></property> <property name="maxIdle" value="10"></property> <property name="maxTotal" value="10"></property> </bean> <!-- 配置Hibernate的SessionFactory,无hibernate配置文件 --> <bean id="sessionFactory" class="org.springframework.orm.hibernate5.LocalSessionFactoryBean" destroy-method="destroy"> <!-- 配置数据源 --> <property name="dataSource" ref="dataSource"></property> <!-- 配置hibernate属性--> <property name="hibernateProperties"> <props> <!-- 数据库的方言 --> <prop key="hibernate.dialect">org.hibernate.dialect.SQLServer2008Dialect</prop> <!-- 是否显示SQL语句 --> <!-- 是否格式化显示SQL语句 --> <prop key="hibernate.show_sql">true</prop> <prop key="hibernate.format_sql">true</prop> </props> </property> <!-- 配置映射文件 --> <property name="mappingLocations"> <list> <value>classpath:mappers/FoodEntity.hbm.xml</value> </list> </property> </bean> <!-- 配置事务管理器 --> <bean id="transactionManager" class="org.springframework.orm.hibernate5.HibernateTransactionManager"> <property name="sessionFactory" ref="sessionFactory"></property> </bean> <!--配置事务通知--> <tx:advice id="transactionInterceptor" transaction-manager="transactionManager"> <tx:attributes> <!-- 事务管理策略，查为只读 --> <tx:method name="query*" read-only="true"/> <tx:method name="insert*"/> <tx:method name="update*"/> <tx:method name="delete*"/> </tx:attributes> </tx:advice> <!--配置事务AOP--> <aop:config> <aop:pointcut id="query" expression="execution(public * com.service.*.*(..))"/> <aop:advisor advice-ref="transactionInterceptor" pointcut-ref="query"></aop:advisor> </aop:config> <!-- 配置客户持久层bean dao--> <bean id="baseDao" abstract="true" class="com.dao.BaseDao"> <!-- 该bean继承了ProductDao，则可以直接注入sessionFactory --> <property name="sessionFactory" ref="sessionFactory"></property> </bean> <bean id="foodDao" class="com.dao.FoodDao" parent="baseDao"></bean> <!-- 配置客户服务bean --> <bean id="foodService" class="com.service.FoodService"> <property name="foodDao" ref="foodDao"></property> </bean> <bean id="action" class="com.contorller.FoodAction"> <property name="foodService" ref="foodService"></property> </bean> </beans>
7.3 web的文件配置
web.xml
<?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_3_1.xsd" version="3.1"> <servlet> <servlet-name>mvc</servlet-name> <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class> <!--spring mvc配置--> <!-- 加载spring mvc配置文件 --> <init-param> <param-name>contextConfigLocation</param-name> <param-value>classpath:spring-mvc.xml</param-value> </init-param> </servlet> <servlet-mapping> <servlet-name>mvc</servlet-name> <url-pattern>/</url-pattern> </servlet-mapping> <!--监听器--> <listener> <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class> </listener> <!--spring配置文件的路径--> <context-param> <param-name>contextConfigLocation</param-name> <param-value>classpath:applicationContext.xml</param-value> </context-param> <!-- 配置乱码问题--> <filter> <filter-name>encodingFilter</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>forceEncoding</param-name> <param-value>true</param-value> </init-param> </filter> <filter-mapping> <filter-name>encodingFilter</filter-name> <url-pattern>/*</url-pattern> </filter-mapping> </web-app>
8.页面
8.1 index页面（list.jsp）
<%-- Created by IntelliJ IDEA. User: Administrator Date: 2018/1/31 Time: 9:57 To change this template use File | Settings | File Templates. --%> <%@ page contentType="text/html;charset=UTF-8" language="java" %> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <html> <head> <title>index</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 引入 Bootstrap --> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> <style> #fieldset{ margin: 100px 100px; border: 1px solid dodgerblue; border-radius: 15px; } </style> <script> </script> </head> <body> <fieldset id="fieldset"> <legend>产品信息</legend> <table class="table table-striped"> <thead> <tr align="center"> <th>编号</th> <th>名称</th> <th>描述</th> <th>产地</th> <th>操作</th> </tr> </thead> <tbody> <c:forEach var="food" items="${fd}"> <tr> <td>${food.id}</td> <td>${food.name}</td> <td>${food.describe}</td> <td>${food.productionaddress}</td> <td> <button type="button" class="btn btn-danger glyphicon glyphicon-remove"> <a href="/foods/updateId?id=${food.id}" onclick="return confirm('are you sure?')">删除</a> </button> <button type="button" class="btn btn-warning glyphicon glyphicon-pencil"> <a href="/foods/queryId?id=${food.id}" >修改</a> </button> </td> </tr> </c:forEach> </tbody> </table> <button type="button" class="btn" style="background: dodgerblue"> <a href="/foods/insert" style="color: white;font-size: 18px ;text-align: center">添加</a> </button> </fieldset> <!-- HTML5 Shiv 和 Respond.js 用于让 IE8 支持 HTML5元素和媒体查询 --> <!-- 注意： 如果通过 file:// 引入 Respond.js 文件，则该文件无法起效果 --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> <![endif]--> <!-- jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) --> <script src="https://code.jquery.com/jquery.js"></script> <!-- 包括所有已编译的插件 --> <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> </body> </html>
8.2 添加页面（add.jsp）包括校验
<%-- Created by IntelliJ IDEA. User: Administrator Date: 2018/1/31 Time: 13:52 To change this template use File | Settings | File Templates. --%> <%@ page contentType="text/html;charset=UTF-8" language="java" %> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <html> <head> <title>add</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 引入 Bootstrap --> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> <style> #fieldset{ margin: 100px 100px; border: 1px solid dodgerblue; width: 800px; border-radius: 15px; } </style> </head> <body> <h2>添加页面</h2> <%--<form action="/foods/saveFood" method="post">--%> <%--名称<input type="text" name="name"><p></p>--%> <%--描述<input type="text" name="describe"><p></p>--%> <%--地址<input type="text" name="productionaddress"><p></p>--%> <%--<input type="submit" value="确定" ><p></p>--%> <%--</form>--%> <fieldset id="fieldset"> <legend>添加商品</legend> <form action="/foods/saveFood" method="post"> <div class="form-group"> <label for="name">名称</label> <input type="text" class="form-control" id="name" name="name" value="${fd.name}" placeholder="name"> <p style="color: red">${name_err}</p> </div> <div class="form-group"> <label for="describe">描述</label> <input type="text" class="form-control" id="describe" name="describe" value="${fd.describe}" placeholder="describe"> <p style="color: red">${describe_err}</p> </div> <div class="form-group"> <label for="describe">地址</label> <input type="text" class="form-control" id="productionaddress" name="productionaddress" value="${fd.productionaddress}" placeholder="productionaddress"> <p style="color: red">${productionaddress_err}</p> </div> <button type="submit" class="btn btn-default">添加</button> </form> </fieldset> <script src="https://code.jquery.com/jquery.js"></script> <!-- 包括所有已编译的插件 --> <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> </body> </html>
结果：
8.3 修改页面（edit.jsp）
<%-- Created by IntelliJ IDEA. User: Administrator Date: 2018/1/31 Time: 13:52 To change this template use File | Settings | File Templates. --%> <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>update</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 引入 Bootstrap --> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> <style> #fieldset{ margin: 100px 100px; border: 1px solid dodgerblue; width: 800px; border-radius: 15px; } </style> </head> <body> <%--<form action="/foods/update" method="post">--%> <%--编号：<input type="text" name="id" value="${fd.id}" readonly="readonly"><p></p>--%> <%--名称：<input type="text" name="name" value="${fd.name}"><p></p>--%> <%--描述：<input type="text" name="describe" value="${fd.describe}"><p></p>--%> <%--生产地址：<input type="text" name="productionaddress" value="${fd.productionaddress}"><p></p>--%> <%--<input type="submit" value="确定" ><p></p>--%> <%--</form>--%> <fieldset id="fieldset"> <legend>修改商品</legend> <form action="/foods/updateFood" method="post"> <div class="form-group"> <label for="id">编号</label> <input type="text" class="form-control" id="id" name="id" value="${fd.id}" readonly="readonly"> </div> <div class="form-group"> <label for="name">名称</label> <input type="text" class="form-control" id="name" name="name" value="${fd.name}"> <p style="color: red">${name_err}</p> </div> <div class="form-group"> <label for="describe">描述</label> <input type="text" class="form-control" id="describe" name="describe" value="${fd.describe}"> <p style="color: red">${describe_err}</p> </div> <div class="form-group"> <label for="describe">地址</label> <input type="text" class="form-control" id="productionaddress" name="productionaddress" value="${fd.productionaddress}"> <p style="color: red">${productionaddress_err}</p> </div> <button type="submit" class="btn btn-default">修改</button> </form> </fieldset> <script src="https://code.jquery.com/jquery.js"></script> <!-- 包括所有已编译的插件 --> <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> </body> </html>
结果：
9. 项目结构
最后在浏览器打开：http://localhost:8080/foods/food
