目录
1. 页面,我们先在主页面mainTemp.jsp添加链接;
2. web层,我们新建一个userServlet页面,接受前台传来的请求;
1. 页面,我们先在主页面mainTemp.jsp添加链接;
在这里,我们在主页面mainTemp.jsp里面添加一下链接;
<!-- nav是设置导航标签 -->
<ul class="nav">
<li class="active"><a href="main?all=true"><i class="icon-home"></i> 主页</a></li>
<li class="active"><a href="diary?action=preSave"><i class="icon-pencil"></i> 写日记</a></li>
<li class="active"><a href="diaryType?action=list"><i class="icon-book"></i> 日记分类管理</a></li>
<li class="active"><a href="user?action=preSave"><i class="icon-user"></i> 个人中心</a></li>
</ul>
2. web层,我们新建一个userServlet页面,接受前台传来的请求;
在这里,我们主要是新建一个Servlet,主要是接受前台链接传来的请求;
package com.java.web;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
public class UserServlet extends HttpServlet {
@Override
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
this.doPost(request,response);
}
@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
String action=request.getParameter("action");
if("preSave".equals(action)){
userPreSave(request,response);
}
}
private void userPreSave(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
request.setAttribute("mainPage","user/userSvae.jsp");
request.getRequestDispatcher("mainTemp.jsp").forward(request,response);
}
}
配置一下web.xml;
<!-- 个人中心页面 -->
<servlet>
<servlet-name>userServlet</servlet-name>
<servlet-class>com.java.web.UserServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>userServlet</servlet-name>
<url-pattern>/user</url-pattern>
</servlet-mapping>
3.页面,我们写用户信息保存页面userSvae.jsp;
这里我们设计一下用户信息userSvae.jsp的页面布局,也采用流式布局;
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!-- 使用JSTL标签需要引入的头文件 -->
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!-- 使用fmt 对时间进行格式化的时候需要引入的头文件 -->
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<div class="data_list">
<div class="data_list_title">
<img src="${pageContext.request.contextPath}/images/user_edit_icon.png"/>
个人信息设置
</div>
<div class="row-fluid" style="padding-top: 20px;">
<div class="span3">
<img src="${currentUser.imageName }">
</div>
<div class="span9">
<form action="" method="post">
<table width="100%">
<tr>
<td width="15%">头像路径:</td>
<td><input type="file" id="imagePath" name="imagePath"/></td>
</tr>
<tr>
<td>个人昵称:</td>
<td><input type="text" id="nickName" name="nickName" value="${currentUser.nickName }" style="margin-top:5px;height:30px;"/></td>
</tr>
<tr>
<td valign="top">个人心情:</td>
<td><textarea id="mood" name="mood" rows="10" style="width: 100%">${currentUser.mood }</textarea></td>
</tr>
<tr>
<td><button class="btn btn-primary" type="submit">保存</button></td>
<td><button class="btn btn-primary" type="button" onclick="javascript:history.back()">返回</button></td>
</tr>
</table>
</form>
</div>
</div>
</div>
</body>
</html>