JAVAWeb-实现简单的留言版

(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>&nbsp;</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>&nbsp;</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");
%>

源码下载

  • 16
    点赞
  • 160
    收藏
    觉得还不错? 一键收藏
  • 14
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 14
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值