SpringMVC

最新推荐文章于 2024-07-15 22:27:12 发布

adair-zhang

最新推荐文章于 2024-07-15 22:27:12 发布

阅读量72

点赞数

文章标签： mvc java 前端

本文链接：https://blog.csdn.net/weixin_44042813/article/details/124677873

版权

MVC

模型：dao，service
视图：jsp
控制器：servlet

model2时代

服务器MVC框架：

Structs、Spring MVC、ASP.NET MVC、Zend Framework、JSF、、、

前端MVC框架：

Vue、angularjs、react、backbone、、、、、

MVC也演化出了另外的模式：MVP、MVVM、

hellomvc

原理实验

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_4_0.xsd"
         version="4.0">

    <!--配置DispatcherServlet：这个是springmvc的核心，请求分发器，前端控制器-->
    <servlet>
        <servlet-name>springmvc</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>classpath:springmvc-servlet.xml</param-value>
        </init-param>
        <!--设置启动级别-->
        <load-on-startup>1</load-on-startup>
    </servlet>

    <!--
    /:除了.jsp页面不匹配
    /*:匹配所有的-->
    
    <servlet-mapping>
        <servlet-name>springmvc</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>

</web-app>

springmvc-servlet.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"
        xsi:schemaLocation="http://www.springframework.org/schema/beans
        http://www.springframework.org/schema/beans/spring-beans.xsd">

    <!--处理器 映射器-->
    <bean class="org.springframework.web.servlet.handler.BeanNameUrlHandlerMapping"/>
    <!--处理器 适配器-->
    <bean class="org.springframework.web.servlet.mvc.SimpleControllerHandlerAdapter"/>

    <!--视图解析器-->
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver" id="internalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/jsp/"/>
        <property name="suffix" value=".jsp"/>
    </bean>

    <bean id="/hello" class="com.adair.controller.HelloController"/>
</beans>

HelloController类

package com.adair.controller;

import org.springframework.web.servlet.ModelAndView;
import org.springframework.web.servlet.mvc.Controller;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class HelloController implements Controller {

    @Override
    public ModelAndView handleRequest(HttpServletRequest request, HttpServletResponse response) throws Exception {
        //模型和视图
        ModelAndView mv = new ModelAndView();

        //业务代码
        mv.addObject("msg","HelloSpringMVC");

        //视图跳转
        mv.setViewName("hello");    //即/WEB-INF/jsp/hello.jsp

        return mv;
    }
}

WEB-INF/jsp/hello.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>

${msg}

</body>
</html>

tip:如果是404错误，要看发布的项目有没有lib，里面的jar包

原理图：

简化实验

主要简化：

spring配置文件(不用bean注册)、
ControllerTest1类(不再实现Controller,返回视图。直接返回字符串)

实验

web.xml。同上
springmvc-servlet.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">

    <!--自动扫描包-->
    <context:component-scan base-package="com.adair.controller"/>
    <!--不再处理静态资源-->
    <mvc:default-servlet-handler/>
    <!--自动完成handlermapping,handleradapter-->
    <mvc:annotation-driven/>

    <!--视图解析器-->
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver" id="internalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/jsp/"/>
        <property name="suffix" value=".jsp"/>
    </bean>
    
</beans>

HelloController类。使用注解

@Controller
@RequestMapping("/c2")		//总的路径
public class HelloController {
    @RequestMapping("/h1")
    public String hello(Model model) {
        //封装数据。model增加属性≈req.setArribute()
        model.addAttribute("msg","hello springmvc-annotation");
        return "hello";    //会被视图解析器处理	即WEB-INF/jsp/hello.jsp
    }
    @RequestMapping("/t1")
    public String test1(Model model) {
        model.addAttribute("msg","test1");
        return "test";		//访问t1:WEB-INF/jsp/hello.jsp
    }
    @RequestMapping("/t2")
    public String test2(Model model) {
        model.addAttribute("msg","test2");
        return "test";
    }
}

hello.jsp同上
地址栏/h1即可访问WEB-INF/jsp/hello.jsp

总结

步骤：

创建web项目
导入jar包
编写web.xml，配置DispatcherServlet，引入springmvc配置
编写springmvc-servlet.xml
创建对应的控制类controller
完善前端视图和controller之间的关系
运行调试

spring三大配置：

处理器映射器、处理器适配器、视图解析器

等效（只不过用于不同的层次）：

@Component
@Repository
@Service
@Controller

RestFul风格

RestFulTest1类

@Controller
public class RestFulTest1 {
    //RequestMapping("add")。没有PathVariable。
    //路径：http://localhost:8080/add?a=1&b=2

    //更改后RestFul：http://localhost:8080/add/1/2。也可传递字符串，拼接
    @RequestMapping(value = "add/{a}/{b}",method = RequestMethod.GET)
//    @GetMapping() 同上。    @PostMapping

    public String test1(@PathVariable int a,@PathVariable int b, Model model) {
        int res = a+b;
        model.addAttribute("msg","结果为"+res);
        return "test";
    }
}

其他同上
去掉spring配置中的视图解析器（加上前后缀）和mvc注解驱动，直接返回路径即可。

return "/WEB-INF/jsp/test.jsp";		
return "forward:/WEB-INF/jsp/test.jsp";	//去掉与否，都成功
return "redirect:/index.jsp";	//去掉与否，都成功

传递参数

传递字符串。http://localhost:8080/hello?username=adair2。username相当于别名。没有别名name=adair2

public class UserController {

    @RequestMapping("/hello")
    //无论参数是否一样，都要加上RequestParam。证明是要从前端接受的 
    public String test1(@RequestParam("username") String name) {
        System.out.println(name);
        return "test";
    }
}

传递对象，匹配字段名。http://localhost:8080/hello?id=2&name=adair&age=12

@Controller
public class UserController {

    @RequestMapping("/hello")
    public String test1(User user) {	//User类id,name,age。要有set方法，toString方法
        System.out.println(user.toString());	
        return "test";
    }
}

接受的参数如何显示到前端：

ModelanView：前面第一种实验。存储对象，控制视图跳转
Model map：简化的实验
ModelMap map：使用同Model一模一样。不过继承LinkedMap有更多的方法和特性

修改xml文件，一定要重启tomcat

乱码

前端form提交的代码，发送到后端就出现了乱码

web.xml

<filter>
    <filter-name>encoding</filter-name>
    <filter-class>com.adair.filter.EncodingFilter</filter-class>
</filter>
<filter-mapping>
    <filter-name>encoding</filter-name>
    <url-pattern>/*</url-pattern>   <!--要包括jsp文件-->
</filter-mapping>


//springframework自带的过滤器
<filter>
    <filter-name>encoding2</filter-name>
    <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
</filter>

EncodingFilter类

public class EncodingFilter implements Filter {
    @Override
    public void init(FilterConfig filterConfig) throws ServletException {    }

    @Override
    public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException {
        request.setCharacterEncoding("utf-8");
        response.setCharacterEncoding("utf-8");

        chain.doFilter(request,response);
    }

    @Override
    public void destroy() {    }
}

JSON

json只是一种数据交换格式（文本，即字符串）。

json是js对象的字符串表示法，它使用文本表示js对象的信息，本质是一个字符串

jsontest.html。js和json之间的转换

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <script type="text/javascript">
      //编写一个js对象
        var user={
            name:"zhangsan",
            age:3,
            sex:"男"
        };
        var json = JSON.stringify(user);	//转换为字符串
        var obj = JSON.parse(json);		//转化为对象即user
        console.log(obj)
        console.log(json)
  </script>
</head>
<body>

</body>
</html>

导入jackson包
ObjectMapper类的使用。让对象返回到前端

@RestController
public class UserController {
//    @RequestMapping(value = "j1",produces = "application/json;charset=utf-8")
    @RequestMapping("/j1")
    //@ResponseBody   //不会再走视图解析器，直接返回字符串。类+@RestController下的方法返回全为str
    public String json1() throws JsonProcessingException {
        ObjectMapper mapper = new ObjectMapper();
        User user = new User("张三", 12, "男");
        String str = mapper.writeValueAsString(user);
        return str;
    }

    @RequestMapping("/j2")
    public String json2() throws JsonProcessingException {
        ObjectMapper mapper = new ObjectMapper();
        ArrayList<User> list = new ArrayList<User>();
        User user1 = new User("张三1", 12, "男");
        User user2 = new User("张三2", 12, "男");

        list.add(user1);
        list.add(user2);

        String str = mapper.writeValueAsString(list);
        return str;
    }

    @RequestMapping("/j3")
    public String json3() throws JsonProcessingException {
        //第一种
//        SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
//        String s = sdf.format(new Date());
        //第二种
//        return new ObjectMapper().writeValueAsString(new Date().toString());

        //第三种:用自己的包装类
        return JsonUtils.getJson(new Date());
    }
}
===============返回时间：第三种=================================
public class JsonUtils {	//此类也可用于/j1、/j2。不用再new ObjectMapper()
    public static String getJson(Object object){//重载
        return JsonUtils.getJson(object,"yyyy-MM-dd HH:mm:ss");
    }

    public static String getJson(Object object,String dateFormat){
        ObjectMapper mapper = new ObjectMapper();
        mapper.configure(SerializationFeature.WRITE_DATES_AS_TIMESTAMPS,false);
        SimpleDateFormat sdf = new SimpleDateFormat(dateFormat);
        mapper.setDateFormat(sdf);
        try {
            return mapper.writeValueAsString(object);
        } catch (JsonProcessingException e) {
            throw new RuntimeException(e);
        }
    }
}

导入fastjson(阿里的)

@RequestMapping("/j4")
public String json4(){
    ArrayList<User> list = new ArrayList<User>();
    User user1 = new User("张三1", 12, "男");
    User user2 = new User("张三2", 12, "男");
    User user3 = new User("张三3", 12, "男");
    User user4 = new User("张三4", 12, "男");
    list.add(user1);
    list.add(user2);
    list.add(user3);
    list.add(user4);
    return JSON.toJSONString(list);
}

ssm项目

项目顺序：

项目基本文件：

pom.xml：依赖(dependecies)，静态资源(build)
自己的包：pojo、dao、service、controller、(filter、utils)、、
配置文件：applicationContext.xml和mybatis-config.xml

连接数据库

通过密码连接连接mysql的ssmbuild

配置文件：

=====================database.properties======================================
jdbc.driver=com.mysql.cj.jdbc.Driver
jdbc.url=jdbc:mysql://localhost:3306/ssmbuild?useSSL=true&useUnicode=true&characterEncoding=utf-8&serverTimezone=Asia/Shanghai
jdbc.username=root
jdbc.password=123
=====================mybatis-config.xml======================================
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE configuration
        PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-config.dtd">
<configuration>
    <!--配置数据源，交给spring-->

    <typeAliases>
        <package name="com.adair.pojo"/>
    </typeAliases>
    
    <mappers>
        <package name="com.adair.dao"/>
    </mappers>

</configuration>
======================spring-dao.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"
       xsi:schemaLocation="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">

    <!--配置数据库文件-->
    <context:property-placeholder location="classpath:database.properties"/>

    <!--连接池eg:c3p0自动化、dbcp半自动化、druid、hikari、-->
    <bean id="dataSource" class="com.mchange.v2.c3p0.ComboPooledDataSource">
        <property name="driverClass" value="${jdbc.driver}"/>
        <property name="jdbcUrl" value="${jdbc.url}"/>
        <property name="user" value="${jdbc.username}"/>
        <property name="password" value="${jdbc.password}"/>

        <!-- c3p0连接池的私有属性 -->
        <property name="maxPoolSize" value="30"/>
        <property name="minPoolSize" value="10"/>
        <!-- 关闭连接后不自动commit -->
        <property name="autoCommitOnClose" value="false"/>
        <!-- 获取连接超时时间 -->
        <property name="checkoutTimeout" value="10000"/>
        <!-- 当获取连接失败重试次数 -->
        <property name="acquireRetryAttempts" value="2"/>

    </bean>


    <!--sqlSessionFactory-->
    <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
        <property name="dataSource" ref="dataSource"/>
        <!--绑定mybatis的配置-->
        <property name="configLocation" value="classpath:mybatis-config.xml"/>
    </bean>
    <!--配置dao接口扫描包，动态的实现Dao可以注入到spring容器中-->
    <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
        <!--注入sqlSessionFactory。相当于之前的BookMapperImpl-->
        <property name="sqlSessionFactoryBeanName" value="sqlSessionFactory"/>
        <!--要扫描的dao包-->
        <property name="basePackage" value="com.adair.dao"/>
    </bean>
</beans>

====================spring-service.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:aop="http://www.springframework.org/schema/aop"
       xmlns:tx="http://www.springframework.org/schema/tx"
       xsi:schemaLocation="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/tx
        https://www.springframework.org/schema/tx/spring-tx.xsd
        http://www.springframework.org/schema/aop
        https://www.springframework.org/schema/aop/spring-aop.xsd">

    <!--要让spring的配置文件之间产生关联：idea中的配置、在总的配置文件中import其他文件-->

    <!--1、扫描service层-->
    <context:component-scan base-package="com.adair.service"/>

    <!--2、将所有的业务层，注入到spring。BookServiceImpl进行注入，也可注解配置-->
    <bean id="BookServiceImpl" class="com.adair.service.BookServiceImpl">
        <property name="bookMapper" ref="bookMapper"/>
    </bean>

    <!--3、声命事务配置-->
    <bean id="DataSourceTransactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
        <!--注入数据源-->
        <property name="dataSource" ref="dataSource"/>
    </bean>

    <!--aop事务支持-->

<!--    <tx:advice id="txAdvice" transaction-manager="transactionManager">-->
<!--        <tx:attributes>-->
<!--            <tx:method name="*" propagation="REQUIRED"/>-->
<!--        </tx:attributes>-->
<!--    </tx:advice>-->

<!--    <aop:config>-->
<!--        <aop:pointcut id="txPointCut" expression="execution(* com.adair.dao.*.*(..))"/>-->
<!--        <aop:advisor advice-ref="txAdvice" pointcut-ref="txPointCut"/>-->
<!--    </aop:config>-->
</beans>
======================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:mvc="http://www.springframework.org/schema/mvc"
       xmlns:context="http://www.springframework.org/schema/context"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
        http://www.springframework.org/schema/beans/spring-beans.xsd
        http://www.springframework.org/schema/mvc
        https://www.springframework.org/schema/mvc/spring-mvc.xsd
        http://www.springframework.org/schema/context
        https://www.springframework.org/schema/context/spring-context.xsd">

    <!--注解驱动-->
    <mvc:annotation-driven/>
    <!--静态资源过滤-->
    <mvc:default-servlet-handler/>
    <!--扫描包-->
    <context:component-scan base-package="com.adair.controller"/>
    <!--视图解析器-->
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/jsp/"/>
        <property name="suffix" value=".jsp"/>
    </bean>

</beans>
====================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"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
        http://www.springframework.org/schema/beans/spring-beans.xsd">
    <import resource="classpath:spring-dao.xml"/>
    <import resource="classpath:spring-service.xml"/>
    <import resource="classpath:spring-mvc.xml"/>

</beans>
===========================================================

类

普通类

@Data
@AllArgsConstructor
@NoArgsConstructor
public class Books {
    private int bookID;
    private String bookName;
    private int bookCounts;
    private String detail;
}

public interface BookMapper {
    int addBook(Books books);
    int deleteBook(@Param("bookId") int id);
    int updateBook(Books books);
    Books queryBook(@Param("bookId")int id);
    List<Books> queryAllBook();
}
=============BookMapper.xml====================
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper
        PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.adair.dao.BookMapper">
    <insert id="addBook" parameterType="books">
        insert into books (bookName,bookCounts,detail)
        values (#{bookName},#{bookCounts},#{detail})
    </insert>
    <delete id="deleteBook">
        delete from books
        where bookID=#{bookId}
    </delete>
    <update id="updateBook" parameterType="books">
        update books
        set bookName=#{bookName},bookCounts=#{bookCounts},detail=#{detail}
        where bookID=#{bookID}
    </update>
    <select id="queryBook" parameterType="int" resultType="books">
        select * from books
        where bookID=#{bookId}
    </select>
    <select id="queryAllBook" resultType="books">
        select * from books
    </select>

</mapper>

service

public interface BookService {
    int addBook(Books books);
    int deleteBook(int id);
    int updateBook(Books books);
    Books queryBook(int id);
    List<Books> queryAllBook();
}
=================================
public class BookServiceImpl implements BookService{
    private BookMapper bookMapper;

    public void setBookMapper(BookMapper bookMapper) {
        this.bookMapper = bookMapper;
    }

    public int addBook(Books books) {
        return bookMapper.addBook(books);
    }

    public int deleteBook(int id) {
        return bookMapper.deleteBook(id);
    }

    public int updateBook(Books books) {
        return bookMapper.updateBook(books);
    }

    public Books queryBook(int id) {
        return bookMapper.queryBook(id);
    }

    public List<Books> queryAllBook() {
        return bookMapper.queryAllBook();
    }
}

controller

@Controller
@RequestMapping("/book")
public class BookController {
    @Autowired
    @Qualifier("BookServiceImpl")
    private BookService bookService;

    @RequestMapping("/allBook")
    public String list(Model model) {
        List<Books> list = bookService.queryAllBook();
        model.addAttribute("list",list);
        return "allBook";
    }

    //跳转到添加书籍界面，添加a书籍的详细信息
    @RequestMapping("/toAddBook")
    public String toAddPaper() {
        return "addBook";
    }

    //添加书籍的请求
    @RequestMapping("/addBook")
    public String addBook(Books books){
        bookService.addBook(books);
        return "redirect:/book/allBook";    //重定向到我们的 @RequestMapping("/allBook")请求
    }

    //跳转到修改页面
    @RequestMapping("/toUpdate")
    public String updateBook(int id,Model model){
        Books books = bookService.queryBook(id);
        model.addAttribute("books",books);
        return "updateBook";
    }

    //提交表单后，进行修改书籍
    @RequestMapping("/updateBook")
    public String updateBook(Books books) {
        bookService.updateBook(books);
        return "redirect:/book/allBook";
    }
}

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_4_0.xsd"
         version="4.0">

    <!---->
    <servlet>
        <servlet-name>springmvc</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>classpath:applicationContext.xml</param-value>
        </init-param>
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>springmvc</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>


    <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>
    </filter>
    <filter-mapping>
        <filter-name>encodingFilter</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>

    <session-config>
        <session-timeout>15</session-timeout>
    </session-config>
    
</web-app>

index.jsp

<%--
  Created by IntelliJ IDEA.
  User: Adair
  Date: 2022/5/9
  Time: 20:19
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>首页</title>
    <style>
      a{
        text-decoration: none;
        color: orange;
        font-size: 18px;
      }
      h3{
        width: 180px;
        height: 38px;
        margin: 100px auto;
        text-align: center;
        background: red;
        border-radius: 5px;
      }
    </style>
  </head>
  <body>
  <h3>
    <a href="${pageContext.request.contextPath}/book/allBook">进入书籍页面</a>
  </h3>
  </body>
</html>

allBook.jsp

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>书籍展示</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
</head>
<body>


<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <div class="page-header">
                <h1>
                    <small>书籍列表--------- 显示所有书籍</small>
                </h1>
            </div>
        </div>

        <div class="row">
            <div class="col-md-4 column">
                <a class="btn btn-primary" href="${pageContext.request.contextPath}/book/toAddBook">新增数据</a>
            </div>
        </div>
    </div>
    <div class="row clearfix">
        <div class="col-md-12 column">
            <table class="table table-hover table-striped">
                <thead>
                    <th>书籍编号</th>
                    <th>书籍名称</th>
                    <th>书籍数量</th>
                    <th>书籍详情</th>
                </thead>
                <%--展示list书籍--%>
                <tbody>
                    <c:forEach var="book" items="${list}">
                        <tr>
                            <td>${book.bookID}</td>
                            <td>${book.bookName}</td>
                            <td>${book.bookCounts}</td>
                            <td>${book.detail}</td>
                            <td>
                                <a href="${pageContext.request.contextPath}/book/toUpdate?id=${book.bookID}">修改</a>
                                &nbsp;|&nbsp;
                                <a href="">删除</a>
                            </td>
                        </tr>
                    </c:forEach>

                </tbody>
            </table>
        </div>
    </div>
</div>

</body>
</html>

addBook.jsp

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>书籍展示</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
</head>
<body>


<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <div class="page-header">
                <h1>
                    <small>新增书籍</small>
                </h1>
            </div>
        </div>
    </div>

    <form action="${pageContext.request.contextPath}/book/addBook" method="post">
        <div class="form-group">
            <label>书籍名称：</label>
            <input type="text" name="bookName" class="form-control" required>
        </div>
        <div class="form-group">
            <label>书籍数量：</label>
            <input type="text" name="bookCounts" class="form-control" required>
        </div>
        <div class="form-group">
            <label>书籍描述：</label>
            <input type="text" name="detail" class="form-control" required>
        </div>
        <div class="form-group">
            <input type="submit" value="添加">
        </div>
    </form>

</div>

</body>
</html>

updateBook.jsp

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>书籍展示</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
</head>
<body>


<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <div class="page-header">
                <h1>
                    <small>修改书籍</small>
                </h1>
            </div>
        </div>
    </div>

    <form action="${pageContext.request.contextPath}/book/updateBook" method="post">
        <div class="form-group">
            <label>书籍名称：</label>
            <input type="text" name="bookName" value="${book.bookName}" class="form-control" required>
        </div>
        <div class="form-group">
            <label>书籍数量：</label>
            <input type="text" name="bookCounts"  value="${book.bookCounts}" class="form-control" required>
        </div>
        <div class="form-group">
            <label>书籍描述：</label>
            <input type="text" name="detail"  value="${book.detail}" class="form-control" required>
        </div>
        <div class="form-group">
            <input type="submit" value="修改">
        </div>
    </form>

</div>

</body>
</html>

=============================================

adair-zhang

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
SpringMVC

MVC模型：dao，service视图：jsp控制器：servletmodel2时代服务器MVC框架：Structs、Spring MVC、ASP.NET MVC、Zend Framework、JSF、、、前端MVC框架：Vue、angularjs、react、backbone、、、、、MVC也演化出了另外的模式：MVP、MVVM、hellomvc原理实验web.xml<?xml version="1.0" encoding="UTF-8"?>
复制链接

扫一扫