从零开始，制作简易MVC（五）JSP展示内容 - JFkh

公告

从零开始，制作简易MVC（五）JSP展示内容

目的：

1.JSP构建视图层

2.JSP表达抛出的异常

3.展示数据和执行删除的JSP

4.查询数据的JSP

5.修改数据的JSP

6.增加数据的JSP

代码：

1.构建一个展示数据表单和可直接执行删除数据的JSP

 1 <%@ page language="java" contentType="text/html; charset=UTF-8"
 2     pageEncoding="UTF-8" import="java.util.*"%>
 3 <%@ page import="mysql.Test3Dao,mysql.Test3Model,java.util.Iterator,java.util.ArrayList,java.util.ListIterator" %>
 4 <%
 5 String path = request.getContextPath();
 6 String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
 7 %>
 8 <!--这里有个问题，就是在DOCTYPE可以不用写HTML后面的内容，但是要看，如果不写就是直接的HTML5，写了之后是HTML4.01，具体要看时候的版本-->
 9 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
10 <html>
11 <head>
12 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
13 <title>显示所有数据</title>
14 </head>
15 <body>
16   <form name="form" action="test3Insert.jsp"  method="post">
17     <center >
18 <font color=red size=72>数据库信息如下（采用中宁县一百人数据）：</font><br><br><br>
19 <hr>
20 <table border=1 bgColor="#ffffff" width="500px" height="100px">
21 <tr>
22 <td>ID</td>
23 <td>姓名</td>
24 <td>身份证号码</td>
25 <td>民族</td>
26 <td>电话</td>
27 <td><center>操作</center></td>
28 </tr>
29 
30 <%--<jsp:useBean id="d"class="mysql.Test3Dao"/>
31 <jsp:useBean id="m" class="mysql.Test3Model"/>--%>
32 <%
33      String sql ="select * from first ";
34      Test3Dao d = new Test3Dao();
35      Test3Model m =new Test3Model();
36      ArrayList<Test3Model> list =d.getSearch(sql);
37      
38     for(ListIterator<Test3Model> it =list.listIterator();it.hasNext();)
39      {
40          //获取一个JavaBean对象
41   
42          m =(Test3Model)it.next();    
43   %> 
44   <tr>
45        <td><%= m.getId() %></td>
46        <td><%= m.getName() %></td>
47        <td><%= m.getPerno() %></td>
48        <td><%= m.getNation() %></td>
49        <td><%= m.getPhone() %></td>
50        
51        <td>
52           <a href="Test3?id=<%= m.getId() %>">查询</a>
53           <a href="Test3Delete?id=<%= m.getId()%>">删除</a>
54           <a href="test3Updata.jsp?id=">修改</a>
55        </td>
56   </tr>
57   
58   <% 
59   }
60   %>
61   
62 </table><br>
63 <input type="submit" value="增加"><br><br>
64 
65 </center>
66 </form>
67 
68 </body>
69 </html>

2.抛出异常的JSP

 1 <%@ page language="java" contentType="text/html; charset=UTF-8"
 2     pageEncoding="UTF-8"%>
 3 <%String path = request.getContextPath();
 4 String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
 5 %>
 6 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 7 <html>
 8 <head>
 9 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
10 <title>出错</title>
11 </head>
12 <body>
13 对不起！您<%=request.getAttribute("error") %>失败
14 </body>
15 </html>

3.增加数据的JSP

 1 <%@ page language="java" contentType="text/html; charset=UTF-8"
 2     pageEncoding="UTF-8"%>
 3 <%
 4 String path = request.getContextPath();
 5 String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
 6 %>
 7 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 8 <html>
 9 <head>
10 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
11 <title>添加数据</title>
12 </head>
13 <body>
14  <center >
15  <font color=red size=72>中宁县人口</font>
16 <hr>
17 <form action="Test3Inserts" method="post">
18 <table border="1">
19 <tr>
20 <td>姓名：</td>
21 <td><input name ="name"></td>
22 </tr>
23 
24 <tr>
25 <td>身份证号码：</td>
26 <td><input type="text" name ="perno"></td>
27 </tr>
28 
29 <tr>
30 <td>民族：</td>
31 <td><input type="radio" name ="nation" value="汉">汉
32     <input type="radio" name ="nation" value="回">回
33  </td>
34 </tr>
35 <tr>
36 <td>电话：</td>
37 <td><input type="text" name ="phone"></td>
38 </tr>
39 <tr>
40 <td colspan="2">
41  <center>
42  <input type="submit" value="提交">
43  <input type="reset" value="重置">
44 </center>
45 </td>
46 </tr>
47 </table>
48 </form>
49 <a href="test3.jsp">返回</a>
50  </center>
51 </body>
52 </html>

4.查询数据的JSP

 1 <%@ page language="java" contentType="text/html; charset=UTF-8"
 2     pageEncoding="UTF-8"%>
 3 <%String path = request.getContextPath();
 4 String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
 5 %>
 6 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 7 <html>
 8 <head>
 9 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
10 <title>查询</title>
11 </head>
12 <body>
13   <form name="form" action="Insert.jsp" method="post">
14     <center >
15 <font color=red size=72>中宁县人口：</font><br><br>
16 
17 人口&nbsp;&nbsp;ID：
18 <%=request.getAttribute("id")  %><br>
19 姓名：
20 <%=request.getAttribute("name")  %><br>
21 身份证号码：
22 <%=request.getAttribute("perno")  %><br>
23 民族：
24 <%
25 if( request.getAttribute("nation1").equals("汉"))
26             {
27             %>
28                 <%=request.getAttribute("nation1") %>
29     <% 
30     }
31             else
32             {
33     %>            
34             
35                 <%=request.getAttribute("nation2")%>
36         <% 
37         }
38         %>        <br>
39     
40 电话：
41 <%=request.getAttribute("phone")  %><br><br>
42 <a href="test3.jsp">返回主页面</a>
43 </center>
44 </form>
45 </body>
46 </html>

6.修改数据的JSP

 1 <%@ page language="java" contentType="text/html; charset=UTF-8"
 2     pageEncoding="UTF-8"%>
 3 <%
 4 String path = request.getContextPath();
 5 String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
 6 %>
 7 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 8 <html>
 9 <head>
10 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
11 <title>修改数据</title>
12 </head>
13 <body>
14 
15 <center>
16 <font color=red size=72>中宁县人口</font>
17 <hr>
18 <form action="Test3Update" method="post">
19 <table border="1">
20 <tr>
21 <td>ID：</td>
22 <td><input type="text" name="id" value="<%=request.getParameter("id") %>" ></td>
23 </tr>
24 
25 <tr>
26 <td>姓名：</td>
27 <td><input type="text"  name="name" value="<%=request.getParameter("name")  %>" ></td>
28 </tr>
29 <tr>
30 <td>身份证号码：</td>
31 <td><input type="text"  name="perno" value="<%=request.getParameter("perno")  %>" ></td>
32 </tr>
33 <tr>
34 <td>民族：</td>
35 <td><input type="radio" name ="nation" value="汉"<%=request.getParameter("nation1") %>>汉
36         <input type="radio" name ="nation" value="回"<%=request.getParameter("nation2") %>>回
37  </td>
38 </tr>
39 <tr>
40 <td>电话：</td>
41 <td><input type="text" name="phone" value="<%=request.getParameter("phone")  %>" ></td>
42 </tr>
43 <tr>
44 <td colspan="2">
45  <center>
46  <input type="submit" value="提交">
47  <input type="reset" value="重置">
48 </center>
49 </td>
50 </tr>
51 </table>
52 
53 </form>
54 <a href="test3.jsp">返回主页面</a>
55 </center>
56 </body>
57 </html>

posted on 2016-11-15 11:02 JFkh 阅读(154) 评论(0) 收藏举报

刷新页面返回顶部