基于SSM的个人博客系统设计与实现（Java+MySQL）

梦里梦外; 2024-04-01 16:38 42阅读 0赞

目 录

第一章 绪论 1  
第二章 相关技术介绍 2  
2.1 B/S 简介 2  
2.2 JAVA 简介 2  
2.3 JSP 简介 3  
2.4 springMVC简介 3  
第三章 可行性分析 4  
3.1 技术可行性分析 4  
3.2 经济可行性分析 4  
3.3 操作可行性 4  
3.4 法律可行性 4  
第四章 系统设计 5  
4.1 系统总流程 5  
4.2 博主用例 6  
4.3 游客用例 7  
4.4 系统类 9  
4.5 E-R图 11  
4.6 系统表设计 14  
第五章 系统实现 16  
5.1 登录模块 16  
5.1.1 博主登录 16  
5.2 博客管理模块： 19  
5.2.1 博客查询 19  
5.2.2 博客新建 21  
5.2.3 博客修改 23  
5.2.4 博客删除 25  
5.3 博客类别管理模块 26  
5.3.1 添加博客类别 26  
5.3.2 修改博客类别 28  
5.3.3 删除博客类别 30  
5.3.4 显示博客类别 32  
5.4 评论管理模块 34  
5.4.1 审核评论 34  
5.4.2 删除评论 36  
第六章 系统测试 38  
6.1 前台模块测试 38  
6.2 后台模块测试 38  
参考文献 41  
致 谢 42  
第三章 可行性分析  
3.1 技术可行性分析  
本系统管理项目使用的是maven，数据库连接使用的是mybatis,数据库使用的是mysql,接受浏览器请求并处理的是使用springmvc,他们都是经过市场检验的，都已经十分成熟了，在安全性、可用性、可靠性等方面都是可以值得肯定的  
3.2 经济可行性分析  
本系统使用的技术框架都是开源框架，比如spring，springmvc,mybatis.而使用的数据库也是开源免费的mysql,使用的开发软件eclipse也是免费的，人员就本人一个也是免费的。所以在经济上消费很低，在经济可行性分析中是可以确定可行的。  
3.3 操作可行性  
个人博客系统开发结合个人需求而开发，能解决用户可以通过互联网来展现自己等诸多问题，因此该项目符合开发条件，具有成熟的基础，并且，从前面的分析来看，技术上的操作是十分成熟并且开源免费广为人们使用，从系统的操作上是可行的。  
第四章 系统设计  
4.1 系统总流程  
![在这里插入图片描述][3e478d5c406a43c98c320427241e5248.png]

图4-1 系统流程图

本个人博客系统分为两个角色，分别是博主和游客。只有博主才能登录后台管理系统，进行博客发表。  
1.首先要通过用户名和密码登录后台管理系统，才能发布博客。  
2.博主和游客都可以阅读博客。  
3.博主和游客都可以发表评论。  
4.经过博主的评论审核，评论才可以发布。  
5.此时博主和游客才可以观看到评论。  
4.2 博主用例  
![在这里插入图片描述][2ca919d358b5429eb3e43d82c00824ce.png]

图4-2博主用例图

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

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

![在这里插入图片描述][f67cffcb6f6b41f099b6dd016fc9888a.png_pic_center]  
![在这里插入图片描述][181373ff99cf4b8ab8a2e85e83cde265.png_pic_center]  
![在这里插入图片描述][b7f8b2e532ad4e47ba32ad65805d8d69.png_pic_center]  
![在这里插入图片描述][9b70d31c05d9482a865708c8ff6e84a6.png_pic_center]  
![在这里插入图片描述][a6cd6c9e245049ff912eb479bcf95d67.png_pic_center]  
![在这里插入图片描述][6335bf05292e464db3c95d297f4570e9.png_pic_center]  
![在这里插入图片描述][5b670d36d023491c90d308ae10507d41.png_pic_center]  
![在这里插入图片描述][1ecd36b3110743e8812f12af4eeb66a8.png_pic_center]  
![在这里插入图片描述][4764e789144d4df9bec1c3bce2c191ff.png_pic_center]  
![在这里插入图片描述][2e6333c0108f466b82b00fb9ed207e4b.png_pic_center]  
![在这里插入图片描述][fe9902211ea74a9e85e9304723a48728.png_pic_center]  
![在这里插入图片描述][6eaf3077c9244e09b496fcff263996d9.png_pic_center]  
![在这里插入图片描述][a7264d15b91b4fc998d005ed4fe491ae.png_pic_center]  
![在这里插入图片描述][17687e060c604baeaebe87a759eb5908.png_pic_center]  
![在这里插入图片描述][674dc7060e1b4b11b7a92acac7300de6.png_pic_center]  
![在这里插入图片描述][d0c9a4d046b149718ff617f755b264f8.png_pic_center]  
![在这里插入图片描述][3b73fadb28304c979c387b2eecd9139e.png_pic_center]  
![在这里插入图片描述][839ef9889ade4096853a5ea0c075c949.png_pic_center]  
![在这里插入图片描述][cc7f87bcaf8144e5a39379fb53082a3f.png_pic_center]  
![在这里插入图片描述][db1657f067ab409ca40321cc58fdd55a.png_pic_center]  
![在这里插入图片描述][d16b2324a93349818640b648999c74b7.png_pic_center]

[3e478d5c406a43c98c320427241e5248.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/c02177c1fcd548b6b929406f31bb5120.png
[2ca919d358b5429eb3e43d82c00824ce.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/1e967fe26e704d22b1a4115dcfd3c819.png
[f67cffcb6f6b41f099b6dd016fc9888a.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/f71d1f8f6df247848ebbb05f88f35779.png
[181373ff99cf4b8ab8a2e85e83cde265.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/3a9ea1f2e275439a8fc472ae06108595.png
[b7f8b2e532ad4e47ba32ad65805d8d69.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/be73f15e75b0452bb7d1f408ac114d4b.png
[9b70d31c05d9482a865708c8ff6e84a6.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/a9981f11844548758af08e38464890bb.png
[a6cd6c9e245049ff912eb479bcf95d67.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/1873f9ff3f5c4f2da62f7e9d8e05080c.png
[6335bf05292e464db3c95d297f4570e9.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/689c3451e7dc478a90bf58b3f1912269.png
[5b670d36d023491c90d308ae10507d41.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/294ea90f6f664ad5b26ba9c41ac786d7.png
[1ecd36b3110743e8812f12af4eeb66a8.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/a1e203a017714e1ca761dc301bcb3f61.png
[4764e789144d4df9bec1c3bce2c191ff.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/bc23ad3f92624274a48301981888daa4.png
[2e6333c0108f466b82b00fb9ed207e4b.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/e4960ff0692741c5bf885e3b7e17a917.png
[fe9902211ea74a9e85e9304723a48728.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/10697dc2d7be403f97b59a2e9c33bcff.png
[6eaf3077c9244e09b496fcff263996d9.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/eacdc85baa3d4d1797d7b4adac7d75eb.png
[a7264d15b91b4fc998d005ed4fe491ae.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/d57c7ac0908a43c59693915489eee01a.png
[17687e060c604baeaebe87a759eb5908.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/5f9b98a4e5e54efdba29f661c5ef859e.png
[674dc7060e1b4b11b7a92acac7300de6.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/8c3d738dacfe4500bb1e549bc0c4aad4.png
[d0c9a4d046b149718ff617f755b264f8.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/8258cc4ecabe4bf1a4d0385daac969eb.png
[3b73fadb28304c979c387b2eecd9139e.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/0e9f5f0a73624c17b260e59b90c85ed3.png
[839ef9889ade4096853a5ea0c075c949.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/f862eb4bbff34b1abcc7a7d402c65868.png
[cc7f87bcaf8144e5a39379fb53082a3f.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/e2aeeb0efdf64e839047b2e22590f8ca.png
[db1657f067ab409ca40321cc58fdd55a.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/bac017e1a93e4ff794b2b86e9a934d3c.png
[d16b2324a93349818640b648999c74b7.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/8b556c40f1994827be8358f740f9c398.png