个人博客|移动端app博客|博客app
目录
基于Springboot+微信小程序的个人博客app系统设计与实现
[1 前台功能的实现](#1 前台功能的实现)
博主介绍：✌️大厂码农|毕设布道师，阿里云开发社区乘风者计划专家博主，CSDN平台Java领域优质创作者，专注于大学生项目实战开发、讲解和毕业答疑辅导。✌️
主要项目：小程序、SpringBoot、SSM、Vue、Html、Jsp、Nodejs等设计与开发。
🍅文末获取源码联系🍅
基于Springboot+微信小程序的个人博客app系统设计与实现
一、前言
本文以博客系统的设计与实现为例，提出了利用Android 平台开发设计和实现个人博客应用的思想，并对其制作过程和结果进行了研究和展示。个人博客系统是基于B/S架构模式，有针对性地采用uniapp 与springboot框架，管理员数据库系统选用MYSQL数据库。系统主要分为前端用户和后台管理员两个部分，用户功能模块包括个人中心、博客信息、我的收藏管理、在线客服、我要发贴、我的发帖等功能模块；管理员包括个人中心、用户管理、博客信息管理、博客分类管理、博客论坛、系统管理等功能模块。
全文首先分析了课题的研究背景和研究现状，然后根据系统开发流程分析了系统的可行性和需求。然后，通过对系统总体功能模块的设计，绘制了系统的功能模块图，并设计了整个数据库的结构。根据设计的框架，实现了系统的各个功能模块。最后，对设计的系统进行测试。测试结果表明，系统能够实现所需的功能，达到了预期的效果，运行状况良好。
关键词：个人博客；springboot；MYSQL数据库
二、系统功能设计
程序的功能在系统分析这部分已经确定了，这部分主要还是针对程序功能进行更加详细的设计，设计成果使用结构图展示直观明了，也更容易让人理解。
图4-1 系统架构图
图4-2 系统功能模块包图
三、系统实现
1 前台功能的实现
登录界面的实现
首先双击打开App，连上网络之后会显示出本系统的登录界面，这是进入App的第初始页面"登录"，能成功进入到该登录界面则代表App的开启是成功的，接下来就可以操作本系统所带有的其他所有的功能。
登录界面如图5-1所示。
图5-1 登录界面
系统首页功能的实现
系统首页是用户注册登录后进入的第一个界面，用户可通过app端首页的最下面的那一行导航栏中的"博客信息和博客论坛"进入到相应的网页进行操作；点击"我的"进入我的页面，在我的页面可以对个人中心、博客信息、我的收藏管理、在线客服、我要发贴、我的发帖等进行详细操作。系统首页界面如图5-3所示。
图5-3 app首页界面图
博客信息
在博客信息界面可以查看到博客信息详情，按照提示即可完成评论或收藏。博客信息详情如图5-4所示。
图5-4博客信息详情界面图
用户功能
用户登录成功进入app首页后，点击"我的"进入我的页面，在我的页面可以对个人中心、博客信息、我的收藏管理、在线客服、我要发贴、我的发帖等进行详细操作。我的界面如图5-5所示。
图5-5用户功能界面图
2后台管理员的实现
后台登录，管理员通过填写用户名和密码等信息进行登录操作，如图5-6所示。
图5-6后台管理员登录界面图
管理员登录进入app可以对首页、个人中心、用户管理、博客信息管理、博客分类管理、博客论坛、系统管理等功能进行详细操作，如图5-7所示。
图5-7管理员功能界面图
用户管理；在用户管理页面输入用户账号进行查询，新增或删除用户详细信息，进入用户页面可以对用户信息进行详情，修改或删除操作；如图5-8所示。
图5-8用户管理界面图
博客信息管理；在博客信息管理页面输入博客标题，选择博客分类和是否通过进行查询，新增或删除博客详细信息，进入博客信息页面可以对博客信息进行详情，修改，查看评论或删除操作；如图5-9所示。
图5-9博客信息管理界面图
博客论坛；在博客论坛页面输入帖子标题进行查询、新增或删除博客论坛详细信息，进入博客论坛页面可以对博客论坛信息进行详情、修改、查看评论或删除；如图5-11所示。
图5-11博客论坛界面图
四、数据库设计
1、实体ER图
个人博客系统的E-R图如下图所示：
用户实体属性图如下。
图4-5 用户实体属性图
博客信息实体属性图如下：
图4-6博客信息实体属性图
博客资讯实体属性图如下：
图4-7博客资讯实体属性图
2、具体的表设计如下所示：
系统公告表
|----|--------------|--------|------|-----|
| 序号 | 列名 | 数据类型 | 说明 | 允许空 |
| 1 | Id | Int | id | 否 |
| 2 | addtime | Date | 创建时间 | 是 |
| 3 | title | String | 标题 | 是 |
| 4 | introduction | String | 简介 | 是 |
| 5 | picture | String | 图片 | 是 |
| 6 | content | String | 内容 | 是 |
博主文章表
|----|-----------------|----------|--------|-----|
| 序号 | 列名 | 数据类型 | 说明 | 允许空 |
| 1 | Id | Int | id | 否 |
| 2 | addtime | Date | 创建时间 | 是 |
| 3 | wenzhangbiaoti | String | 文章标题 | 是 |
| 4 | wenzhangfenlei | String | 文章分类 | 是 |
| 5 | tupian | String | 图片 | 是 |
| 6 | bozhuhao | String | 博主号 | 是 |
| 7 | bozhuming | String | 博主名 | 是 |
| 8 | fabushijian | datetime | 发布时间 | 是 |
| 9 | jianshu | String | 简述 | 是 |
| 10 | wenzhangneirong | String | 文章内容 | 是 |
| 11 | thumbsupnum | Integer | 赞 | 是 |
| 12 | crazilynum | Integer | 踩 | 是 |
| 13 | clicktime | datetime | 最近点击时间 | 是 |
| 14 | clicknum | Integer | 点击次数 | 是 |
博主文章评论表
|----|----------|---------|-------|-----|
| 序号 | 列名 | 数据类型 | 说明 | 允许空 |
| 1 | Id | Int | id | 否 |
| 2 | addtime | Date | 创建时间 | 是 |
| 3 | refid | Integer | 关联表id | 是 |
| 4 | userid | Integer | 用户id | 是 |
| 5 | nickname | String | 用户名 | 是 |
| 6 | content | String | 评论内容 | 是 |
| 7 | reply | String | 回复内容 | 是 |
博主表
|----|----------------|---------|------|-----|
| 序号 | 列名 | 数据类型 | 说明 | 允许空 |
| 1 | Id | Int | id | 否 |
| 2 | addtime | Date | 创建时间 | 是 |
| 3 | bozhuhao | String | 博主号 | 是 |
| 4 | bozhuming | String | 博主名 | 是 |
| 5 | mima | String | 密码 | 是 |
| 6 | xingbie | String | 性别 | 是 |
| 7 | nianling | Integer | 年龄 | 是 |
| 8 | lianxidianhua | String | 联系电话 | 是 |
| 9 | dianziyouxiang | String | 电子邮箱 | 是 |
| 10 | touxiang | String | 头像 | 是 |
| 11 | jianjie | String | 简介 | 是 |
五、核心代码
java
package com.service.impl;
import org.springframework.stereotype.Service;
import java.util.Map;
import java.util.List;
import com.baomidou.mybatisplus.mapper.Wrapper;
import com.baomidou.mybatisplus.mapper.EntityWrapper;
import com.baomidou.mybatisplus.plugins.Page;
import com.baomidou.mybatisplus.service.impl.ServiceImpl;
import com.utils.PageUtils;
import com.utils.Query;
import com.dao.WenzhangfenleiDao;
import com.entity.WenzhangfenleiEntity;
import com.service.WenzhangfenleiService;
import com.entity.vo.WenzhangfenleiVO;
import com.entity.view.WenzhangfenleiView;
@Service("wenzhangfenleiService")
public class WenzhangfenleiServiceImpl extends ServiceImpl<WenzhangfenleiDao, WenzhangfenleiEntity> implements WenzhangfenleiService {
@Override
public PageUtils queryPage(Map<String, Object> params) {
Page<WenzhangfenleiEntity> page = this.selectPage(
new Query<WenzhangfenleiEntity>(params).getPage(),
new EntityWrapper<WenzhangfenleiEntity>()
);
return new PageUtils(page);
}
@Override
public PageUtils queryPage(Map<String, Object> params, Wrapper<WenzhangfenleiEntity> wrapper) {
Page<WenzhangfenleiView> page =new Query<WenzhangfenleiView>(params).getPage();
page.setRecords(baseMapper.selectListView(page,wrapper));
PageUtils pageUtil = new PageUtils(page);
return pageUtil;
}
@Override
public List<WenzhangfenleiVO> selectListVO(Wrapper<WenzhangfenleiEntity> wrapper) {
return baseMapper.selectListVO(wrapper);
}
@Override
public WenzhangfenleiVO selectVO(Wrapper<WenzhangfenleiEntity> wrapper) {
return baseMapper.selectVO(wrapper);
}
@Override
public List<WenzhangfenleiView> selectListView(Wrapper<WenzhangfenleiEntity> wrapper) {
return baseMapper.selectListView(wrapper);
}
@Override
public WenzhangfenleiView selectView(Wrapper<WenzhangfenleiEntity> wrapper) {
return baseMapper.selectView(wrapper);
}
}六、论文参考
七、最新计算机毕设选题推荐
八、源码获取：
大家点赞、收藏、关注、评论 啦 、👇🏻获取联系方式在文章末尾👇🏻