ssm整合:添加书籍功能

我们写添加书籍跳转页面:

在Controller里写:

 我们写一个addBook.jsp,以跳转到此页面

我们在allBook.jsp里增加“添加书籍”按钮,以跳转到addBook.jsp

按钮样式:

 addBook.jsp

我们同样加上BootStrap

<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="" method="">
<div class="form-group">
<%--@declare id="bkname"--%>
<label>书籍名称:</label>
<input type="text" class="form-control">
</div>
<div class="form-group">
<%--@declare id="bkname"--%>
<label>书籍数量:</label>
<input type="text" class="form-control">
</div>
<div class="form-group">
<%--@declare id="bkname"--%>
<label>书籍描述:</label>
<input type="text" class="form-control">
</div>
<div class="form-group">
<input type="submit" class="form-control" value="添加">
</div>
</form>
</div>

 测试跳转页面:

 我们现在写真正的添加书籍功能:

Controller:

 我们在addBook.jsp填写提交表单的路径以及提交方式:

我们在每个input里都加上required防止空字段提交

 测试:

1.有空值:

 

 2.正确填写之后跳转到allBook

 我们总结一下:

1.首先我们在Controller里写一个增添书籍的跳转页面;跳转为addBook.jsp

2.我们在jsp里编写addBook.jsp样式。

3.我们在Controller里面写一个真正添加书籍功能,提交之后跳转到allBook.jsp

4.我们在addBook.jsp里写上提交表达的路径和提交方式

5.测试

 

posted on 2022-05-17 21:08  键盘敲烂的朱  阅读(167)  评论(0编辑  收藏  举报