-
在显示数据页面添加一个超链接实现页面跳转
<div class="row"> <div class="col-md-4 column"> <a class="btn btn-primary" href="${pageContext.request.contextPath}/book/addBook">新增数据</a> </div> </div>
注意:这个超链接直接使用了bootstrap中的按钮样式class=“btn btn-primary”,效果:
-
添加controller中视图跳转
@RequestMapping("/addBook") public String addBookPage(){//跳转新增书籍的视图 return "addBook"; }
-
新增addBook.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>Title</title> <%--bootstrap--%> <%--直接在线引入css文件--%> <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> </head> <body> <div class="container"><%--栅格系统--%> <div class="row clearfix"> <div class="col-md-12 column"><%--将屏幕分为12份--%> <div class="page-header"> <h1> <small>新增书籍</small> </h1> </div> </div> </div> <form action="${pageContext.request.contextPath}/book/addBooks" method="post"> <div class="form-group"> <label for="bookName">书籍名称</label> <input type="text" class="form-control" id="bookName" name="bookName" required> </div> <div class="form-group"> <label for="bookCounts">书籍数量</label> <input type="text" class="form-control" id="bookCounts" name="bookCounts" required> </div> <div class="form-group"> <label for="detail">书籍描述</label> <input type="text" class="form-control" id="detail" name="detail" required> </div> <button type="submit" class="btn btn-default">添加书籍</button> </form> </div> </body> </html>
效果
注意:这里的表格样式我们也是直接使用的bootstrap中的表格样式 -
添加controller添加书籍处理方法
@PostMapping("/addBooks") public String addBook(Books books){ System.out.println("addBooks==>"+books); service.addBook(books); return "redirect:/book/allBook";//直接重定向上面的处理方法,实现了请求复用 }
-
测试
SpringMVC(17) —— SSM整合:添加书籍功能
最新推荐文章于 2022-07-22 13:05:49 发布