基于java web的博客平台（一） -

Season_jy

浏览: 29279 次
性别:
来自: 广东

最近访客更多访客>>

w-四爷

ln_ydc

pjmike

skhlaila

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

基于java web的博客平台（一）

一、概述

这个基于javaweb的博客平台涉及的技术有jsp、servlet、Javabean、Mysql数据库、html、css、js等。这个平台采用了mvc的设计模式：

Model层：实现系统业务逻辑，由Javabean负责；

View层：负责与用户进行交互，显示内容给用户，有jsp、html、css、js等负责；

Control层：负责Model和View层的连接，我们在iew层所做的操作，比如登陆、注册等等，我们都是先把请求提交到Controller（控制层的控制器），然后Controller根据请求调用由工厂模式生成相应的Action的对象，并由该对象执行相应的方法处理请求，并决定反馈给用户的是哪一个页面，即View层。

这就是我们的项目的整体的设计思路，采用mvc设计模式，各种技术分工合作，它有这些优势，整个流程非常清晰；易于我们以后的更新维护；同时mvc的分层模式，可以让我们web页面编写（即前端）专注也界面的设计，而不用去了解后台的代码如何如何，业务逻辑、功能的编写也专注于其职内容的设计，也不用考虑前端的如何设计；同时当我们想增加功能、或修改某些功能时，我们也是很简单的加一个相关的Action或修改某些Action，这样可使我们的代码的维护更加轻松。

二、后台管理模块

这是后台管理模块的目录：

我们可以到它由几部分构成，article、friend、photo、word这是后台管理的四大主要模块，文章管理，朋友管理，相册管理，留言管理。

而其中的view里面的文件结构如下：

可以看到它由这四个jsp文件构成，这四个文件是要包含进AdminIndex.jsp文件里面的，分别构成了AdminIndex.jsp的上下左右部分。这个AdminIndex.jsp就是后台管理的主页面。

我们的AdminIndex.jsp的代码结构如下：

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8" import="java.util.List,com.MyBlog.common.GLOBALS"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%String URL=session.getAttribute("url").toString(); %>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="<%=URL%>/css/admin/AdminIndex.css">
<title>管理博客</title>
</head>
<body id="body">
<!-- 利用表格划分三行 -->
		<table  id="table" >
		<!-- 第一行 -->
			<tr> 
				<td align="center" colspan="2">
					<!-- 划分，顶部 -->
						<jsp:include page="${URL}/admin/view/AdminTop.jsp"/>
				</td>
			</tr>
			<!-- 第二行 -->
			<tr  > 
				<td width="220px"   valign="top">
					<!-- 中间分成左右两部分 -左-->
						<jsp:include  page="${URL}/admin/view/AdminLeft.jsp"/>
				</td>
				
				<td width="776px" align="center" valign="top">
					<!-- 中间分成左右两部分 -右-->
						<jsp:include  page="${URL}/admin/view/AdminRight.jsp"/>
				</td>
			</tr>
			<!-- 第三行 -->
			<tr > 
				<td  width="1000px" align="center" colspan="2">
					<!-- 底部 -->
						<jsp:include page="${URL}/admin/view/AdminEnd.jsp"/>
				</td>
			</tr>
			
		</table>

	<a href="#" id="toTop_admin" style="margin-right: -526px; right: 50%; display: inline;">
		<span id="toTopHover_admin" style="opacity: 0;"></span>
	</a>
</body>
</html>

然后是error.jsp、success.jsp页面，是我们操作失误或成功之后，反馈给用户的一个提示信息的页面。

1、我们先看登录，进入后台管理首先第一步就是登陆，我们的登录就是一个表单

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8" import="java.util.List,com.MyBlog.common.GLOBALS"%>
<!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">
<%String URL=session.getAttribute("url").toString(); %>
<link rel="stylesheet" href="<%=URL%>/css/admin/Login.css">
<title>登录</title>
<script src="<%=URL%>/js/checkform.js"></script>
</head>
<body id="body">

	<div class="idivLogin">
	<!-- 通过js文件checkform.js进行输入数据格式的校验，
	再进入到TestServlet代码中与数据库数据进行校验，判断输入是否正确 -->
		<form id="formLogin" onsubmit="return checkselect(this)" method="post" 
		action="<%=URL%>/LoginAction.action">
			<h3>欢迎登录MyBlog！</h3>
			<table id="tableLogin">
			<tr>
				<td>
					<p class="pLogin">用户名:</p>
				</td>
				<td>	
						<input name="name" type="text"/>
						<font color="#FF0000">*</font>
					
				</td>
			</tr>
			<tr>
				<td>
					<p class="pLogin">密码:</p>
				</td>
				<td>
						<input name="password" type="password"/>
						<font color="#FF0000">*</font>
				</td>
			</tr>
			<tr>
				<td></td>
				<td>
				    <input value="登录" type="submit"/>&nbsp;
					<input value="重置" type="reset"/>
				</td>
			</tr>
			<tr>
				<td></td>
				<td>
				    <a href="<%=URL%>/admin/Register.jsp">注册新账号</a>
				</td>
			</tr>
			
			</table>
		</form>
	</div>
	</body>
</html>

我们的表单提交的action为"<%=URL%>/LoginAction.action"，这个表单提交后，是先由控制器处理，控制器处理出我们”/”和”.”之间的字段LoginAction，然后由该字段创建相应action的对象，并执行该对象的excute方法，处理我们的登录操作。我们的其它操作也是如此。

现在我们看action_implements包里面的LoginAction类的，代码如下：

package com.MyBlog.action_implements;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

import com.MyBlog.action.Action;
import com.MyBlog.common.GLOBALS;
import com.MyBlog.dao.LoginDao;
import com.MyBlog.entity.MasterBean;

public class LoginAction implements Action {

	LoginDao loginDao = new LoginDao();
	public String URL = "";

	/*
	 * 重写action接口中的方法实现该接口
	 * 
	 * @功能 实现动作对象action所对应类中的接口方法，返回下一个页面的url（即需要跳转到该url对应的页面）
	 */
	@Override
	public String execute(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		this.URL = GLOBALS.getPath(request);
		String url = "error.jsp";
		// 获取页面输入元素，用户民及密码
		String user_name = request.getParameter("name");
		String user_password = request.getParameter("password");
		// 控制台输出
		System.out.println("用户名" + user_name);
		System.out.println("用户密码：" + user_password);
		//loginDao的Login放法对用户名进行验证，查询数据库里面是否有相对应的
		//用户名、密码。
		MasterBean masterBean = loginDao.Login(user_name, user_password);

		// 回应页面请求，在网页中响应，通过out可以直接在这里写html的代码
		response.setCharacterEncoding("utf-8");
		PrintWriter out = response.getWriter();

		
		if (masterBean != null) {
			// 若用户密码正确，查询结果masterBean不应该是null。
			// 校验成功后进入到AdminIndex.jsp显示在页面上
			// 创建一个session
			HttpSession session=request.getSession();
			// setAttribute方法在session中设置用户信息
			session.setAttribute("masterBean", masterBean);
			System.out.println("登录成功！！！");
			System.out.println("用户的masterID："+masterBean.getId());
			url = "/admin/AdminIndex.jsp";
			return url;

		} else {
			out.write("<html>");
			out.write("<p>登录失败</p>");
			out.write("</html>");
		}

		return url;
	}
}

登录主要有三步：

A、我们的request的对象的getParameter方法可以根据表单里面的input的name属性获得我们提交的表单的input里面的内容，通过这个我们获取了用户名和密码。

B、如何验证用户名和密码的正确性也是很简单的，我们可以直接查询数据库的用户表，查询则由loginDao负责查询。若有结果，则登录成功，添加一个名为masterBean的session，否则登陆失败。

C、登录成功后，我们就直接跳转到"/admin/AdminIndex.jsp"（后台管理主页面）

2、注册页面也是一个表单

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"   import="java.util.List,com.MyBlog.common.GLOBALS"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%String URL=session.getAttribute("url").toString(); %>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="<%=URL%>/css/admin/Register.css">
<title>注册账号</title>
<script src="<%=URL%>/js/checkRegister.js"></script>
</head>
<body id="body">
 
	<div id="register">
		<form id="formRegister" onsubmit="return checkRegister(this)" method="post" 
		action="<%=URL%>/RegisterAction.action">
			<h3 id="register_h3">欢迎注册MyBlog！</h3>
			<table id="tableRegister">
			<tr>
				<td>
					<p class="Register_p">用户名:</p>
				</td>
				<td>	
						<input class="register_input" name="name" type="text"/>
						<font color="#FF0000">*</font>
					
				</td>
			</tr>
			<tr>
				<td>
					<p class="Register_p">密码:</p>
				</td>
				<td>
						<input class="register_input" name="password" type="password"/>
						<font color="#FF0000">*</font>
				</td>
			</tr>
			
			<tr>
				<td>
					<p class="Register_p">确认密码:</p>
				</td>
				<td>
						<input class="register_input" name="password_sure" type="password"/>
						<font color="#FF0000">*</font>
				</td>
			</tr>
			
			
			<tr>
				<td>
					<p class="Register_p">邮箱:</p>
				</td>
				<td>
						<input class="register_input" name="email" type="text"/>
						<font color="#FF0000">*</font>
				</td>
			</tr>
			
			
			<tr>
				<td>
					<p class="Register_p">性别:</p>
				</td>
				<td>
						<label for="sex_man">&nbsp;男</label>
							<input id="sex_man" name="sex" type="radio" value="0"/>&nbsp;&nbsp;
						<label for="sex_women" >女</label>
							<input id="sex_women" name="sex" type="radio" value="1"/>
						<font color="#FF0000">&nbsp;*</font>
				</td>
			</tr>
			
			<tr>
				<td></td>
				<td>
				    <input value="注册" type="submit"/>&nbsp;
					<input value="重置" type="reset"/>
				</td>
			</tr>
			</table>
		</form>
	</div>
</body>
</html>

注册的表单提交的是”<%=URL%>/RegisterAction.action”，交由控制器处理以后，执行相关对象的excute方法。

现在我们可以看action_implements包里面的RegisterAction类，代码如下：

package com.MyBlog.action_implements;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.MyBlog.action.Action;
import com.MyBlog.common.GLOBALS;
import com.MyBlog.dao.RegisterDao;
import com.MyBlog.entity.MasterBean;

public class RegisterAction implements Action {
	public String URL = "";
	RegisterDao registerDao = new RegisterDao();

	/*
	 * 重写action接口中的方法实现该接口
	 * 
	 * @功能 实现动作对象action所对应类中的接口方法，返回下一个页面的url（即需要跳转到该url对应的页面）
	 */
	@Override
	public String execute(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		this.URL = GLOBALS.getPath(request);
		String url = "error.jsp";
		// 获取页面输入元素
		String user_name = request.getParameter("name");
		String user_password = request.getParameter("password");
		String sex = request.getParameter("sex");
		System.out.println(sex);
		int user_sex = Integer.parseInt(sex);
		String user_email = request.getParameter("email");
		// 设置master实体
		MasterBean masterBean = new MasterBean();
		masterBean.setMasterName(user_name);
		masterBean.setMasterPassword(user_password);
		masterBean.setMasterSex(user_sex);
		masterBean.setMasterOicq(user_email);

		// 判断是否注册成功
		boolean flag = registerDao.masterRegister(masterBean);
		System.out.println(flag);

		// 控制台输出
		System.out.println("用户名" + user_name);
		System.out.println("用户密码：" + user_password);

		// 回应页面请求，在网页中响应，通过out可以直接在这里写html的代码
		response.setCharacterEncoding("utf-8");
		PrintWriter out = response.getWriter();

		if (flag) {
			// 若用户密码正确
			// requestuestDispatcher
			// rd=request.getrequestuestDispatcher("/front/FrontIndex.jsp");
			// 校验成功后进入到AdminIndex.jsp显示在页面上
			System.out.println("注册成功！！！");
			url = "/admin/Login.jsp";
			return url;

		} else {
			out.write("<html>");
			out.write("<p>用户已经存在，注册失败！！！</p>");
			out.write("</html>");
		}
		return url;
	}

}

A、我们先获取所有的注册信息，然后构建一个MasterBean对象。

B、然后把这个参数传递到RegisterDao对象的masterRegister方法，由该对象来验证注册信息，若可以注册，则返回true，否则false。

C、我们根据masterRegister的返回值判断是否成功注册，若成功跳转"/admin/Login.jsp"（登录界面）

3、我们看AdminIndex.jsp的顶部

<jsp:include page="${URL}/admin/view/AdminTop.jsp"/>包含了AdminTop.jsp文件，

我们的顶部放置了回首页，退出登录的按钮，这个顶部是不变的，我们随时可以点击回首页、或退出登录。

关于退出登录，我们也有相关的action处理：

<a class="menu" href="<%=URL%>/LogoutAction.action">[退出登录]</a>

我们来LogoutAction的excute方法的代码：

	/*
	 * 重写action接口中的方法实现该接口
	 * 
	 * @功能 实现动作对象action所对应类中的接口方法，返回下一个页面的url（即需要跳转到该url对应的页面）
	 */
	@Override
	public String execute(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {

		// request.getSession(ture)等同于 HttpServletRequest.getSession()：
		// 若存了会话（session）则返回该会话，否则新建一个会话（session）。
		// request.getSession(false)：若存在会话（session）则返回该会话，否则返回NULL
		// 所以这里我们用request.getSession(false)
		
		// 获取session
		HttpSession session = request.getSession(false);
		if (session != null) {
		// 如果有session，则把用户信息从session里面除掉。
				session.removeAttribute("masterBean");
		}
		String url = "/admin/Login.jsp";
		return url;
	}

我们的登出操作就是把名为masterBean的session删掉。