MongoDB+Struts2+JQuery.formValidator插件的web应用示例

/** * 此次应用涉及的几个小知识点为： * 1.MongoDB的插入和更新操作 * 2.Struts2的最基本使用 * 3.单例设计模式的简单使用 * 4.JQuery form验证表单插件的使用 */

/** * MongoDBWebTest * 注册 */ package com.labci.mongodb.web.action; import java.util.Iterator; import java.util.Map; import javax.servlet.http.HttpServletRequest; import net.sf.json.JSONArray; import org.apache.struts2.interceptor.ServletRequestAware; import com.labci.mongodb.web.util.GenderEnum; import com.labci.mongodb.web.util.JSONToMapUtil; import com.labci.mongodb.web.util.MongoDBUtil; import com.labci.mongodb.web.util.NumbericUtil; import com.mongodb.BasicDBObject; import com.mongodb.DBCollection; import com.mongodb.DBCursor; import com.mongodb.DBObject; import com.opensymphony.xwork2.ActionSupport; /** * @author Bill Tu(tujiyue/iwtxokhtd) * Jun 11, 2011[10:27:12 PM] * */ public class RegisterAction extends ActionSupport implements ServletRequestAware{ /** * */ private static final long serialVersionUID = -6732943120575582727L; private HttpServletRequest request; private static final String USER="user"; @Override public String execute() throws Exception { String username=request.getParameter("username"); String password=request.getParameter("password"); String ageStr=request.getParameter("age"); String birth=request.getParameter("birth"); int age=getAge(ageStr); String gender=request.getParameter("gender"); if(gender.equals("0")){ gender=GenderEnum.MALE.getGenderValue(); }else{ gender=GenderEnum.FEMALE.getGenderValue(); } String idCardNo=request.getParameter("idCardNo"); String email=request.getParameter("email"); String telNo=request.getParameter("telephoneNo"); String phoneNo=request.getParameter("phoneNo"); String education=request.getParameter("education"); String []interests=request.getParameterValues("interests"); String desc=request.getParameter("desc"); //用户表 DBCollection userCollection=MongoDBUtil.getCollection(USER); if(null!=username && !"".equals(username)){ DBObject queryByName=new BasicDBObject(); queryByName.put("username", username); DBCursor findByName=userCollection.find(queryByName); Iterator<DBObject> iter=findByName.iterator(); if(!iter.hasNext()){ DBObject user=new BasicDBObject(); user.put("username", username); user.put("password", password); user.put("age", age); user.put("birth", birth); user.put("gender", gender); user.put("idCardNo", idCardNo); user.put("email", email); user.put("telephoneNo", telNo); user.put("phoneNo", phoneNo); user.put("education", education); int len=interests.length; if(null!=interests && len>0){ Object []interestsArray=new Object[len]; for(int i=0;i<len;i++){ interestsArray[i]=interests[i]; } user.put("interests", interestsArray); } user.put("desc", desc); userCollection.save(user); request.getSession().setAttribute("username", username); DBObject findByUsername=userCollection.findOne(queryByName); if(null!=findByUsername){ Map<String,Object> userMap=JSONToMapUtil.parseToMap(findByUsername.toString()); JSONArray interestsArray=JSONArray.fromObject(userMap.get("interests")); request.setAttribute("interest", interestsArray.toArray()); request.setAttribute("userMap", userMap); } } } return SUCCESS; } private int getAge(String ageStr){ int age=18;//默认为18岁，成年人 if(NumbericUtil.isInteger(ageStr)){ age=Integer.parseInt(ageStr); age=age<1?1:age>100?100:age; } return age; } public void setServletRequest(HttpServletRequest arg0) { this.request=arg0; } }

/** * MongoDBWebTest * 去更新页面 */ package com.labci.mongodb.web.action; import java.util.Map; import javax.servlet.http.HttpServletRequest; import net.sf.json.JSONArray; import org.apache.struts2.interceptor.ServletRequestAware; import com.labci.mongodb.web.util.JSONToMapUtil; import com.labci.mongodb.web.util.MongoDBUtil; import com.mongodb.BasicDBObject; import com.mongodb.DBCollection; import com.mongodb.DBObject; import com.opensymphony.xwork2.ActionSupport; /** * @author Bill Tu(tujiyue/iwtxokhtd) * Jun 11, 2011[10:27:12 PM] * */ public class ToUpdateAction extends ActionSupport implements ServletRequestAware{ /** * */ private static final long serialVersionUID = -6732943120575582727L; private HttpServletRequest request; private static final String USER="user"; @Override public String execute() throws Exception { String username=(String) request.getSession().getAttribute("username"); if(null!=username && !"".equals(username)){ DBCollection userCollection=MongoDBUtil.getCollectionNotByAuth(USER); DBObject queryByName=new BasicDBObject(); queryByName.put("username", username); DBObject findByUsername=userCollection.findOne(queryByName); if(null!=findByUsername){ Map<String,Object> userMap=JSONToMapUtil.parseToMap(findByUsername.toString()); JSONArray interestsArray=JSONArray.fromObject(userMap.get("interests")); request.setAttribute("interest", interestsArray.toArray()); request.setAttribute("userMap", userMap); } } return SUCCESS; } public void setServletRequest(HttpServletRequest arg0) { this.request=arg0; } }

/** * MongoDBWebTest * 更新操作 */ package com.labci.mongodb.web.action; import java.util.Map; import javax.servlet.http.HttpServletRequest; import net.sf.json.JSONArray; import org.apache.struts2.interceptor.ServletRequestAware; import com.labci.mongodb.web.util.GenderEnum; import com.labci.mongodb.web.util.JSONToMapUtil; import com.labci.mongodb.web.util.MongoDBUtil; import com.labci.mongodb.web.util.NumbericUtil; import com.mongodb.BasicDBObject; import com.mongodb.DBCollection; import com.mongodb.DBObject; import com.opensymphony.xwork2.ActionSupport; /** * @author Bill Tu(tujiyue/iwtxokhtd) * Jun 11, 2011[10:27:12 PM] * */ public class UpdateAction extends ActionSupport implements ServletRequestAware{ /** * */ private static final long serialVersionUID = -6732943120575582727L; private HttpServletRequest request; private static final String USER="user"; @Override public String execute() throws Exception { String username=(String) request.getSession().getAttribute("username"); if(null!=username && !"".equals(username)){ DBCollection userCollection=MongoDBUtil.getCollectionNotByAuth(USER); String ageStr=request.getParameter("age"); String birth=request.getParameter("birth"); int age=getAge(ageStr); String gender=request.getParameter("gender"); if(gender.equals("0")){ gender=GenderEnum.MALE.getGenderValue(); }else{ gender=GenderEnum.FEMALE.getGenderValue(); } String idCardNo=request.getParameter("idCardNo"); String email=request.getParameter("email"); String telNo=request.getParameter("telephoneNo"); String phoneNo=request.getParameter("phoneNo"); String education=request.getParameter("education"); String []interests=request.getParameterValues("interests"); String desc=request.getParameter("desc"); DBObject condition=new BasicDBObject(); condition.put("username", username); DBObject update=new BasicDBObject(); update.put("age", age); update.put("birth", birth); update.put("gender", gender); update.put("idCardNo", idCardNo); update.put("telephoneNo", telNo); update.put("phoneNo", phoneNo); update.put("education", education); update.put("email", email); update.put("interests", interests); update.put("desc", desc); DBObject setValue=new BasicDBObject(); setValue.put("$set", update); userCollection.update(condition, setValue); DBObject findByUsername=userCollection.findOne(condition); if(null!=findByUsername){ Map<String,Object> userMap=JSONToMapUtil.parseToMap(findByUsername.toString()); JSONArray interestsArray=JSONArray.fromObject(userMap.get("interests")); request.setAttribute("interest", interestsArray.toArray()); request.setAttribute("userMap", userMap); } } return SUCCESS; } private int getAge(String ageStr){ int age=18;//默认为18岁，成年人 if(NumbericUtil.isInteger(ageStr)){ age=Integer.parseInt(ageStr); age=age<1?1:age>100?100:age; } return age; } public void setServletRequest(HttpServletRequest arg0) { this.request=arg0; } }

/** * MongoDBWebTest * 性别枚举类 */ package com.labci.mongodb.web.util; /** * @author Bill Tu(tujiyue/iwtxokhtd) * Jun 11, 2011[10:54:08 PM] * */ public enum GenderEnum { MALE{ public String getGenderValue(){ return "男"; } }, FEMALE{ public String getGenderValue(){ return "女"; } }; public abstract String getGenderValue(); }

/** * MongoDBWebTest * */ package com.labci.mongodb.web.util; import java.util.HashMap; import java.util.Iterator; import java.util.Map; import net.sf.json.JSONObject; /** * @author Bill Tu(tujiyue/iwtxokhtd) * Jun 12, 2011[2:51:54 PM] * */ public class JSONToMapUtil { private JSONToMapUtil(){ } @SuppressWarnings("unchecked") public static Map<String,Object> parseToMap(String s){ Map<String,Object> map=new HashMap<String,Object>(); JSONObject json=JSONObject.fromObject(s); Iterator keys=json.keys(); while(keys.hasNext()){ String key=(String) keys.next(); String value=json.get(key).toString(); if(value.startsWith("{")&&value.endsWith("}")){ map.put(key, parseToMap(value)); }else{ map.put(key, value); } } return map; } }

/** * MongoDBWebTest * 取得数据库连接的工具类 */ package com.labci.mongodb.web.util; import java.net.UnknownHostException; import java.util.Map; import java.util.concurrent.ConcurrentHashMap; import com.mongodb.DB; import com.mongodb.DBCollection; import com.mongodb.Mongo; import com.mongodb.MongoException; /** * @author Bill Tu(tujiyue/iwtxokhtd) * Jun 11, 2011[10:05:00 PM] * */ public class MongoDBUtil { private static final String HOST="host"; private static final String PORT="port"; private static final String USER="user"; private static final String PASSWORD="password"; private static final String DBNAME="dbname"; private static Map<String,Mongo> dbConnsMap=new ConcurrentHashMap<String,Mongo>(); private static final Map<String,String> dbInfoMap=ParseFileInfo.getIntance().getDbInfoMap(); private MongoDBUtil(){ } public static Mongo getConnection(){ Mongo conn=dbConnsMap.get("test"); if(null==conn){ synchronized(MongoDBUtil.class){ if(null==conn){ //这种方式在jdk1.5及以上版本上没有问题 try { conn=new Mongo(dbInfoMap.get(HOST),Integer.parseInt(dbInfoMap.get(PORT))); } catch (NumberFormatException e) { e.printStackTrace(); } catch (UnknownHostException e) { e.printStackTrace(); } catch (MongoException e) { e.printStackTrace(); } dbConnsMap.put("test", conn); } } } return conn; } public static DBCollection getCollection(String collectionName){ DBCollection collection=null; boolean isLogin=true; DB db=getConnection().getDB(dbInfoMap.get(DBNAME)); if(null != db){ isLogin=db.authenticate(dbInfoMap.get(USER), dbInfoMap.get(PASSWORD).toCharArray()); } if(isLogin){ collection=db.getCollection(collectionName); if(null==collection){ synchronized(MongoDBUtil.class){ if(null==collection){ collection=db.createCollection(collectionName, null); } } } } return collection; } public static DBCollection getCollectionNotByAuth(String collectionName){ DBCollection collection=null; DB db=getConnection().getDB(dbInfoMap.get(DBNAME)); if(null != db){ collection=db.getCollection(collectionName); if(null==collection){ synchronized(MongoDBUtil.class){ if(null==collection){ collection=db.createCollection(collectionName, null); } } } } return collection; } }

/** * MongoDBWebTest * 判断是否是数字的工具类 */ package com.labci.mongodb.web.util; import java.util.regex.Pattern; /** * @author Bill Tu(tujiyue/iwtxokhtd) * Jun 11, 2011[10:38:33 PM] * */ public class NumbericUtil { private NumbericUtil(){ } public static boolean isDigits(String input){ boolean flag=false; if(!isStringNull(input)){ String regex="^[//d]+[//.]?[//d]+$"; Pattern p=Pattern.compile(regex); flag=p.matcher(input).matches(); } return flag; } public static boolean isInteger(String input){ boolean flag=false; if(!isStringNull(input)){ String regex="^[-+]?[//d]+$"; Pattern p=Pattern.compile(regex); flag=p.matcher(input).matches(); } return flag; } public static boolean isDouble(String input){ boolean flag=false; if(!isStringNull(input)){ String regex="^[//d]+[//.][//d]+$"; Pattern p=Pattern.compile(regex); flag=p.matcher(input).matches(); } return flag; } private static boolean isStringNull(String input){ boolean isNull=false; if(null==input ||"".equals(input.trim())||input.length()<=0){ isNull=true; } return isNull; } }

/** * MongoDBWebTest * 解析db属性文件的类 */ package com.labci.mongodb.web.util; import java.io.IOException; import java.io.InputStream; import java.util.Enumeration; import java.util.HashMap; import java.util.Map; import java.util.Properties; /** * @author Bill Tu(tujiyue/iwtxokhtd) * Jun 11, 2011[9:43:02 PM] * */ public class ParseFileInfo { private static Properties configFile=null; private static final String DB_CONFIG_FILE_NAME="db.properties"; private ParseFileInfo(){ configFile=new Properties(); } private static class ParseFileInfoHolder{ private static ParseFileInfo instance=new ParseFileInfo(); } public static ParseFileInfo getIntance(){ return ParseFileInfoHolder.instance; } public Map<String,String> getDbInfoMap(){ InputStream is=ParseFileInfo.class.getResourceAsStream("/"+DB_CONFIG_FILE_NAME); Map<String,String> dbInfoMap=new HashMap<String,String>(); if(null != is){ try { configFile.load(is); } catch (IOException e) { e.printStackTrace(); } Enumeration<Object> fileKeys=configFile.keys(); while(fileKeys.hasMoreElements()){ String keyName=(String) fileKeys.nextElement(); dbInfoMap.put(keyName, configFile.getProperty(keyName)); } } return dbInfoMap; } }

db.properties

host=192.168.1.86 port=27017 user=iwtxokhtd password=123456 dbname=test

struts.xml

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN" "http://struts.apache.org/dtds/struts-2.0.dtd"> <struts> <constant name="struts.devMode" value="false" /> <!-- 改变struts2默认为2M的上传文件大小限制 --> <constant name="struts.multipart.maxSize" value="1024000000"/> <package name="mongoDB" extends="struts-default"> <action name="register" class="com.labci.mongodb.web.action.RegisterAction"> <result name="success">viewInfo.jsp</result> <result name="input">index.jsp</result> </action> <action name="toUpdate" class="com.labci.mongodb.web.action.ToUpdateAction"> <result name="success">updateInfo.jsp</result> </action> <action name="update" class="com.labci.mongodb.web.action.UpdateAction"> <result name="success">viewInfo.jsp</result> <result name="input">updateInfo.jsp</result> </action> </package> </struts>

validator.js

$(document).ready(function(){ $.formValidator.initConfig({formid:"register",onerror:function(msg){alert(msg);return false;},onsuccess:function(){alert('ddd');return true;}}); $("#username").formValidator({tipid:"nameTip",onshow:"必填",onfocus:"用户名至少6个字符,最多20个字符",oncorrect:"该用户名可以注册"}).inputValidator({min:6,max:20,onerror:"你输入的用户名不合法,请确认"}).regexValidator({regexp:"username",datatype:"enum",onerror:"用户名格式不正确"}); $("#password").formValidator({tipid:"passwordTip1",onshow:"必填",onfocus:"密码不能为空,至少6位",oncorrect:"密码输入合法"}).inputValidator({min:6,empty:{leftempty:false,rightempty:false,emptyerror:"密码两边不能有空格"},onerror:"密码不能为空,请确认"}); $("#password2").formValidator({tipid:"passwordTip2",onshow:"必填",onfocus:"两次密码输入必须一致哦",oncorrect:"密码确认正确"}).inputValidator({min:6,empty:{leftempty:false,rightempty:false,emptyerror:"重复密码两边不能有空格"},onerror:"重复密码不能为空,请确认"}).compareValidator({desid:"password",operateor:"=",onerror:"两次密码输入不一致,请重新确认"}); $(":radio[name='gender']").formValidator({tipid:"genderTip",onshow:"必填",onfocus:"默认为男性",oncorrect:"性别选择正确",defaultvalue:["0"]}).inputValidator({min:1,max:1,onerror:"性别忘记选了,请确认"}); $("#age").formValidator({onshow:"必填",onfocus:"请输入年龄，范围在18至100之间",oncorrect:"恭喜你,你输对了"}).inputValidator({min:18,max:100,type:"value",onerrormin:"你输入的值必须大于等于18",onerror:"年龄必须在18-100之间，请确认"}); $("#birth").focus(function(){WdatePicker({skin:'whyGreen',oncleared:function(){$(this).blur();},onpicked:function(){$(this).blur();}})}).formValidator({onshow:"必填",onfocus:"请选择出生日期",oncorrect:"出生日期输入合法"}).inputValidator({min:"1900-01-01",max:"2099-01-01",type:"date",onerror:"日期必须在/"1900-01-01/"和/"2099-01-01/"之间"}); $("#idCardNo").formValidator({onshow:"可选",onfocus:"请输入15或18位身份证",oncorrect:"输入正确"}).functionValidator({fun:isCardID}); $("#email").formValidator({onshow:"必填",onfocus:"必须输入合法的邮箱地址",oncorrect:"邮箱填写正确",forcevalid:true}).inputValidator({min:6,max:100,onerror:"邮箱地址的长度限制在6至100字符以内"}).regexValidator({regexp:"^([//w-.]+)@(([[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.)|(([//w-]+.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(]?)$",onerror:"你输入的邮箱格式不正确"}); $("#education").formValidator({onshow:"必填",onfocus:"请选择真实的学历",oncorrect:"学历选择正确"}).inputValidator({min:1,onerror: "学历不能丢!"}); $(":checkbox[name='interests']").formValidator({tipid:"interestsTip",onshow:"必须选择一个",onfocus:"得选择1个",oncorrect:"兴趣爱好已选"}).inputValidator({min:1,onerror:"没选择好哦"}); $("#telephoneNo").formValidator({empty:true,onshow:"可选",onfocus:"最好是留一下吧",oncorrect:"手机号码填写正确",onempty:"还真不留"}).inputValidator({min:11,max:11,onerror:"手机号码必须是11位的,请确认"}).regexValidator({regexp:"mobile",datatype:"enum",onerror:"你输入的手机号码格式不正确"});; $("#phoneNo").formValidator({empty:true,onshow:"可选",onfocus:"格式例如：0755-66666666",oncorrect:"联系电话填写正确",onempty:"哎，真得没留"}).regexValidator({regexp:"^[[0-9]{3}-|/[0-9]{4}-]?([0-9]{8}|[0-9]{7})?$",onerror:"你输入的联系电话格式不正确"}); $("#desc").formValidator({onshow:"必填",onfocus:"描述至少要输入10个汉字或20个字符",oncorrect:"输入合法",defaultvalue:"得写点东东..."}).inputValidator({min:20,onerror:"你输入的描述长度不正确,请确认"}); });

validator.css

.onCorrect { background:url(../images/reg4.gif) no-repeat; padding-left:25px; font-size: 12px; line-height:22px; vertical-align:middle; } .onShow { background:url(../images/reg1.gif) no-repeat; padding-left:25px; font-size: 12px; line-height:22px; vertical-align:middle; } .onFocus { background:#E9F0FF url(../images/reg2.gif) no-repeat; padding-left:25px; font-size: 12px; line-height:22px; vertical-align:middle; } .onError { background:#FFF2E9 url(../images/reg3.gif) no-repeat; padding-left:25px; font-size: 12px; line-height:22px; vertical-align:middle; } .onLoad { background:#E9FFEB url(../images/loading.gif) no-repeat 3px 3px; padding-left:25px; font-size: 12px; line-height:22px; vertical-align:middle; }

web.xml

<?xml version="1.0" encoding="UTF-8"?> <web-app version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"> <filter> <filter-name>struts2</filter-name> <filter-class> org.apache.struts2.dispatcher.FilterDispatcher </filter-class> </filter> <filter-mapping> <filter-name>struts2</filter-name> <url-pattern>*.action</url-pattern> </filter-mapping> <welcome-file-list> <welcome-file>index.jsp</welcome-file> </welcome-file-list> </web-app>

<%@ page language="java" contentType="text/html;charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>MongoDB web应用程序示例</title> <link type="text/css" rel="stylesheet" href="style/style.css" mce_href="style/style.css"></link> <link type="text/css" rel="stylesheet" href="style/ui.tabs.css" mce_href="style/ui.tabs.css"></link> <link type="text/css" rel="stylesheet" href="style/validator.css" mce_href="style/validator.css"></link> <mce:script src="js/jquery-1.4.2.min.js" mce_src="js/jquery-1.4.2.min.js" type="text/javascript"></mce:script> <mce:script src="js/formValidator_min.js" mce_src="js/formValidator_min.js" type="text/javascript" charset="utf-8"></mce:script> <mce:script src="js/formValidatorRegex.js" mce_src="js/formValidatorRegex.js" type="text/javascript" charset="utf-8"></mce:script> <mce:script defer="defer" src="datepicker/WdatePicker.js" mce_src="datepicker/WdatePicker.js" type="text/javascript"></mce:script> <mce:script type="text/javascript" src="js/validator.js" mce_src="js/validator.js" charset="utf-8"></mce:script> </head> <body> <form action="register.action" method="post" name="register" id="register"> <table border="0px" style="font-size:12px" mce_style="font-size:12px" width="730px"> <th>用户注册</th> <tr> <td align="right">用户名:</td> <td><input type="text" id="username" name="username" style="width:120px"/></td> <td><div id="nameTip" style="width:250px"></div></td> </tr> <tr> <td align="right">密码:</td> <td><input type="password" id="password" name="password" style="width:120px" /></td> <td><div id="passwordTip1" style="width:250px"></div></td> </tr> <tr> <td align="right">重复密码:</td> <td><input type="password" id="password2" name="password2" style="width:120px" /></td> <td><div id="passwordTip2" style="width:250px"></div></td> </tr> <tr> <td align="right">性别:</td> <td><input type="radio" id="gender" value="0" name="gender" checked='checked'/> 男 <input type="radio" id="gender" value="1" name="gender" /> 女</td> <td><div id="genderTip" style="width:250px"></div></td> </tr> <tr> <td align="right">年龄:</td> <td><input type="text" id="age" style="width:120px" name="age" class="fv_input_text_default" /></td> <td><div id="ageTip" style="width:250px"></div></td> </tr> <tr> <td align="right">出生日期:</td> <td><input type="text" id="birth" name="birth" style="width:120px"/></td> <td><div id="birthTip" style="width:250px"></div></td> </tr> <tr> <td align="right">身份证号:</td> <td><input type="text" id="idCardNo" name="idCardNo" style="width:150px"/></td> <td><div id="idCardNoTip" style="width:250px"></div></td> </tr> <tr> <td align="right">电子邮箱:</td> <td><input type="text" id="email" name="email" style="width:120px" /></td> <td><div id="emailTip" style="width:250px"></div></td> </tr> <tr> <td align="right">学历:</td> <td> <select id="education" name="education"> <option value="">－请选择学历－</option> <option value="a">专科</option> <option value="b">本科</option> <option value="c">硕士</option> <option value="d">博士</option> </select> </td> <td><div id="educationTip" style="width:250px"></div></td> </tr> <tr> <td align="right">兴趣爱好:</td> <td colspan="2"> <input type="checkbox" name="interests" id="interests1" value="0"/> 乒乓球 <input type="checkbox" name="interests" id="interests2" value="1" /> 羽毛球 <input type="checkbox" name="interests" id="interests3" value="2" /> 上网 <input type="checkbox" name="interests" id="interests4" value="3" /> 旅游 <input type="checkbox" name="interests" id="interests5" value="4" /> 购物 </td> </tr> <tr> <td colspan="2"><div id="interestsTip" style="width:250px"></div></td> </tr> <tr> <td align="right">手机号码:</td> <td><input type="text" id="telephoneNo" name="telephoneNo" style="width:120px" /></td> <td><div id="telephoneNoTip" style="width:250px"></div></td> </tr> <tr> <td align="right">联系电话:</td> <td><input type="text" id="phoneNo" name="phoneNo" style="width:120px" /></td> <td><div id="phoneNoTip" style="width:250px"></div></td> </tr> <tr> <td align="right" valign="top">自我描述:</td> <td colspan="2" valign="top"> <textarea id="desc" name="desc" cols="50" rows="10">请输入描述...

<%@ page language="java" contentType="text/html;charset=utf-8" pageEncoding="utf-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>修改个人信息</title> </head> <body> <form action="update.action" method="post"> <table border="0px" style="font-size:12px" mce_style="font-size:12px" width="630px"> <tr> <td align="right">用户名:</td> <td>${userMap['username']}</td> </tr> <tr> <td align="right">性别:</td> <td><input type="radio" id="gender" value="0" name="gender" <c:if test="${userMap['gender']=='男'}">checked='checked'</c:if>/> 男 <input type="radio" id="gender" value="1" name="gender" <c:if test="${userMap['gender']=='女'}">checked='checked'</c:if>/> 女</td> </tr> <tr> <td align="right">年龄:</td> <td><input type="text" id="age" style="width:120px" name="age" value="${userMap['age']}" class="fv_input_text_default" /></td> </tr> <tr> <td align="right">出生日期:</td> <td><input type="text" id="birth" name="birth" value="${userMap['birth']}" style="width:120px"/></td> </tr> <tr> <td align="right">身份证号:</td> <td><input type="text" id="idCardNo" name="idCardNo" value="${userMap['idCardNo']}" style="width:150px"/></td> </tr> <tr> <td align="right">电子邮箱:</td> <td><input type="text" id="email" name="email" value="${userMap['email']}" style="width:120px" /></td> </tr> <tr> <td align="right">学历:</td> <td> <select id="education" name="education"> <option value="">－请选择学历－</option> <option value="a" <c:if test="${userMap['education']=='a'}">selected='selected'</c:if> >专科</option> <option value="b" <c:if test="${userMap['education']=='b'}">selected='selected'</c:if>>本科</option> <option value="c" <c:if test="${userMap['education']=='c'}">selected='selected'</c:if>>硕士</option> <option value="d" <c:if test="${userMap['education']=='d'}">selected='selected'</c:if>>博士</option> </select> </td> </tr> <tr> <td align="right">兴趣爱好:</td> <td colspan="2"> <c:forEach items="${interest}" var="hobby"> <c:if test="${hobby=='0'}"> <c:set var="bp" value="checked='checked'"/> </c:if> <c:if test="${hobby=='1'}"> <c:set var="ym" value="checked='checked'"/> </c:if> <c:if test="${hobby=='2'}"> <c:set var="sw" value="checked='checked'"/> </c:if> <c:if test="${hobby=='3'}"> <c:set var="ly" value="checked='checked'"/> </c:if> <c:if test="${hobby=='4'}"> <c:set var="gw" value="checked='checked'"/> </c:if> </c:forEach> <input type="checkbox" name="interests" id="interests1" value="0" ${bp}/> 乒乓球 <input type="checkbox" name="interests" id="interests2" value="1" ${ym}/> 羽毛球 <input type="checkbox" name="interests" id="interests3" value="2" ${sw}/> 上网 <input type="checkbox" name="interests" id="interests4" value="3" ${ly}/> 旅游 <input type="checkbox" name="interests" id="interests5" value="4" ${gw}/> 购物 </td> </tr> <tr> <td align="right">手机号码:</td> <td><input type="text" id="telephoneNo" name="telephoneNo" value="${userMap['telephoneNo']}" style="width:120px" /></td> </tr> <tr> <td align="right">联系电话:</td> <td><input type="text" id="phoneNo" name="phoneNo" value="${userMap['phoneNo']}" style="width:120px" /></td> </tr> <tr> <td align="right" valign="top">自我描述:</td> <td colspan="2" valign="top"> <textarea id="desc" name="desc" cols="50" rows="10">${userMap['desc']}
<%@ page language="java" contentType="text/html;charset=utf-8" pageEncoding="utf-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>个人信息页面</title> </head> <body> <c:choose> <c:when test="${!empty userMap}"> 你的用户名：${userMap['username']}<br/> 年龄：${userMap['age']}<br/> 出生日期：${userMap['birth']}<br/> 性别：${userMap['gender']}<br/> 身份证号：${userMap['idCardNo']}<br/> 电子邮箱：${userMap['email']}<br/> 学历： <c:choose> <c:when test="${userMap['education']=='a'}"> 专科 </c:when> <c:when test="${userMap['education']=='b'}"> 本科 </c:when> <c:when test="${userMap['education']=='c'}"> 硕士 </c:when> <c:otherwise> 博士 </c:otherwise> </c:choose><br/> 兴趣爱好： <c:forEach items="${interest}" var="hobby"> <c:choose> <c:when test="${hobby=='0'}"> 乒乓球 </c:when> <c:when test="${hobby=='1'}"> 羽毛球 </c:when> <c:when test="${hobby=='2'}"> 上网 </c:when> <c:when test="${hobby=='3'}"> 旅游 </c:when> <c:when test="${hobby=='4'}"> 购物 </c:when> </c:choose> </c:forEach> <br/> 手机号码：${userMap['telephoneNo']}<br/> 联系电话：${userMap['phoneNo']}<br/> 自我描述：${userMap['desc']}<br/> <a href="toUpdate.action" mce_href="toUpdate.action">修改信息</a> </c:when> <c:otherwise> 没有你的信息 </c:otherwise> </c:choose> </body> </html>