毕业设计 - 个人博客系统的设计与实现【源码+论文】-蒲公英云

毕业设计 - 个人博客系统的设计与实现【源码+论文】

文章目录

前言
一、项目设计
- 1. 模块设计
- - 博主功能用例
  - 游客功能用例
- 1. 实现效果
二、部分源码
项目工程

前言

今天学长向大家分享一个 Java web 毕业设计项目:

个人博客系统的设计与实现

一、项目设计

1. 模块设计

博主功能用例

在这里插入图片描述
1.登入功能
登入后台管理系统：首先进入登录页面，需要输入账号和密码。它会使用Shiro进行安全管理，对前台输入的密码进行加密运算，然后与数据库中的进行比较。成功后才能登入后台系统。
2.博客管理功能
博客管理功能分为写博客和博客信息管理。写博客是博主用来发表编写博客的，需要博客标题，然后选择博客类型，最后将博客内容填入百度的富文本编辑器中，点击发布博客按钮即可发布博客。
3.博客类别管理系统
博主类别管理系统可以添加，修改和删除博客类型名称和排序序号。将会显示到首页的按日志类别区域。游客可以从这里查找相关的感兴趣的博客内容。
4.评论管理功能
评论管理功能分为评论审核和评论信息管理两部分。评论审核是当有游客或自己发表了评论之后，博主需要在后台管理系统中审核评论。若想将此评论显示在页面上则点击审核通过，否则点击审核不通过。
5.个人信息管理功能
在这里可以修改博主的个人信息，可以修改昵称，个性签名，可以添加个人头像，修改个人简介。
6.系统管理功能
这里的功能有友情链接管理，修改密码，刷新系统缓存和安全退出。
友情链接管理可以添加，修改，删除友情链接网址。

游客功能用例

在这里插入图片描述

2. 实现效果

在这里插入图片描述

功能较多，这里就不一一展示了

二、部分源码

源码较多，文章篇幅有限，这里就不放上来了，仅展示小部分关键代码

部分代码示例：

登入系统后台管理登录页面，博主首先输入用户名和密码，它回去调用Controller层代码，然后进入业务层调用数据库的一些操作确认是否用户名密码正确，然后返回到前台就会登进去。
登录首页模块主要代码：
JSP代码：
使用form表单提交到后台进行数据验证：
<form action="${pageContext.request.contextPath}/blogger/login.do" method="post" onsubmit="return checkForm()">
        <DIV style="width: 165px; height: 96px; position: absolute;">
            <DIV class="tou">
            </DIV>
            <DIV class="initial_left_hand" id="left_hand">
            </DIV>
            <DIV class="initial_right_hand" id="right_hand">
            </DIV>
        </DIV>
        <P style="padding: 30px 0px 10px; position: relative;">
            <SPAN class="u_logo"></SPAN>
            <INPUT id="userName" name="userName" class="ipt" type="text" placeholder="请输入用户名" value="${blogger.userName }"> 
        </P>
        <P style="position: relative;">
            <SPAN class="p_logo"></SPAN>         
            <INPUT id="password" name="password" class="ipt"  type="password" placeholder="请输入密码" value="${blogger.password }">   
          </P>
        <DIV style="height: 50px; line-height: 50px; margin-top: 30px; border-top-color: rgb(231, 231, 231); border-top-width: 1px; border-top-style: solid;">
            <P style="margin: 0px 35px 20px 45px;">
            <SPAN style="float: left;"><a href="${pageContext.request.contextPath}/index.html">Java个人博客系统</a></SPAN> 
            <span><font color="red" id="error">${
    errorInfo }</font></span>
            <SPAN style="float: right;"> 
                  <input type="submit" value="登录"/> 
             </SPAN>         
             </P>
        </DIV>
    </DIV>
</form>
使用javascrip对输入的博主用户名和密码进行校验，若用户名或密码为空，提示错误信息来提醒用户， 用户再去查找错误。
function checkForm(){
    var userName=$("#userName").val();
    var password=$("#password").val();
    if(userName==null||userName==""){
        $("#error").html("用户名不能为空！");
        return false;
    }
    if(password==null||password==""){
        $("#error").html("密码不能为空！");
        return false;
    }
    return true;
}
java代码：使用MVC框架，对后台数据和前台form表单提交的数据进行交互                              
@Controller
@RequestMapping("/blogger")
public class BloggerController {
    @Resource
    private BloggerService bloggerService;
    /**
     * 用户登录
     * @param blogger
     * @param request
     * @return
     */
    @RequestMapping("/login")
    public String login(Blogger blogger,HttpServletRequest request){
        Subject subject=SecurityUtils.getSubject();
        UsernamePasswordToken token=new UsernamePasswordToken(blogger.getUserName(), CryptographyUtil.md5(blogger.getPassword(), "java1234"));
        try{
            subject.login(token); // 登录验证
            return "redirect:/admin/main.jsp";
        }catch(Exception e){
            e.printStackTrace();
            request.setAttribute("blogger", blogger);
            request.setAttribute("errorInfo", "用户名或密码错误！");
            return "login";
        }