小白的白白

Servlet-搭建个人博客系统（MVC架构模式简介，maven的配置和使用）

1. MVC架构模式简介

2. maven的配置和使用

3. 项目总述

3.1 Controller层

3.2 Model层

3.3 View层

4. 页面的主要功能实现

4.1 登陆页面（login.html）

4.2 博客列表页面（blog_index.html）

4.3 博客详情页面（blog_detail.html）

4.4 博客编辑页（blog_editor.html）

5.Contorller层（控制层）

5.1 UserServlet

5.2 UserRemLoginServlet

5.3 UserLoginOutServlet

5.4 LoadAuthorInfoServlet

5.5 BlogServlet

5.6 BlogDeleteServlet

6. Model层（模型层）

6.1 Bean对象

Userbean

BlogBean

6.2 BlogDao类

6.3 UserDao类

6.4 JDBC工具类

7. View层（视图层源码）

7.1 公共样式文件

7.1 登陆页面login的实现

7.2 博客列表页blog_index的实现

7.3 博客详情页blog_detail的实现

7.4 博客编辑页面blog_editor的实现

8. 配置文件

8.1 maven配置文件

1. MVC架构模式简介

MVC是 Model、View、和Controller的缩写，是软件工程中的一种架构模式，把软件系统分为模型、视图、控制器三部分。这三部分的作用如下：

Model（模型）
使应用程序中用于处理数据逻辑的部分，通常负责在数据库中存取数据
View（视图层）
是应用程序中处理数据显示的部分，通常视图是依据模型数据来创建的
Controller（控制器）
是应用程序中用于处理用户交互的部分，通常控制器负责从视图读取数据，控制用户输入并向模型响应数据

2. maven的配置和使用

Idea内置了maven，在我们创建maven项目后可以直接使用。下面我们主要介绍自定义maven配置。

创建maven项目，导入依赖文件

3. 项目总述

博客系统共包含登陆页面、博客列表页、博客详情页和博客编辑页四个页面。

3.1 Controller层

这个包里边主要存放了一些Servlet小程序，对应着用户的指定请求路径，调用Model层进行数据的读写，调用View层进行数据的展示，处理用户特定的请求。

3.2 Model层

在这个包中封装了一些bean对象和Dao（Data Access Object）类。DAO层对象负责数据的读取和存储，读取到的数据将会倍封装成一个个bean对象。这些bean对象会返回给Controller层通过特定操作转换为指定的格式响应给View页面供用户体验。

3.3 View层

这个层次中主要存放了一些用户展示数据的页面，进行交互的响应，向HTML,CSS,JS...

4. 页面的主要功能实现

4.1 登陆页面（login.html）

实现的主要功能：

发送ajax请求验证用户的账号和密码是否正确并根据返回的数据进行弹窗提示，如果用户信息正确，则跳转进入blog_index.html页面

当用户勾选了十天内免登录的复选框在服务器端会创建cookie信息添加了客户端中，实现十天内免登录的效果

点击注销按钮，后台清除该用户的会话对象，前端页面跳转到登陆页面，用户即可退出登录

4.2 博客列表页面（blog_index.html）

实现的主要功能：

在进行页面加载时会先发送ajax请求验证用户的登陆状态，如果用户的身份信息不合法，则弹窗提示并跳转到登陆页面让用户进行登录；如果身份信息合法，则继续向服务器请求博客列表信息和登录用户信息

根据登录用户的不同显示不同的用户信息，包括文章数、用户名、头像信息

点击注销按钮，后台清除该用户的会话对象，前端页面跳转到登陆页面，用户即可退出登录

4.3 博客详情页面（blog_detail.html）

实现的主要功能：

页面加载时验证用户的登录状态

通过注册携带查询字符串跳转到详情页面携带的博客ID，查询数据库，显示当前博客的详细信息

当用户信息和当前页面作者信息一致时，用户点击删除按钮可以对当前博客进行删除操作

对markdown语法进行解析，显示到博客详情区域

点击注销按钮，后台清除该用户的会话对象，前端页面跳转到登陆页面，用户即可退出登录

4.4 博客编辑页（blog_editor.html）

实现的主要功能：

验证用户身份信息的合法性

引用开源插件editor.md实现博客的markdown语法编辑功能

用户提交博客信息，跳转博客列表页面

点击注销按钮，后台清除该用户的会话对象，前端页面跳转到登陆页面，用户即可退出登录

5.Contorller层（控制层）

5.1 UserServlet

该后台小程序用户处理用户的普通登录请求和验证用户身份信息的合法性。其中的doPost方法接受来自login.html中登录的ajax——Post请求，这个登录的HTTP请求将用户的登录信息携带在请求体发送给服务器，服务器中的UserServlet对其中的登陆数据进行解析并根据用户是否选择一定时期内免登录选择性创建cookie对象返回给客户端；并且调用Model层的UserDao对象查询底层数据路判断是否有该用户的信息，如果用户身份信息合法，则创建该用户的session会话对象，将该用户的信息添加用户本次的会话域当中并在查询结束后返回一个字符串格式的登录判定结果，前端负责登录的ajax请求在接收到这个登陆结果后进行弹窗提示和页面跳转。其中的doGet方法用于处理前端页面验证用户身份信息合法性的ajax请求，当前端发送这个请求时，后端的UserServlet试图获取该用户对应的session会话对象，如果获取成功，则说明用户身份信息合法；如果因非法登录和session过期等原因导致的用户身份信息失效，则会返回一个JSON格式的对象，前端页面解析这个JSON对象并且在用户身份信息不合法时给出弹窗提示并强制页面跳转到登陆页面；在身份信息合法时将用户信息加载到页面左侧的用户信息上。其中返回的JSON格式的数据前后端约定如下：

package com.shuai.blogapp.controller.servlet;

import com.fasterxml.jackson.databind.ObjectMapper;
import com.shuai.blogapp.model.bean.User;
import com.shuai.blogapp.model.dao.BlogDao;
import com.shuai.blogapp.model.dao.UserDao;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.*;
import java.io.IOException;

@WebServlet({"/user/loginIn", "/user/verify"})
public class UserServlet extends HttpServlet {
    private ObjectMapper objectMapper = new ObjectMapper();

    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        response.setContentType("text/html;charset=UTF-8");
        String username = request.getParameter("username");
        String password = request.getParameter("password");
        String remember = request.getParameter("remember");
        if (username == null || password == null || "".equals(username) || "".equals(password)) {
            response.getWriter().write("empty");
            return;
        }
        //检查用户名和密码是否正确
        UserDao userDao = new UserDao();
        User user = userDao.selectByName(username);
        if (user == null || !password.equals(user.getPassword())) {
            response.getWriter().print("error");
            return;
        }
        //登陆成功了
        //创建和该用户关联的session信息
        HttpSession session = request.getSession(true);
        session.setMaxInactiveInterval(60 * 60 * 12);
        Cookie usernameCookie = new Cookie("username", username);
        Cookie passwordCookie = new Cookie("password",password);
        usernameCookie.setMaxAge(60*60*24*10);
        passwordCookie.setMaxAge(60*60*24*10);
        //将cookie信息保存在客户端
        response.addCookie(usernameCookie);
        response.addCookie(passwordCookie);
        session.setAttribute("user", user);
        response.getWriter().print("success");
    }

    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        HttpSession session = request.getSession(false);    //获取该用户绑定的session信息
        response.setContentType("application/json;charset=utf8");
        User user = new User();
        if (session == null || session.getAttribute("user") == null) {
            user.setUsername("");
            user.setPassword("");
            response.getWriter().print(objectMapper.writeValueAsString(user));
            return;
        }
        user = (User) session.getAttribute("user");
        user.setPassword("");   //用户密码就不要返回给前端了
        long blogNum = new BlogDao().getBlogNumByUserId(user.getUserId());
        user.setBlogNum(blogNum);
        response.getWriter().write(objectMapper.writeValueAsString(user));  //用户信息存在，就返回这个用户信息
    }
}

5.2 UserRemLoginServlet

该小程序用于处理用户的记忆登录功能，在登陆页面加载时会先发送一个记忆登录的ajax请求，如果之前用户选择了一定时期内免登录的这个按钮，则这次的请求会携带之前服务器返回的用户信息的cookie。后台的UserRemLoginServlet尝试获取这些cookie对象并解析出包含用户信息的cookie，并将创建UserDao对象从数据库查询该用户信息，返回用户记忆登录的结果，前后端之间的约定如下：

package com.shuai.blogapp.controller.servlet;

import com.shuai.blogapp.model.bean.User;
import com.shuai.blogapp.model.dao.UserDao;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.*;
import java.io.IOException;

@WebServlet({"/user/remLogin"})
public class UserRemLoginServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        Cookie[] cookies = request.getCookies();
        response.setContentType("application/json;charset=utf8"); //以json的形式返回数据
        String username = null;
        String password = null;
        //遍历cookie信息，寻找用户保存的用户名和密码
        if (cookies != null) {
            for (Cookie cookie : cookies) {
                if ("username".equals(cookie.getName())) {
                    username = cookie.getValue();
                }
                if ("password".equals(cookie.getName())) {
                    password = cookie.getValue();
                }
            }
        }
        //如果username或者password为空，说明没有保存用户登录信息的cookie
        if (username == null || password == null) {
            response.getWriter().write("{\"ok\":\"0\"}");
            return;
        }
        //如果有用户名和密码，就连接数据库验证这个用户信息是否正确
        UserDao userDao = new UserDao();
        User user = userDao.selectByName(username);
        if (user == null || !password.equals(user.getPassword())) {
            //说明cookie中保存的用户信息不正确
            response.getWriter().write("{\"ok\":\"0\"}");
            return;
        }

        //用户信息正确
        //创建包含用户信息的session
        HttpSession session = request.getSession(true);
        session.setAttribute("user", user);
        //响应登录成功的结果给前端
        response.getWriter().write("{\"ok\":\"1\"}");
    }
}

5.3 UserLoginOutServlet

该后台小程序接收用户点击注销按钮时通过超链接发送的GET请求，当接收到请求后，会创建包含用户登录信息的同名cookie对象，并设置cookie对象的生命周期为0，将这些cookie添加到客户端更新原来的包含用户信息的cookie（即使得原来包含用户登录信息的cookie信息失效）。并且会从request对象中获取到该用户对应的session对象，并将会话域中的用户信息删除并使当前用户的session对象失效。然后重定向到登陆页面。页面得处理逻辑如下：

package com.shuai.blogapp.controller.servlet;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.*;
import java.io.IOException;

@WebServlet({"/user/loginOut"})
public class UserLoginOutServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        HttpSession session = request.getSession(false);
        if (session != null) {
            session.removeAttribute("user");
            Cookie usernameCookie = new Cookie("username", "");
            Cookie passwordCookie = new Cookie("password", "");
            usernameCookie.setMaxAge(0);
            passwordCookie.setMaxAge(0);
            response.addCookie(usernameCookie);
            response.addCookie(passwordCookie);
            session.invalidate();   //使该session对象失效
        }
        response.sendRedirect(request.getContextPath()+"/login.html");
    }
}

5.4 LoadAuthorInfoServlet

该Servlet用于在博客详情页面加载用户的详细信息，包括用户名、文章数，头像。当用户在博客列表页点击查看全文时会在查询字符串里携带待查寻博客的id跳转到详情页面，在详情页面加载时还是会先发送验证用户身份信息的ajax请求。通过后，将该当前页面URL中的blogId取出，携带这个参数发送请求到该Servlet，该小程序创建BlogDao对象查询改编号对应的blog是否存在，如果存在，则再根据查询到博客的作者信息去查询作者表中该作者的信息，并将查询结果响应给前端；如果不存在，则直接响应。该接口前后端之间的约定和响应流程如下：

package com.shuai.blogapp.controller.servlet;

import com.fasterxml.jackson.databind.ObjectMapper;
import com.shuai.blogapp.model.bean.Blog;
import com.shuai.blogapp.model.bean.User;
import com.shuai.blogapp.model.dao.BlogDao;
import com.shuai.blogapp.model.dao.UserDao;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;

@WebServlet({"/author/authorInfo"})
public class LoadAuthorInfoServlet extends HttpServlet {
    private ObjectMapper objectMapper = new ObjectMapper();
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        response.setContentType("application/json,charset=UTF-8");
        PrintWriter out = response.getWriter();
        String blogId = request.getParameter("blogId");
        //从数据库查询这篇博客的详细信息，返回这篇博客的作者编号
        BlogDao blogDao = new BlogDao();
        Blog blog = blogDao.queryBlogById(Integer.parseInt(blogId));
        User user = new User();
        if(blog == null) {
            user.setUserId(-1);
            out.write(objectMapper.writeValueAsString(user));
            return;
        }
        UserDao userDao = new UserDao();
        user = userDao.selectById(blog.getUserId());
        if(user == null) {
            User user1 = new User();
            user1.setUserId(0);
            out.write(objectMapper.writeValueAsString(user1));
            return;
        }
        user.setPassword("");
        //显示该用户的博客数量
        long blogNum = blogDao.getBlogNumByUserId(user.getUserId());
        user.setBlogNum(blogNum);
        out.write(objectMapper.writeValueAsString(user));
    }
}

5.5 BlogServlet

该小程序主要用于处理请求博客列表、加载博客详情内容以及进行博客的保存。其中，不论前端发送何种请求，都是先验证用户身份信息的合法性。通过验证后，当前端发送博客列表请求时，该Servlet中的doGet方法会从blog表中查询所有的blog信息，并对每一篇长度大于50的blog进行截取加工（优化前端页面博客列表的博客概要的显示）。将查询并加工后的所有博客信息响应给前端。该请求和响应接口的数据约定如下：

当前端发送博客详情请求时，该Servlet根据前端发送过来的blogId船舰BlogDao对象查询数据库并返回该blogId对应的博客全文。

当前端发送博客提交请求时，该Servlet的doPsot方法执行，在进行一系列用户以及用户博客信息的合法性验证后将该篇博客插入到底层数据库，其中该篇博客的用户编号从该用户的会话域中获取即可。

package com.shuai.blogapp.controller.servlet;

import com.fasterxml.jackson.databind.ObjectMapper;
import com.shuai.blogapp.model.bean.Blog;
import com.shuai.blogapp.model.bean.User;
import com.shuai.blogapp.model.dao.BlogDao;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import java.io.IOException;
import java.util.List;


@WebServlet(value = {"/blog/list","/blog/detail","/blog/save"})
public class BlogServlet extends HttpServlet {
    private ObjectMapper objectMapper = new ObjectMapper();

    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        response.setContentType("application/json;charset=UTF-8");
        String servletPath = request.getServletPath();
        BlogDao blogDao = new BlogDao();
        String responseJson = null;
        if("/blog/list".equals(servletPath)) {
            List blogs = blogDao.queryAll();
            for (Blog blog : blogs) {
                String content = blog.getContent();
                if (content.length() > 100) {
                    blog.setContent(content.substring(0, 100) + "...");
                }
            }
            responseJson = objectMapper.writeValueAsString(blogs);
        } else if("/blog/detail".equals(servletPath)) {
            String blogId = request.getParameter("blogId");
            int id = Integer.parseInt(blogId);
            Blog blog = blogDao.queryBlogById(id);
            responseJson = objectMapper.writeValueAsString(blog);
        }
        response.getWriter().write(responseJson);

    }


    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        request.setCharacterEncoding("utf8");
        HttpSession session = request.getSession(false);
        //这里要优化。万一用户编辑博客时间长，session过期，就会市区编辑的博客的内容了
        if(session == null) {
            //重定向到登录页面
            response.sendRedirect(request.getContextPath()+"/login.html");
            return;
        }
        User user = (User)session.getAttribute("user");
        if(user == null) {
            //重定向到登录页面
            response.sendRedirect(request.getContextPath()+"/login.html");
            return;
        }
        //保存客户端发送过来的内容
        String title = request.getParameter("title");
        String content = request.getParameter("content");
        int userId = user.getUserId();  //获取编辑这篇博客的作者编号
        BlogDao blogDao = new BlogDao();
        Blog blog = new Blog();
        blog.setContent(content);
        blog.setUserId(userId);
        blog.setTitle(title);
        blogDao.insertBlog(blog);
        //保存成功后跳转到博客列表页面
        response.sendRedirect(request.getContextPath() + "/blog_index.html");
    }
}

5.6 BlogDeleteServlet

根据前端页面发送过来的blogId，该Servlet创建BlogDao对象从blog表中将该篇blog删除，相应删除结果然后跳转到博客列表页。该接口的响应数据约定如下：

package com.shuai.blogapp.controller.servlet;


import com.shuai.blogapp.model.bean.Blog;
import com.shuai.blogapp.model.bean.User;
import com.shuai.blogapp.model.dao.BlogDao;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import java.io.IOException;

@WebServlet({"/blog/delete"})
public class BlogDeleteServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        request.setCharacterEncoding("UTF-8");
        response.setContentType("text/html;charset=utf8");
        String blogId = request.getParameter("blogId");
        HttpSession session = request.getSession(false);    //验证用户登陆状态
        if (session == null) {
            response.getWriter().print("login_out_of_date");
            return;
        }
        User user = (User) session.getAttribute("user");
        if (user == null) {
            response.getWriter().print("login_out_of_date");
            return;
        }
        BlogDao blogDao = new BlogDao();
        Blog blog = blogDao.queryBlogById(Integer.parseInt(blogId));
        if(blog == null) {
            response.getWriter().print("blog_not_exists");
            return;
        }
        if(user.getUserId() != blog.getUserId()) {
            response.getWriter().print("user_info_mismatching");
            return;
        }
        //到这里，初步确定信息无误，进行删除
        Blog blog1 = blogDao.deleteBlog(blog.getBlogId());
        if(blog1 != null) {
            response.getWriter().print("delete_success");
        } else {
            response.getWriter().print("delete_fault");
        }

    }
}