沿着昨天整理好的页面，今天实现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小项目（二）------添加修改的更多相关文章

  1. Web前端开发中的小错误

    Web前端开发中的小错误 错误1:表单的label标签跟表单字段没有关联 利用“for”属性允许用户单击label也可以选中表单中的内容.这可以扩大复选框和单选框的点击区域,非常实用. 错误2:log ...

  2. Web前端开发：SQL Jsp小项目（一）

    Jsp的学习算是告一段落,针对这段时间的学习,写了一个Jsp小项目来巩固学到的知识. 框架示意图 User list process UserAdd process 需要的界面效果: 需要工具:Ecl ...

  3. 腾讯WEB前端开发面试经历，一面二面HR面，面面不到！

    [一面]~=110分钟  2014/09/24 11:20  星期三 进门静坐30分钟做题. 填空题+大题+问答题 >>填空题何时接触电脑 何时接触前端运算符 字符串处理        延 ...

  4. 大三小学期 web前端开发的一些小经验

    1.html是页面的布局设计,就是页面上要放哪些东西,比如登录界面需要按钮,输入框等等:css是被用于使用设计部件和布局,例如哪些部件放在哪里,多宽多大,是否有边框等:js/jQuery是用于实现函数 ...

  5. 编写高质量代码:Web前端开发修炼之道（二）

    第四章:高质量的css 1)怪异模式和标准模式 在标准模式中,浏览器根据规范表现页面:而怪异模式通常模拟老式浏览器的行为以防止老站点无法工作. 他们两者之间的差异比较典型的表现在IE对盒模型的解析:在 ...

  6. Web 前端开发人员和设计师必读精华文章【系列二十六】

    <Web 前端开发精华文章推荐>2014年第5期(总第26期)和大家见面了.梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 ...

  7. Web 前端开发精华文章推荐（jQuery、HTML5、CSS3）【系列十二】

    2012年12月12日,[<Web 前端开发人员和设计师必读文章>系列十二]和大家见面了.梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HT ...

  8. Web 前端开发人员和设计师必读文章推荐【系列二十八】

    <Web 前端开发精华文章推荐>2014年第7期(总第28期)和大家见面了.梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 ...

  9. Web 前端开发精华文章集锦（jQuery、HTML5、CSS3）【系列二十】

    <Web 前端开发精华文章推荐>2013年第八期(总第二十期)和大家见面了.梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 C ...

随机推荐

  1. Microsoft .NET Pet Shop 4

    Microsoft .NET Pet Shop 4:将 ASP.NET 1.1 应用程序迁移到 2.0 299(共 313)对本文的评价是有帮助 - 评价此主题 发布日期 : 2006-5-9 | 更 ...

  2. Android Studio怎么删除项目

    本 新手最近学Android都是用的eclipse.其实个人觉得eclipse不错,可能接触Android不久,倒也不觉得它慢还是怎样.对于 Google的Android studio也是早有耳闻,前 ...

  3. cocos2d-x Touch

    转自:http://codingnow.cn/cocos2d-x/783.html 游戏跟视频最大的区别就是互动,玩家可以操控游戏中的角色,现在的移动设备几乎人手一台,基本上全部都是基于触屏操作的,今 ...

  4. ThinkPHP CURD方法盘点：order方法

    order方法属于模型的连贯操作方法之一,用于对操作的结果排序. 用法 $Model->where('status=1')->order('id desc')->limit(5)-& ...

  5. SVN安装笔记

    1.先去以下网址去下载服务器端与客户端的SVN 2.服务端SVN的安装 点击next 点击next 再点击next 点击next 点击install 点击Finish,这样服务器端的SVN就安装好了, ...

  6. 【Android开发经验】使用Ant批量打包Android应用全然指南

    本文章由Socks完毕.博客地址:http://blog.csdn.net/zhaokaiqiang1992 转载请说明. 折腾了一下午.百度了一下午,最终实现了使用Ant对Android应用的批量打 ...

  7. 搜索引擎的提示效果完整的JavaScript代码

    function divShow() { <%--判断输入的是否为空 如果为空则隐藏div 如果不为空则显示div --%> if ($("#tbxSearchKeywords& ...

  8. WCF的ABC

    首先: WCF的全称是Windows Communication Foundation,Windows通信基础的意思,是Microsoft为构建面向服务的应用程序而提供的统一编程模型,它整合.NET平 ...

  9. Locally Weighted Regression

    简单回顾一下线性回归.我们使用了如下变量:\(x\)—输入变量/特征:\(y\)—目标变量:\((x,y)\)—单个训练样本:\(m\)—训练集中的样本数目:\(n\)—特征维度:\((x^{(i)} ...

  10. 使用socket实现FTP程序

    #-*- coding:utf-8 -*- import socketserver from module import * class server: def __init__(self,reque ...