一、概述
这个基于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页面,是我们操作失误或成功之后,反馈给用户的一个提示信息的页面。
Login.jsp、Register.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" οnsubmit="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"/> <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" οnsubmit="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"> 男</label> <input id="sex_man" name="sex" type="radio" value="0"/> <label for="sex_women" >女</label> <input id="sex_women" name="sex" type="radio" value="1"/> <font color="#FF0000"> *</font> </td> </tr> <tr> <td></td> <td> <input value="注册" type="submit"/> <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删掉。