我們寫新增書籍跳轉頁面:

在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.測試