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">

                                EMAIL

                            </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="修&nbsp;改">

                                <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 ...

随机推荐

zzuoj 10409 10409: D.引水工程
10409: D.引水工程 Time Limit: 2 Sec Memory Limit: 128 MBSubmit: 96 Solved: 34[Submit][Status][Web Boar ...
[iOS基础控件 - 3.5] NSBundle, UIImageView和UIButton的区别, 模拟器和文档
1.NSBundle1> 一个NSBundle代表一个文件夹,利用NSBundle能访问对应的文件夹2> 利用mainBundle就可以访问软件资源包中的任何资源3> 模拟器应用程序 ...
Linux协议栈代码阅读笔记（二）网络接口的配置
Linux协议栈代码阅读笔记(二)网络接口的配置 (基于linux-2.6.11) (一)用户态通过C库函数ioctl进行网络接口的配置例如,知名的ifconfig程序,就是通过C库函数sys_io ...
sublime Text 3的默认快捷键大全
Ctrl+M 光标跳至对应的括号 Alt+. 闭合当前标签 Ctrl+Shift+A 选择光标位置父标签对儿 Ctrl+Shift+[ 折叠代码 Ctrl+Shift+] 展开代码 Ctrl+KT 折 ...
高效使用Bitmaps（二）后台加载Bitmap
转载:http://my.oschina.net/rengwuxian/blog/183802 为什么要在后台加载Bitmap? 有没有过这种体验:你在Android手机上打开了一个带有含图片的Lis ...
Oracle- 包
在一个大型项目中,可能有很多模块,而每个模块又有自己的过程.函数等.而这些过程.函数默认是放在一起的(如在PL/SQL中,过程默认都是放在一起的,即Procedures中),这些非常不方便查询和维护. ...
android视频播放心得体会
android视频播放主要是两种方式1.系统封装好的videoplayer,有前进.后退.暂停/播放.拉动最基本的功能,够一般使用,操作办法也很简单,如果需要自定义程度高就需要用到第二种方法:Surf ...
一步一步学android控件（之十五） —— DegitalClock & AnalogClock
原本计划DigitalClock和AnalogClock单独各一篇来写,但是想想,两个控件的作用都一样,就和在一起写一篇了. DegitalClock和AnalogClock控件主要用于显示当前时间信 ...
SQLite DBHelp
c#连接SQLite SQLite这个精巧的小数据库,无需安装软件,只需要一个System.Data.SQLite.DLL文件即可操作SQLite数据库.SQLite是一个开源数据库,现在已变得越来越 ...
JavaScript要点 (二) 使用误区
赋值运算符应用错误注:赋值语句返回变量的值. 在 JavaScript 程序中如果你在 if 条件语句中使用赋值运算符的等号 (=) 将会产生一个错误结果, 正确的方法是使用比较运算符的两个等号 ( ...

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

Web前端开发：SQL Jsp小项目（二）------添加修改的更多相关文章

随机推荐

热门专题