【开源免费】基于SpringBoot+Vue.JS个人博客系统（JAVA毕业设计）

本文项目编号 $T203，文末自助获取源码$

一、系统介绍

程序的功能在系统分析这部分已经确定了，这部分主要还是针对程序功能进行更加详细的设计，设计成果使用结构图展示直观明了，也更容易让人理解。绘制结构图采用的工具是Visio，使用它可以快速绘制出不同角色拥有的功能结构。

随着国内市场经济这几十年来的蓬勃发展，突然遇到了从国外传入国内的互联网技术，互联网产业从开始的群众不信任，到现在的离不开，中间经历了很多挫折。本次开发的个人博客系统，有管理员，用户，博主三个角色。管理员功能有个人中心，用户管理，博主管理，文章分类管理，博主文章管理，系统公告管理，轮播图管理。博主可以注册登录，修改个人信息，对自己发布的博主文章进行管理操作。用户可以注册登录，查看管理员发布的公告信息和博主发布的文章信息，还可以对博主文章进行收藏评论以及评论操作。开发本程序后台用到了Spring Boot开发技术，页面设计采用VUE框架和layui样式。数据库采用关系数据库市场占有率最高的MySQL作为本程序使用的数据库，完全符合程序使用并且有丰富的拓展余地。程序从需求到设计，从开发到测试，都在功能上和性能上都不断的进行了调试，让开发的程序在使用上用户体验更美好。

二、数据库设计

在上述内容中，已经设计出相应的E-R模型，就可以在数据库里面根据各个实体创建相应的数据表，不过在初次使用数据库工具的时候，是需要创建一个针对程序的数据库文件，有了此步操作之后，才在刚创建的数据库文件里面创建数据表，创建数据表需要涉及到字段的设计，主键的设计，字段长度与类型的设计等内容，只有设计好的数据表结构才可以按照此规则存放对应的程序数据。这里举个例子，就拿上面提到的用户实体来说吧，用户具备的属性值，比如账号，比如联系方式与电话等都可以设计成该用户数据表里面的字段，然后对这些字段设计其数据类型，长度，并选择该表的主键作为此用户数据表的唯一标志。数据库里面的各个数据表都有它们的主键，这样也是为了方便区分各个数据表。

三、配套教程

3.1 启动教程

3.2 讲解视频

3.3 二次开发教程

四、功能截图

管理员可以对用户信息进行添加，修改，删除，查询操作。

管理员可以对文章分类信息进行添加，修改，删除，查询操作。

管理员可以对公告信息进行添加，修改，删除，查询操作。

管理员可以对博主信息信息进行添加，修改，删除，查询操作。

博主可以对自己发布过的博主文章信息进行添加，修改，删除，查询操作，还可以查看评论。

用户可以在博主文章里面查看到博主发布的文章信息，可以对博主文章信息进行查看，收藏，赞踩，评论操作。

我的收藏里面可以看到自己收藏过的博主文章信息，可以去点击收藏的信息去取消收藏。

五、文案资料

5.1 选题背景

在这个推荐个性化的时代，采用新技术开发一个博客系统来分享和展示内容是一个永恒不变的需求。本次设计的个人博客系统有管理员，用户，博主三个角色。管理员功能有个人中心，用户管理，博主管理，文章分类管理，博主文章管理，系统公告管理，轮播图管理。博主可以注册登录，修改个人信息，对自己发布的博主文章进行管理操作。用户可以注册登录，查看管理员发布的公告信息和博主发布的文章信息，还可以对博主文章进行收藏评论以及评论操作。

5.2 国内外研究现状

通过网络进行文章的转移展示，可以让用户和博主都能感受到互联网的魅力，让用户解除了地理的远近的限制和降低欣赏时间的成本。本次开发的个人博客系统具有下面的意义：

第一，现实中租赁场地欣赏文章与互联网办公设备的费用比较起来可谓是天上地下，能有效的节约成本。

第二，用户和博主都可以通过网络查看，避免了线下来回路费的实际成本。

综上所述，网络展示可以让展示变得更加灵活，是对传统展示模式的突破与变革，对于众多用户以及博主都有很强烈的吸引力和亲和力，在互联网时代真正实现了多环节的多赢。

六、核心代码

6.1 查询数据

    @RequestMapping("/lists")
    public R list( GukeEntity guke){
       	EntityWrapper<GukeEntity> ew = new EntityWrapper<GukeEntity>();
      	ew.allEq(MPUtil.allEQMapPre( guke, "guke")); 
        return R.ok().put("data", gukeService.selectListView(ew));
    }

6.2 新增数据

    @RequestMapping("/add")
    public R add(@RequestBody GukeEntity guke, HttpServletRequest request){
    	guke.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
    	//ValidatorUtils.validateEntity(guke);
    	GukeEntity user = gukeService.selectOne(new EntityWrapper<GukeEntity>().eq("zhanghao", guke.getZhanghao()));
		if(user!=null) {
			return R.error("用户已存在");
		}
		guke.setId(new Date().getTime());
        gukeService.insert(guke);
        return R.ok();
    }

6.3 删除数据

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

本文项目编号 T203，希望给大家带来帮助！