(1)首先整体展示留言版的界面,及功能:
登陆界面:
功能界面:
2.项目结构:
具体实现 :
(1)首先我们要有 一个登陆的页面,里面有登陆和密码框:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
String flag = request.getParameter("flag");
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>系统登陆</title>
<link href="form.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var flag = '<%=flag%>';
if(flag=="1"){
alert("请登陆系统!");
}
</script>
</head>
<body>
<form action="login.jsp" method="post" class="smart-green" >
<h1>系统登录</h1>
<label>
<span>用户名:</span>
<input id="username" type="text" name="username"/>
</label>
<label>
<span>密码:</span>
<input id="password" type="password" name="password"/>
</label>
<span> </span>
<label>
<input type="submit" class="button" value="登录"/>
</label>
</form>
</body>
</html>
需要对提交的数据进行简单的处理:把用户提交的用户名放到session中,因为整个会话中都必须用到这个:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<title>用户登陆</title>
<html>
<body>
<%
//获取传递过来的参数
String username = request.getParameter("username");
String password = request.getParameter("password");
session.setAttribute("LoginUser", username);
response.sendRedirect(request.getContextPath()+"/message.jsp");
%>
</body>
</html>
数据处理
经过简单的处理:然后经过request重定向发送到功能的界面: 中间需要一个servlet的 过滤器修改编码 ,及进行转型:
package filter;
import java.io.IOException;
import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class characterEncodingFilter implements Filter {
private FilterConfig config;
public void destroy() {
}
@Override
public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain)
throws IOException, ServletException {
request.setCharacterEncoding(config.getInitParameter("charset"));
HttpServletRequest hrequest = (HttpServletRequest)request;
HttpServletResponse hresponse = (HttpServletResponse)response;
String LoginUser = (String)hrequest.getSession().getAttribute("LoginUser");
//告诉服务器已经处理完毕
chain.doFilter(request, response);
}
@Override
public void init(FilterConfig config) throws ServletException {
this.config=config;
}
}
及过滤器的配置:web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0">
<display-name>FilterDemo</display-name>
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
<filter>
<filter-name>characterEncodingFilter</filter-name>
<filter-class>filter.characterEncodingFilter</filter-class>
<init-param>
<param-name>charset</param-name>
<param-value>UTF-8</param-value>
</init-param>
</filter>
<filter-mapping>
<filter-name>characterEncodingFilter</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
</web-app>
转到的jsp页面 :
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@page import="java.util.*,Model.*" %>
<%
String user = (String)session.getAttribute("LoginUser");
List<Message>messages = (List<Message>)session.getAttribute("messages");
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>留言板</title>
<link href="form.css" rel="stylesheet" type="text/css" />
<link href="table.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form action="messageSub.jsp" method="post" class="smart-green">
<h1>留言板</h1>
<label>
<span>留言人 :</span>
<input id="user" type="text" name="user" value="<%=user %>" readonly/>
</label>
<label>
<span>标题 :</span>
<input id="title" type="text" name="title" value=""/>
</label>
<label>
<span>内容 :</span>
<textarea id="content" name="content"></textarea>
</label>
<span> </span>
<label>
<input type="submit" class="button" value="提交"/>
</label>
</form>
<br>
<table id="table-3" width="85%" align="center">
<tr>
<th width="15%">留言人</th>
<th width="15%">标题</th>
<th width="70%">内容</th>
</tr>
<%
if(messages!=null){
for(Message message:messages){
%>
<tr>
<td><%=user%></td>
<td><%=message.getTitle()%></td>
<td><%=message.getContent()%></td>
</tr>
<%
}
}
%>
</table>
</body>
</html>
我们登陆后的页面与提交后的页面为同一个,这样我们中间就需要对我们提交的数据进行处理和显示,因此我们需要一个javabean类来封装信息,和一个jap页面来处理信。
package Model;
public class Message {
private String title;
private String content;
public String getTitle() {
return title;
}
public void setTitle(String title) {
this.title = title;
}
public String getContent() {
return content;
}
public void setContent(String content) {
this.content = content;
}
}
处理信息的jsp页面,且不展示任何东西,并跳转回来。
<%@page import="com.mysql.jdbc.Messages"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!-- 导入java里面的包 -->
<%@page import="java.util.*,Model.*" %>
<%
//获取信息
String title = request.getParameter("title");
String content =request.getParameter("content");
//封装信息
Message message = new Message();
message.setTitle(title);
message.setContent(content);
List<Message>messsages = (ArrayList<Message>)session.getAttribute("messages");
if(messsages==null){
messsages = new ArrayList<Message>();
session.setAttribute("messages", messsages);
}
messsages.add(message);
response.sendRedirect(request.getContextPath()+"/message.jsp?SubFlag=1");
%>