基于 SpringBoot+Vue+MySql 的家乡特色菜系统研究与实现

╰+攻爆jí腚メ 2023-09-29 23:41 6阅读 0赞

#### 文章目录 ####

*  1. 简介
 *  2. 技术栈
 *  3. 系统流程分析
 *  4系统设计
 *   *  4.1数据库设计
     *  4.2系统整体设计
     *   *  4.2.1系统设计思想
         *  4.2.2系统流程图
 *  5系统详细设计
 *   *  5.1系统功能模块
     *  5.2管理员功能模块
 *  源码下载地址

## 1. 简介 ##

![image-20230318232308154][]

家乡特色推荐系统，基于 SpringBoot 开发的，功能完整，包括源码和部署教程。可用于毕业设计和课程设计

本次设计任务是要设计一个家乡特色推荐系统，通过这个系统能够满足家乡特色文章的管理功能。系统的主要功能包括首页，个人中心，用户管理，文章分类管理，文章分享管理，系统管理等。

管理员可以根据系统给定的账号进行登录，登录后可以进入家乡特色推荐系统，对所有模块进行管理。包括查看和修改自己的个人信息以及登录密码。

该系统为每一个用户都分配了一个用户账号，用户通过账号的登录可以在系统中查看家乡特色文章信息及对个人信息进行修改等功能

## 2. 技术栈 ##

开发语言：Java

框架：springboot

JDK版本：JDK1.8

服务器：tomcat7

数据库：mysql 5.7（一定要5.7版本）

数据库工具：Navicat11

开发软件：eclipse/myeclipse/idea

Maven包：Maven3.3.9

浏览器：谷歌浏览器

## 3. 系统流程分析 ##

家乡特色推荐系统是两种身份的用户，主要涉及管理员和用户。每个身份都是操作起来都是清楚方便的。对于一些家乡特色文章信息，这是任何人都可以查看的，但是如果用户想进入后台进行操作，则必须是已经进行登录的用户，或者想修改家乡特色文章信息的话，也是需要用户为登录状态。这些用户的基本信息都由管理员对其统一管理。

根据家乡特色文章实际过程的分析，网站有以下几个部分，其中用户注册，发布个人信息，修改个人信息；用户注册登录，发布家乡特色文章信息；管理员管理用户信息。以上业务过程从用户角度可以分为两类使用本系统的用户角色，包括管理员和用户。以下针对各类用户说明相应的业务过程。

系统用例图如下图3-2所示：

![img][]

## 4系统设计 ##

家乡特色菜管理系统包括前后端的所有代码，还有论文，如果有需要的话，可以点击查看[源码地址][Link 1]

### 4.1数据库设计 ###

信息管理系统的效率和实现的效果完全取决于数据库结构设计的好坏。为了保证数据的完整性，提高数据库存储的效率，那么统一合理地设计数据库结构是必要的。数据库设计一般包括如下几个步骤：

（1）根据用户需求，确定数据库信息进行保存

对用户的需求分析是数据库设计的第一阶段，用户的需求调研，熟悉小区运作流程，系统要求，这些都是以概念模型为基础的。

（2）设计数据的概念模型

概念模型与数据建模用户的观点一致，用于信息世界的建模工具。通过E-R图可以清楚地描述系统涉及到的实体之间的相互关系。

用户注册实体图如图4-1所示：

![img][img 1]

图4-1用户注册实体图

文章分享实体图如图4-2所示：

![img][img 2]

图4-2文章分享实体图

（3）数据库逻辑结构分析

数据库概念结构设计后，可以数据库概念转化实际的数据模型，这是一种数据库的逻辑结构，就是将概念结构与支持数据库管理系统的模型相符合。具体的表设计如下所示：

表4-1：用户表

表4-2：token表

表4-3：收藏表

表4-4：资讯信息

表4-5：文章分享评论表

表4-6：配置文件

表4-7：用户

<table> 
 <thead> 
  <tr> 
   <th>字段名称</th> 
   <th>类型</th> 
   <th>长度</th> 
   <th>字段说明</th> 
   <th>主键</th> 
   <th>默认值</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>id</td> 
   <td>bigint</td> 
   <td></td> 
   <td>主键</td> 
   <td>主键</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>addtime</td> 
   <td>timestamp</td> 
   <td></td> 
   <td>创建时间</td> 
   <td></td> 
   <td>CURRENT_TIMESTAMP</td> 
  </tr> 
  <tr> 
   <td>yonghuming</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>用户名</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>xingming</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>姓名</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>touxiang</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>头像</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>mima</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>密码</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>xingbie</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>性别</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>shouji</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>手机</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>sfsh</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>是否审核</td> 
   <td></td> 
   <td>否</td> 
  </tr> 
  <tr> 
   <td>shhf</td> 
   <td>longtext</td> 
   <td>4294967295</td> 
   <td>审核回复</td> 
   <td></td> 
   <td></td> 
  </tr> 
 </tbody> 
</table>

表4-8：文章分享

<table> 
 <thead> 
  <tr> 
   <th>字段名称</th> 
   <th>类型</th> 
   <th>长度</th> 
   <th>字段说明</th> 
   <th>主键</th> 
   <th>默认值</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>id</td> 
   <td>bigint</td> 
   <td></td> 
   <td>主键</td> 
   <td>主键</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>addtime</td> 
   <td>timestamp</td> 
   <td></td> 
   <td>创建时间</td> 
   <td></td> 
   <td>CURRENT_TIMESTAMP</td> 
  </tr> 
  <tr> 
   <td>biaoti</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>标题</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>tupian</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>图片</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>wenzhangfenlei</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>文章分类</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>jianshu</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>简述</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>wenzhangxiangqing</td> 
   <td>longtext</td> 
   <td>4294967295</td> 
   <td>文章详情</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>fabushijian</td> 
   <td>datetime</td> 
   <td></td> 
   <td>发布时间</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>yonghuming</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>用户名</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>xingming</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>姓名</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>sfsh</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>是否审核</td> 
   <td></td> 
   <td>否</td> 
  </tr> 
  <tr> 
   <td>shhf</td> 
   <td>longtext</td> 
   <td>4294967295</td> 
   <td>审核回复</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>clicktime</td> 
   <td>datetime</td> 
   <td></td> 
   <td>最近点击时间</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>clicknum</td> 
   <td>int</td> 
   <td></td> 
   <td>点击次数</td> 
   <td></td> 
   <td>0</td> 
  </tr> 
 </tbody> 
</table>

表4-9：文章分类

### 4.2系统整体设计 ###

#### 4.2.1系统设计思想 ####

系统确定了各项需求，完成了系统的分析和数据库的设计，它就可以根据网站的特点决定网站的发展模式，才能实现代码。通过对网站的分析，这个网站是属于一个小项目，所完成的功能相对简单，就是对数据的基本操作。从而决定采用B/S开发模式。该模型的基本过程是：当用户访问网站的浏览器，或从用户向服务器发送请求时，通过接收请求，然后调用数据访问逻辑运算如比，将结果返回给将结果返回到用户通过浏览器。

使用开发的模型时，我们要把一些常用的，可以重复使用了java技术。当用户浏览网页，很多网页上的信息是从数据库动态删除，这就要求网页必须有数据库操作的能力，如连接数据库和数据表，更新。一个网站包含多个相同的网页，实现数据库操作功能的、代码就需要在不一样的网页中重复的被使用，这样不仅降低了工作的效率，一般也会给维护带来较大的麻烦。为了弥补这一缺陷，功能代码应该在java中完整的数据库操作，可以使用在每一个页面上。

#### 4.2.2系统流程图 ####

下图是用户进入这个家乡特色推荐系统后，基本的操作流程。

![img][img 3]

## 5系统详细设计 ##

### 5.1系统功能模块 ###

家乡特色推荐系统，在系统首页可以查看首页，文章分享，资讯信息，个人中心，后台管理等内容进行详细操作，如图5-1所示。

![image-20230318232239205][]

用户注册，在用户注册页面通过填写用户名，密码，确认密码，姓名，手机等信息完成用户注册，如图5-2所示。

![image-20230318232323236][]

文章分享，在文章分享页面可以查看文章分类，简述，发布时间，用户名，姓名，点击次数等详细内容，并进行评论和收藏操作，如图5-3所示。

![image-20230318232308154][]

个人中心，在个人中心页面通过填写用户名，姓名，图片，密码，性别，手机等信息进行更新信息，根据需要对我的收藏进行详细操作，如图5-4所示。

![img][img 4]

图5-4个人中心界面图

### 5.2管理员功能模块 ###

管理员登录，进入系统前在登录页面根据要求填写用户名和密码，选择角色等信息，点击登录进行登录操作，如图5-5所示。

![img][img 5]

图5-5管理员登录界面图

管理员登录系统后，可以对首页，个人中心，用户管理，文章分类管理，文章分享管理，系统管理等功能模块进行相应操作，如图5-6所示。

用户管理，在用户管理页面可以对索引，用户名，姓名，头像，性别，手机，审核回复，审核状态，审核等信息进行详情，修改和删除等操作，如图5-7所示。

![img][img 6]

图5-7用户管理界面图

文章分类管理，在文章分类管理页面可以对索引，文章分类等内容进行详情，修改和删除等操作，如图5-8所示。

![img][img 7]

图5-8文章分类管理界面图

文章分享管理，在文章分享管理页面可以对索引，标题，图片，文章分类，简述，发布时间，用户名，姓名，审核回复，审核状态等内容进行详情，修改，查看评论和删除操作，如图5-9所示。

![img][img 8]

## 源码下载地址 ##

[image-20230318232308154]: https://img-blog.csdnimg.cn/img_convert/4b8ca0a805bc3548459957544d967663.png
[img]: https://img-blog.csdnimg.cn/img_convert/c65d133161d09deae98931a367498470.jpeg
[Link 1]: https://note.youdao.com/s/H1qh4lhu
[img 1]: https://img-blog.csdnimg.cn/img_convert/cd36699bb6d910d36541e26d2302ae3d.jpeg
[img 2]: https://img-blog.csdnimg.cn/img_convert/badc03d39000968fd91bf841324af6d3.jpeg
[img 3]: https://img-blog.csdnimg.cn/img_convert/b52ec8bcb20b370a541ac076154ae570.jpeg
[image-20230318232239205]: https://img-blog.csdnimg.cn/img_convert/7d32786c154b44a3a9f7ff3aa3be3821.png
[image-20230318232323236]: https://img-blog.csdnimg.cn/img_convert/351376e92b0df415c1b6cc1d49459c59.png
[img 4]: https://img-blog.csdnimg.cn/img_convert/1a9918d2d34f34d974e41970fb83ab6a.jpeg
[img 5]: https://img-blog.csdnimg.cn/img_convert/3f099e2c4b7743548a6c378aecf05606.jpeg
[img 6]: https://img-blog.csdnimg.cn/img_convert/6547d5561d9fa56d616cd915b8219f04.jpeg
[img 7]: https://img-blog.csdnimg.cn/img_convert/71d14f9e06ec7e4b2104fe1004b4b10d.jpeg
[img 8]: https://img-blog.csdnimg.cn/img_convert/c975c996b949d1432b5fccd17bcb5950.jpeg