您的位置：首页 > Web前端

Web前端开发：SQL Jsp小项目（二）------添加修改

2015-10-09 09:15 579 查看

　　沿着昨天整理好的页面，今天实现list页面中的修改，

　　User update框架

需要的效果图：

先看用户查询界面，

修改id为4的那个用户：

　　

　　修改后返回用户查看界面。

　　1 .先是从list界面开始，在昨天的代码基础上，实现修改功能：

　 2.携带被修改用户的Id属性，跳转到UserModifyServlet：

package com.jaovo.jcms.user;

import java.io.IOException;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.jaovo.jcms.service.UserService;

public class UserModifyServlet extends HttpServlet{
private static final long serialVersionUID = 1L;
@Override
protected void service(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
//获得客户端传过来的数据
String id = request.getParameter("id");
System.out.println(id);

UserService userService = new UserService();
User user = userService.getUserById(Integer.parseInt(id));

request.setAttribute("user", user);

this.getServletContext().getRequestDispatcher("/admin/user_update.jsp").forward(request, response);

}

}

　　3.用UserModifyServlet携带的Id，获取该用户的属性，并跳转到update界面，依然是在Eclips工具中写一个user_update.jsp：

<%@page import="com.jaovo.jcms.util.PageList"%>
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%@ page import="com.jaovo.jcms.user.*"%>
<%@ page import="java.util.*"%>
<%@ page import="com.jaovo.jcms.util.*"%>

<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>

<html>
<head>
<base href="<%=basePath%>" />
<title>用户修改</title>
<link rel="stylesheet" type="text/css" title="xp"
href="css/skins/xp/validator/component.css" />
<link rel="stylesheet" type="text/css" title="xp"
href="css/skins/xp/navbar/nav.css" />
<link rel="stylesheet" type="text/css" title="xp"
href="css/skins/xp/table/skin.css" />
<link rel="stylesheet" type="text/css" title="xp"
href="css/skins/xp/time/skin.css" />
<script type="text/javascript" src="jscript/time/calendar.js"></script>
<script type="text/javascript" src="jscript/time/calendar-zh.js"></script>
<script type="text/javascript" src="jscript/time/calendar-setup.js"></script>
<script type="text/javascript" src="jscript/common.js"></script>
<script type="text/javascript"
src="jscript/validator/form_validator.js" /></script>

<script type="text/javascript">
var validatedInfo        = "correct";
var requireErrorInfo    = "required<br/>";
var msgInfo    = new Array();

msgInfo[0]                = new Array('name required','name error');
var name                = new formEle(true,"no",null,"name_info",msgInfo[0]);

msgInfo[0]                = new Array('pwd required','pwd error');
var password            = new formEle(true,"no",null,"password_info",msgInfo[0]);

msgInfo[0]                = new Array('description required','description error');
var description            = new formEle(true,"no",null,"description_info",msgInfo[0]);

msgInfo[0]                = new Array('role required','role error');
var role                = new formEle(true,"no",null,"role_info",msgInfo[0]);

msgInfo[0]                = new Array('valid required','please input number like 1 ,2 ,3');
var valid                = new formEle(true,"num",null,"valid_info",msgInfo[0]);

msgInfo[0]                = new Array('email required','email error');
var email                = new formEle(true,"no",null,"email_info",msgInfo[0]);

function submitForm(obj) {

var ret = validateAll(obj);
if (ret == true) {
if (document.forms[0].submit) {
document.forms[0].submit.disabled = true;
}
}
return ret;
}
</script>
<style type="text/css">
body,table,td,select,textarea,input {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
</style>
</head>
<%
User user = (User)request.getAttribute("user");
%>
<body>
<div id="main">

<form name="backuserform" method="post"
action="admin/UserModifiedServlet"
onSubmit=''>
<table class="standard">
<thead>
<tr>
<th align="center" colspan="2">
用户修改
</th>
</tr>
</thead>
<tbody>
<tr>
<td align="left">
用户名
</td>
<td align="left">
<input name="name" type="text" TABINDEX="1" id="name" value="<%=user.getName() %>"/>
<input name="id" type="hidden" TABINDEX="1" value="<%=user.getId() %>" />
<div class="Info">
<div id="name_info"></div>
</div>
</td>
</tr>
<tr>
<td align="left">
用户密码
</td>
<td align="left">
<input name="password" type="password" value="" TABINDEX="2"
id="password" value="<%=user.getPassword()%>"/>
<div class="Info">
<div id="password_info"></div>
</div>
</td>
</tr>

<tr>
<td align="left">
角色
</td>
<td align="left">
<select name="role" TABINDEX="3" id="role">
<option value="1">
超级管理员
</option>
</select>

<div class="Info">
<div id="role_info"></div>
</div>
</td>
</tr>

<tr>
<td align="left">
是否有效
</td>
<td align="left">
<select name="valid" TABINDEX="4" id="valid">
<option value="1">有</option>
<option value="0">无</option>
</select>
<div class="Info">
<div id="valid_info"></div>
</div>
</td>
</tr>
<tr>
<td align="left">
EMAIL
</td>
<td align="left">
<input name="email" type="text" value="<%=user.getEmail() %> " TABINDEX="5" id="email" />
<div class="Info">
<div id="email_info"></div>
</div>
</td>
</tr>

<tr>
<td align="left">Phone</td>
<td align="left"><input name="phone" type="text" value="<%=user.getPhone() %>"
TABINDEX="5" id="phone" />
<div class="Info">
<div id="phone_info"></div>
</div></td>
</tr>

<tr>
<td colspan="2" align="center">
<input class="submitButton" type="submit" TABINDEX="6"
name="submit" value="修 改">
<input type="button" name="返回" class="submitButton" value="返回"
onclick="history.back();">
</td>
</tr>

</tbody>
<tfoot>
<tr>
<td colspan="2" style="text-align: left"></td>

</tr>
</tfoot>
</table>
</form>
</div>
</body>
</html>

　　4.需要一个ModifiedServlet.java

package com.jaovo.jcms.user;

import java.io.IOException;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.jaovo.jcms.service.UserService;

public class UserModifiedServlet extends HttpServlet{
private static final long serialVersionUID = 1L;//这里以前没有
@Override
protected void service(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
request.setCharacterEncoding("utf-8");
response.setCharacterEncoding("utf-8");

String id = request.getParameter("id");
String name = request.getParameter("name");
String password = request.getParameter("password");
String valid = request.getParameter("valid");
String email = request.getParameter("email");
String phone = request.getParameter("phone");

User user = new User();

user.setId(Integer.parseInt(id));
user.setName(name);
user.setPassword(password);
user.setValid(Integer.parseInt(valid));
user.setEmail(email);
user.setPhone(phone);

UserService userService = new UserService();
userService.updateUser(user);

this.getServletContext().getRequestDispatcher("/admin/UserListServlet").forward(request, response);
//从一个Servlet到另外一个Servlet是同一个request对象
}
}

　　5.跳转到UserListServlet，同时携带ModifiedServlet的request和response对象，最后在list界面中显示出修改后的用户信息。

以上就是这次优化的所有代码，后面还会持续优化，望大家斧正。

2015-10-09 09:06:38

生命不息，代码不止！

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航