Web前端开发：SQL Jsp小项目（二）------添加修改
沿着昨天整理好的页面，今天实现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[] = new Array('name required','name error');
var name = new formEle(true,"no",null,"name_info",msgInfo[]); msgInfo[] = new Array('pwd required','pwd error');
var password = new formEle(true,"no",null,"password_info",msgInfo[]); msgInfo[] = new Array('description required','description error');
var description = new formEle(true,"no",null,"description_info",msgInfo[]); msgInfo[] = new Array('role required','role error');
var role = new formEle(true,"no",null,"role_info",msgInfo[]); msgInfo[] = new Array('valid required','please input number like 1 ,2 ,3');
var valid = new formEle(true,"num",null,"valid_info",msgInfo[]); msgInfo[] = new Array('email required','email error');
var email = new formEle(true,"no",null,"email_info",msgInfo[]); function submitForm(obj) { var ret = validateAll(obj);
if (ret == true) {
if (document.forms[].submit) {
document.forms[].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="">
用户修改
</th>
</tr>
</thead>
<tbody>
<tr>
<td align="left">
用户名
</td>
<td align="left">
<input name="name" type="text" TABINDEX="" id="name" value="<%=user.getName() %>"/>
<input name="id" type="hidden" TABINDEX="" 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=""
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="" id="role">
<option value="">
超级管理员
</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="" id="valid">
<option value="">有</option>
<option value="">无</option>
</select>
<div class="Info">
<div id="valid_info"></div>
</div>
</td>
</tr>
<tr>
<td align="left">
</td>
<td align="left">
<input name="email" type="text" value="<%=user.getEmail() %> " TABINDEX="" 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="" id="phone" />
<div class="Info">
<div id="phone_info"></div>
</div></td>
</tr> <tr>
<td colspan="" align="center">
<input class="submitButton" type="submit" TABINDEX=""
name="submit" value="修 改">
<input type="button" name="返回" class="submitButton" value="返回"
onclick="history.back();">
</td>
</tr> </tbody>
<tfoot>
<tr>
<td colspan="" 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
- 生命不息，代码不止！
Web前端开发：SQL Jsp小项目（二）------添加修改的更多相关文章
- Web前端开发中的小错误
Web前端开发中的小错误 错误1:表单的label标签跟表单字段没有关联 利用“for”属性允许用户单击label也可以选中表单中的内容.这可以扩大复选框和单选框的点击区域,非常实用. 错误2:log ...
- Web前端开发：SQL Jsp小项目（一）
Jsp的学习算是告一段落,针对这段时间的学习,写了一个Jsp小项目来巩固学到的知识. 框架示意图 User list process UserAdd process 需要的界面效果: 需要工具:Ecl ...
- 腾讯WEB前端开发面试经历，一面二面HR面，面面不到！
[一面]~=110分钟 2014/09/24 11:20 星期三 进门静坐30分钟做题. 填空题+大题+问答题 >>填空题何时接触电脑 何时接触前端运算符 字符串处理 延 ...
- 大三小学期 web前端开发的一些小经验
1.html是页面的布局设计,就是页面上要放哪些东西,比如登录界面需要按钮,输入框等等:css是被用于使用设计部件和布局,例如哪些部件放在哪里,多宽多大,是否有边框等:js/jQuery是用于实现函数 ...
- 编写高质量代码:Web前端开发修炼之道（二）
第四章:高质量的css 1)怪异模式和标准模式 在标准模式中,浏览器根据规范表现页面:而怪异模式通常模拟老式浏览器的行为以防止老站点无法工作. 他们两者之间的差异比较典型的表现在IE对盒模型的解析:在 ...
- Web 前端开发人员和设计师必读精华文章【系列二十六】
<Web 前端开发精华文章推荐>2014年第5期(总第26期)和大家见面了.梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 ...
- Web 前端开发精华文章推荐（jQuery、HTML5、CSS3）【系列十二】
2012年12月12日,[<Web 前端开发人员和设计师必读文章>系列十二]和大家见面了.梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HT ...
- Web 前端开发人员和设计师必读文章推荐【系列二十八】
<Web 前端开发精华文章推荐>2014年第7期(总第28期)和大家见面了.梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 ...
- Web 前端开发精华文章集锦（jQuery、HTML5、CSS3）【系列二十】
<Web 前端开发精华文章推荐>2013年第八期(总第二十期)和大家见面了.梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 C ...
随机推荐
- 爬去知乎百万用户信息之UserTask
UserTask是获取用户信息的爬虫模块 public class UserManage { private string html; private string url_token; } 构造函数 ...
- Oracle- 表的管理
一.表名和列的命名规则 1.必须以字母开头. 2.长度不能超过30字符. 3.不能使用Oracle的保留字. 4.只能使用如下字符 A-Z,a-z,0-9,$,#等. 二.Oracle支持的数据类型 ...
- MSSQLSERVER数据库- SP_EXECUTESQL的使用
EXEC和SP_EXECUTESQL有什么区别呢? 1,它们之间最大的区别是嵌入式的参数,如下面一个语句 declare @sql nvarchar() declare @id varchar() ' ...
- iOS开发中的测试框架 （转载）
作者:CrespoXiao授权 地址:http://www.jianshu.com/p/7e3f197504c1 我们为什么要用测试框架呢?当然对项目开发有帮助了,但是业内现状是经常赶进度,所以T ...
- 利用Chrome模拟访问移动端网页
很多网站都通过User-Agent来判断浏览器类型,如果是3G手机,显示手机页面内容,如果是普通浏览器,显示普通网页内容. 谷歌Chrome浏览器,可以很方便地用来当3G手机模拟器.在Windows的 ...
- $_SERVER详细资料整理（转）
PHP编程中经常需要用到一些服务器的一些资料,特把$_SERVER的详细参数整理下,方便以后使用. $_SERVER['PHP_SELF'] #当前正在执行脚本的文件名,与 document root ...
- Android开发环境中的概念和工具介绍
最近学习Android开发,以前使用C/C++多一些,现在再补点Java知识,不管是哪种语言,都不过是一种工具而已,真的学起来,大同小异,无谓优劣.学习Android编程肯定是要先从环境搭建开始,无论 ...
- nginx，linux压力测试工具webbench
webbench最多可以模拟3万个并发连接去测试网站的负载能力,个人感觉要比Apache自带的ab压力测试工具好,安装使用也特别方便. 1.适用系统:Linux 2.编译安装: 1. wget htt ...
- android---APN切换
android手机客户端在上传文件时,有时候会一直失败,其可能的原因是APN的设置.wap下的成功率极低,所以在进行文件上传时最好设置下 apn为net形式.下面是我在网上找的一些代码,是由wap转n ...
- 初学Node.js第一天
最近开始下班到家不知道该做啥,因为水平太菜,要学的东西实在太多,反而陷入了不知道该学什么的困境,结果天天就是看别人的博客,看到什么标题比较感兴趣就点进去,没有一个目标. 今天突然兴起,决定要捣鼓捣鼓N ...