项目(1)----用户信息管理系统(5)---(剩余jsp界面)

2年前 (2022) 程序员胖胖胖虎阿
148 0 0

完成剩余jsp界面

   首页界面前面我写了,接下来还有就是一个显示所有用户界面

      1:注册界面

      2:显示所有用户信息界面

1:注册界面

 1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
 2 <%@ taglib uri="http://java.sun.com/jsp/jstl/core"  prefix="c"%>
 3 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 4 <html>
 5   <head>
 6     <title>用户注册</title>
 7   </head>
 8   <body style="text-align: center;">
 9          <!-- action最终提交后保存到数据库中 -->
10         <form action="${pageContext.request.contextPath }/user_add.action" method="post"  id="userform">
11             <table width="60%" border="1">
12                 <tr>
13                     <td>用户名</td>
14                     <td>   <!-- 有美元符号的都是为了修改回显数据的,新注册的时候是不会出现的 -->
15                         <input type="text" name="username" value="${user.id}" >
16                     </td>
17                 </tr>
18                 
19                 <tr>
20                     <td>密码</td>
21                     <td>
22                         <input type="password" name="password" value="${user.password}">
23                     </td>
24                 </tr>
25                 
26                 <tr>
27                     <td>确认密码</td>
28                     <td>
29                         <input type="password" name="password2" value="${user.password}" >
30                     </td>
31                 </tr>
32                 
33                 <tr>
34                     <td>邮箱</td>
35                     <td>
36                         <input type="text" name="email"  value="${user.email}">
37                     </td>
38                 </tr>
39                 
40                 <tr>
41                     <td>生日</td>
42                     <td>
43                         <input type="text" name="birthday"  value="${user.birthday}">
44                     </td>
45                 </tr>
46                 
47                 <tr>
48                 <td>爱好</td> 
49                 <td>
50                     <c:forEach var="pre" items="${preferences }">
51                         <input type="checkbox" name="pre" value="${pre }"/>${pre }
52                     </c:forEach>
53                 </td> 
54              </tr>
55             
56              <tr>
57                 <td>用户类型</td> 
58                 <td>
59                     <c:forEach var="type" items="${types }">
60                         <input type="radio" name="type" value="${type }"/>${type }
61                     </c:forEach>
62                 </td> 
63              </tr>
64             
65              <tr>
66                 <td>用户备注</td> 
67                 <td>
68                     <textarea rows="5" cols="50" name="description" value="${user.description}"></textarea>
69                 </td> 
70                </tr>            
71                 <tr>
72                     <td>
73                         <input type="reset" value="清空">
74                     </td>
75                     <td>
76                         <input type="submit" value="注册">
77                     </td>
78                 </tr>
79             
80             </table>
81         </form>
82   </body>
83 </html>

 

 2:显示所有用户信息界面:

 1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
 2 <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
 3 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 4 <html>
 5    <head>
 6     <title>显示用户信息</title>
 7   </head>
 8   
 9   <body style="text-align: center;">
10         <table width="90%" frame="border" align="center">
11           <tr>
12                <th>用户姓名</th>
13                <th>密码</th>
14                <th>邮箱</th>
15                <th>生日</th>
16                <th>爱好</th>
17                <th>客户类型</th>
18                <th>备注</th>
19                <th>删除</th>
20                <th>修改</th>
21           </tr>
22           <c:forEach var="cu" items="${users }">
23              <tr align="center">
24                  <td>${cu.username }</td>
25                  <td>${cu.password }</td>
26                  <td>${cu.email }</td>
27                  <td>${cu.birthday }</td>
28                  <td>${cu.preference }</td>
29                  <td>${cu.type }</td>
30                  <td>${cu.description }</td>
31                  <td>
32                      <a href="${pageContext.request.contextPath }/user_del?id=${cu.id}">删除</a>
33                  </td>
34                   <td>
35                      <a href="${pageContext.request.contextPath }/user_update?id=${cu.id}">修改</a>
36                  </td>
37              
38              </tr>
39           </c:forEach>
40         </table>
41   </body>
42 </html>

 

 整体这个项目就也是算做完了,也很简单,第一个项目为了让大家缕清思路也包括我自己,欢迎大家点评。

相关文章

暂无评论

暂无评论...