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

本文从实际博客的需求出发,设计并实现了基于B/S模式的个人博客系统。系统后台的使用“Springboot：Mybatis”框架,前台采用Thymeleaf内容模板引擎来渲染页面,数据库选用轻量级的Mysql,前台主要提供了博客文章、友情链接、关于我们等信息展示并可以在线评论和查看评论,后台主要提供了仪表盘;系统统计分析;、发布文章、文章管理、页面管理、评论管理、分类/标签管理、文件管理、友链管理、系统设置等功能,管理员通过登录到后台进行管理系统,最后使得系统可以稳定运行,界面风格良好,基本满足了设计目标。


系统包括前台功能模块和后台功能模块,这两大功能模块又包括了大大小小很多子模块。
前台功能模块主要包括浏览文章、文章搜索、在线评论、查看友链等子模块。
1、浏览文章：用户进入系统默认页就是博客文章的列表,若对某篇文章感兴趣,则可以点击进去查看具体的文章详情。
2、文章搜索：用户可以前台界面右上方的区域搜索自己想要搜索的文章,能够支持模糊查询,方便用户的筛选和查找。
3、在线评论：用户可以在文章最下方进行留言评论,交流和分享自己的想法,并能查看文章下的所有评论。
4、查看友链：用户可以点击友情链接的链接进行跳转到相关文章或网站。

环境需要
1.运行环境：最好是java jdk 1.8，这是目前最稳定的JDK也是被使用最多的JDK版本。
2.IDE环境：IDEA，Eclipse都可以。推荐IDEA;
3.tomcat环境：Tomcat7/Tomcat8/Tomcat9版本均可
4.硬件环境：windows 7/8/10 1G内存以上；或者 Mac OS；
5.数据库：MySql 5.7版本；
6.是否Maven项目：是；
技术栈
后端：Spring+SpringMVC+Mybatis+Springboot
前端：vue+CSS+JavaScript+jQuery+elementui

后台功能模块主要包括仪表盘、发布文章、文章管理、页面管理、评论管理、分类/标签管理、文件管理、友链管理、系统设置等子模块。
1、仪表盘：后台管理员输入账号密码登录成功进入到后台,后台的第一个界面就是仪表盘界面,可以通过仪表盘模块监控和统计系统数据,包括发表文章数量、收到的留言数量、上传的附件数量、友链的好友数量、最新文章情况、最新留言情况、系统日志均可以在此模块查看。
2、发布文章：可以通过此模块发布文章,发布文章时还提供了是否允许评论、允许订阅等功能。
3、文章管理：可以通过此模块查看所有文章的信息,并能重新编辑、删除及预览文章,其中预览文章可以预览发布后在前台的呈现效果。
4、页面管理：可以通过此模块发布页面,发布前台界面会菜单栏会出现后台发布的页面名称,点击后还可以调整到该页面。
5、评论管理：后台管理员可以管理前台用户的评论,前台用户评论的每一条留言,在评论管理中都会被审核,审核通过才会呈现给前台用户。
6、分类/标签管理：后台管理员可以对所有文章的类别或者标签进行管理,包括新增、修改、删除等操作。
7、文件管理：后台管理员可以通过此模块上传文件,支持多种格式的文件上传。
8、友链管理：后台管理员可以通过此模块对友情链接信息进行管理,包括链接的排序、删除、修改、新增等操作。
9、系统设置：系统设置包括全局设置、个性化设置、系统备份三个子模块,其中全局设置是对站点名称、主题、描述等方面的设置,个性化设置是对一些相关账号的关联设置,系统备份是对数据库数据备份,并可以导出Sql文件。

/**
 * 登录相关
 */
@RequestMapping("users")
@RestController
public class UserController{
	
	@Autowired
	private UserService userService;
	
	@Autowired
	private TokenService tokenService;

	/**
	 * 登录
	 */
	@IgnoreAuth
	@PostMapping(value = "/login")
	public R login(String username, String password, String captcha, HttpServletRequest request) {
		UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username));
		if(user==null || !user.getPassword().equals(password)) {
			return R.error("账号或密码不正确");
		}
		String token = tokenService.generateToken(user.getId(),username, "users", user.getRole());
		return R.ok().put("token", token);
	}
	
	/**
	 * 注册
	 */
	@IgnoreAuth
	@PostMapping(value = "/register")
	public R register(@RequestBody UserEntity user){
//    	ValidatorUtils.validateEntity(user);
    	if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {
    		return R.error("用户已存在");
    	}
        userService.insert(user);
        return R.ok();
    }

	/**
	 * 退出
	 */
	@GetMapping(value = "logout")
	public R logout(HttpServletRequest request) {
		request.getSession().invalidate();
		return R.ok("退出成功");
	}
	
	/**
     * 密码重置
     */
    @IgnoreAuth
	@RequestMapping(value = "/resetPass")
    public R resetPass(String username, HttpServletRequest request){
    	UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username));
    	if(user==null) {
    		return R.error("账号不存在");
    	}
    	user.setPassword("123456");
        userService.update(user,null);
        return R.ok("密码已重置为：123456");
    }
	
	/**
     * 列表
     */
    @RequestMapping("/page")
    public R page(@RequestParam Map<String, Object> params,UserEntity user){
        EntityWrapper<UserEntity> ew = new EntityWrapper<UserEntity>();
    	PageUtils page = userService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.allLike(ew, user), params), params));
        return R.ok().put("data", page);
    }

	/**
     * 列表
     */
    @RequestMapping("/list")
    public R list( UserEntity user){
       	EntityWrapper<UserEntity> ew = new EntityWrapper<UserEntity>();
      	ew.allEq(MPUtil.allEQMapPre( user, "user")); 
        return R.ok().put("data", userService.selectListView(ew));
    }

    /**
     * 信息
     */
    @RequestMapping("/info/{id}")
    public R info(@PathVariable("id") String id){
        UserEntity user = userService.selectById(id);
        return R.ok().put("data", user);
    }
    
    /**
     * 获取用户的session用户信息
     */
    @RequestMapping("/session")
    public R getCurrUser(HttpServletRequest request){
    	Long id = (Long)request.getSession().getAttribute("userId");
        UserEntity user = userService.selectById(id);
        return R.ok().put("data", user);
    }

    /**
     * 保存
     */
    @PostMapping("/save")
    public R save(@RequestBody UserEntity user){
//    	ValidatorUtils.validateEntity(user);
    	if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {
    		return R.error("用户已存在");
    	}
        userService.insert(user);
        return R.ok();
    }

    /**
     * 修改
     */
    @RequestMapping("/update")
    public R update(@RequestBody UserEntity user){
//        ValidatorUtils.validateEntity(user);
        userService.updateById(user);//全部更新
        return R.ok();
    }

    /**
     * 删除
     */
    @RequestMapping("/delete")
    public R delete(@RequestBody Long[] ids){
        userService.deleteBatchIds(Arrays.asList(ids));
        return R.ok();
    }
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138

目录
1 绪论 1
1.1课题背景 1
1.2课题研究现状 1
1.3初步设计方法与实施方案 2
1.4本文研究内容 2
2 系统开发环境 4
2.1 使用工具简介 4
2.2 环境配置 4
2.3 B/S结构简介 4
2.4 MySQL数据库 5
2.5 框架介绍 5
3 系统分析 6
3.1系统可行性分析 6
3.1.1经济可行性 6
3.1.2技术可行性 6
3.1.3运行可行性 6
3.2系统现状分析 6
3.3功能需求分析 7
3.4系统设计规则与运行环境 8
3.5系统流程分析 8
3.5.1操作流程 8
3.5.2添加信息流程 9
3.5.3删除信息流程 10
4 系统设计 11
4.1系统设计主要功能 11
4.2数据库设计 11
4.2.1数据库设计规范 11
4.2.2 E/R图 11
4.2.3数据表 12
5 系统实现 25
5.1系统功能模块 25
5.2后台模块 27
5.2.1管理员功能模块 27
5.2.2用户功能模块 30
6 系统测试 33
6.1功能测试 33
6.2可用性测试 33
6.3性能测试 34
6.4测试结果分析 34
7结 论 35
参考文献 36
致 谢 37