写在前面

在上篇博文JSP内置对象中介绍JSP的9个内置对象的含义和常用方法,但都是比较理论的知识。今天为大家带来一个小应用,用application制作的简易留言板。

包括三个功能模块:留言提交、留言展示、查看留言板。用3个JSP页面展示信息(视图层),一个servlet处理用户的请求(控制层),因为比较简单没有用到javaBean作为模型层。还有一个filter初始化应用。

表单提交

本例中用submit.jsp页面提交留言。用表单提交用户的请求参数,action参数处理用户请求程序的路径。关于表单提交有两点说明:

1.路径

在JSP页面中,建议用绝对路径,形如:<%=request.getContextPath()%>/MsgPane,request.getContextPath()代表项目的根目录。其原因是绝对路径简单不容易出错。在写JSP程序是经常会犯路径的错误,就是没明白一些基本的概念。

在html标签中,“/”是代表服务器的根目录:形如:http://localhost:8080/

在JSP脚本中,“/”Web应用的根目录:形如:http://localhost:8080/yourwebapp/

为了统一前后端路径的使用,IDE在新建JSP的会加入<base>标签,这个时候相对路径是不起作用的,浏览器解析时会在其前面加上base的href属性值。例如:

有<base>标签的存在,<form action="MsgPane" method="post"> 浏览器解析的路径为“http://localhost:8080/yourwebapp/”+Msgpane。

2.方法

post提交时,参数不会附加在URL中,安全性更高,表单提交建议使用post。

submit.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<form action="<%=request.getContextPath()%>/MsgPane" method="post">
请输入你的姓名:<br><input type="text" name="name"><br>
请输入你的标题:<br><input type="text" name="title"><br>
留言内容:<br><textarea rows="15" cols="20" name="message"></textarea><br><br>
<input type="submit" value="提交信息"><br>
</form>
<form action="<%=request.getContextPath()%>/msgpane/messages.jsp">
<input type="submit" value="查看留言板">
</form>
<%-- </body>--%>
</html>

处理用户请求

我们一般用servlet处理用户请求,servlet多用于流程控制,也就是我们常说得MVC中C(控制层)。

1.处理表单参数的中文乱码,可在servlet重写的请求方法中加入

request.setCharacterEncoding("UTF-8");
response.setCharacterEncoding("UTF-8");

2.application对象在JSP中是内置的,而在servlet中,需要自己去实例化。

ServletContext application = request.getServletContext();

3.application的常用方法,其实底层实现是Map。

application.setAttribute(String key,Object obj);
application.getAttribute(String key); //Object,需要类型强转!

4.session与application常用方法类似,只是作用范围限于同一用户,而application是整个应用,用下面方法实例化。

HttpSession session=request.getSession(); 

MsgPane.java

package servlet;

import java.io.BufferedReader;
import java.io.File;
import java.io.FileInputStream;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.InputStreamReader;
import java.io.ObjectInputStream;
import java.io.ObjectOutputStream;
import java.util.ArrayList;
import java.util.Date;
import java.util.List; import javax.servlet.ServletContext;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession; public class MsgPane extends HttpServlet {
List<String> msgs;
int count;
String objfile="";
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
objfile=request.getServletContext().getRealPath("/")+"msgpane\\Msgpane.obj";
System.out.println(objfile);
request.setCharacterEncoding("UTF-8");
response.setCharacterEncoding("UTF-8");
ServletContext application = request.getServletContext();
HttpSession session=request.getSession();
if(application.getAttribute("msgs")!=null){
msgs=(List<String>)application.getAttribute("msgs");
}else{
msgs=new ArrayList();
System.out.println("New");
}
count = msgs.size();
String date = new Date().toLocaleString();
String name = request.getParameter("name");
String title = request.getParameter("title");
String msg = request.getParameter("message");
if (name == null || "".equals(name)) {
name = "guest";
}
if (title == null || "".equals(title)) {
title = "无标题";
}
if (msg == null || "".equals(msg)) {
request.getRequestDispatcher("/msgpane/submit.jsp").forward(request,
response);
} else {
count++;
String tmsg = "<br><br><br>No." + count + "&nbsp;&nbsp;&nbsp;"
+ date + "<br><br>姓名:" + name + "<br>标题:" + title
+ "<br>内容:" + msg;
msgs.add(tmsg);
saveMsgPane(objfile);
application.setAttribute("msgs", msgs);
session.setAttribute("msg", tmsg);
request.getRequestDispatcher("/msgpane/msgpane.jsp").forward(request,
response);
}
} @Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
this.doGet(req, resp);
} public void saveMsgPane(String filename) {
try {
saveObject(filename, msgs);
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
} public void saveObject(String filename, Object obj) throws IOException {
File f = new File(filename);
if (!f.exists()) {
f.createNewFile();
}
FileOutputStream fos = new FileOutputStream(f);
ObjectOutputStream oos = new ObjectOutputStream(fos);
oos.writeObject(obj);
fos.close();
oos.close();
}
}

初始化应用

在启动应用时,将留言板内容从文件读取,存入application对象。

MsgpaneFilter.java

package filter;

import java.io.File;
import java.io.FileInputStream;
import java.io.IOException;
import java.io.ObjectInputStream; import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletContext;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse; public class MsgpaneFilter implements Filter { @Override
public void init(FilterConfig filterConfig) throws ServletException {
} @Override
public void doFilter(ServletRequest request, ServletResponse response,
FilterChain chain) throws IOException, ServletException {
String objfile = request.getServletContext().getRealPath("/")+"msgpane\\Msgpane.obj";
System.out.println(objfile);
HttpServletRequest req = (HttpServletRequest) request;
HttpServletResponse resp = (HttpServletResponse) response;
ServletContext application = request.getServletContext();
if (application.getAttribute("msgs") == null) {
File f = new File(objfile);
if (f.exists()) {
try {
application.setAttribute("msgs", readObject(objfile));
System.out.println("read");
} catch (ClassNotFoundException e) {
e.printStackTrace();
}
} else {
System.out.println("File not found!");
req.getRequestDispatcher("/msgpane/submit.jsp").forward(req,
resp);
}
}
chain.doFilter(req, resp);
} @Override
public void destroy() {
} public Object readObject(String filename) throws IOException,
ClassNotFoundException {
Object obj = null;
File ft = new File(filename);
if (ft.exists()) {
FileInputStream fis = new FileInputStream(ft);
ObjectInputStream ois = new ObjectInputStream(fis);
obj = ois.readObject();
fis.close();
ois.close();
} else {
// do something
}
return obj;
}
}

关于留言展示和查看留言板我就不贴代码了,非常简单。这个小例子的代码我打包好了,下面是链接:

msgpanehttp://files.cnblogs.com/files/klguang/msgpane.rar

JSP简易留言板的更多相关文章

  1. DOM操作相关案例 模态对话框,简易留言板,js模拟选择器hover,tab选项卡,购物车案例

    1.模态框案例 需求: 打开网页时有一个普通的按钮,点击当前按钮显示一个背景图,中心并弹出一个弹出框,点击X的时候会关闭当前的模态框 代码如下: <!DOCTYPE html> <h ...

  2. 原生node实现简易留言板

    原生node实现简易留言板 学习node,实现一个简单的留言板小demo 1. 使用模块 http模块 创建服务 fs模块 操作读取文件 url模块 便于path操作并读取表单提交数据 art-tem ...

  3. Flask学习之旅--简易留言板

    一.写在前面 正所谓“纸上得来终觉浅,方知此事要躬行”,在看文档和视频之余,我觉得还是要动手做点什么东西才能更好地学习吧,毕竟有些东西光看文档真的难以理解,于是就试着使用Flask框架做了一个简易留言 ...

  4. php实现简易留言板效果

    首先是Index页面效果图 index.php <?php header('content-type:text/html;charset=utf-8'); date_default_timezo ...

  5. 微信小程序实现简易留言板

    微信小程序现在很火,于是也就玩玩,做了一个简易的留言板,让大家看看,你们会说no picture you say a j8 a,好吧先上图. 样子就是的,功能一目了然,下面我们就贴实现的代码,首先是H ...

  6. vue实现简易留言板

    首先引入vue.js <script src="vue.js"></script> 布局 <div id="div"> &l ...

  7. js简易留言板

      <!DOCTYPE html>   <html lang="en">   <head>   <meta charset="U ...

  8. js 实现简易留言板功能

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  9. jsp中运用application实现共享留言板功能

    jsp中application的知识点总结: 1.一个Web应用程序启动后,将会自动创建一个application对象,在整个应用程序的运行过程中只有这一个application对象,即所有访问该网站 ...

随机推荐

  1. jq 图片裁剪

    1.html <div class="jcropbox" style="display: none"> <img src="&quo ...

  2. WPF DataBinding之我见

    原创,转载请注明出处:WPF DataBinding之我见 一.DataBinding介绍   数据绑定是在应用程序 UI 与业务逻辑之间建立连接的过程. 如果绑定具有正确设置并且数据提供正确通知,则 ...

  3. 用css3实现鼠标移进去当前亮其他变灰

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...

  4. Weinre在iOS 7上不工作的原因

    升级到iOS 7 后发现Weinre不能工作了,通过Safari调试发现报错如下: [Error] SecurityError: DOM Exception 18: An attempt was ma ...

  5. jquery中的ajax方法详解

    定义和用法ajax() 方法通过 HTTP 请求加载远程数据.该方法是 jQuery 底层 AJAX 实现.简单易用的高层实现见 $.get, $.post 等.$.ajax() 返回其创建的 XML ...

  6. 从ipad相机相册读取相片并保存

    以下是从实际项目中截取的例子,从一个button中启动获得相片 -(IBAction)blumbtnTap:(id)sender { // 判断是否支持相机 // UIAlertView *alert ...

  7. ios的Ping++支付接入步骤-b

    1. Client 发送支付要素给 Server 2. Server 发送支付请求并将返回的支付凭据传给 Client 3. Client 调起支付控件完成支付 4. 渠道同步返回支付结果给 Clie ...

  8. Yosemite重置Dock的命令

    备忘 defaults write com.apple.dock ResetLaunchPad -bool true killall Dock

  9. Frequent values

    poj3368:http://poj.org/problem?id=3368 题意:给你一个非下降的序列,然后查询[l,r]内出现最多数字的次数. 题解:首先,因为序列是非下降的,所以相同的数字出现在 ...

  10. codeforces B. Prison Transfer

    题意:输入n,t,c,再输入n个数,然后问有多少个连续区间内的最大值小于等于t; #include <cstdio> #include <cstring> #include & ...