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

谁借莪１个温暖的怀抱￠ 2024-03-17 20:16 88阅读 0赞

#### 文章目录 ####

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

--------------------

## 前言 ##

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

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

**项目获取：**  
[https://gitee.com/sinonfin/L-javaWebSha][https_gitee.com_sinonfin_L-javaWebSha]

## 一、项目设计 ##

### 1. 模块设计 ###

#### 博主功能用例 ####

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

#### 游客功能用例 ####

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hdGhvcl9zaW5vcg_size_1_color_FAFF2F_t_70]

### 2. 实现效果 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hdGhvcl9zaW5vcg_size_1_color_FAFF2F_t_70 1]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hdGhvcl9zaW5vcg_size_1_color_FAFF2F_t_70 2]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hdGhvcl9zaW5vcg_size_1_color_FAFF2F_t_70 3]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hdGhvcl9zaW5vcg_size_1_color_FAFF2F_t_70 4]

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

## 二、部分源码 ##

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

部分代码示例：

登入系统后台管理登录页面，博主首先输入用户名和密码，它回去调用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";
    		}

## 项目源码 ##

**项目获取：**  
[https://gitee.com/sinonfin/L-javaWebSha][https_gitee.com_sinonfin_L-javaWebSha]

[https_gitee.com_sinonfin_L-javaWebSha]: https://gitee.com/sinonfin/L-javaWebSha
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hdGhvcl9zaW5vcg_size_36_color_FAFF2F_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/779531dba07f4189a4ed2db87d142984.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hdGhvcl9zaW5vcg_size_1_color_FAFF2F_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/999c7828ac88430ca703802351278dbd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hdGhvcl9zaW5vcg_size_1_color_FAFF2F_t_70 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/2582f515afda4d318fc54c82efbf2d13.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hdGhvcl9zaW5vcg_size_1_color_FAFF2F_t_70 2]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/fa63885dcffa4c1b8bba233dabb05184.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hdGhvcl9zaW5vcg_size_1_color_FAFF2F_t_70 3]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/ce29b305b17b46d4be87a219135aa7c3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hdGhvcl9zaW5vcg_size_1_color_FAFF2F_t_70 4]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/14/2b73eb00731e437ca94229b2cb8c53cf.png