本文从实际博客的需求出发,设计并实现了基于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 绪论 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