1、效果演示
2、 前言介绍
在Internet高速发展的今天，我们生活的各个领域都涉及到计算机的应用，其中包括家乡特色推荐的网络应用，在外国家乡特色推荐系统已经是很普遍的方式，不过国内的管理网站可能还处于起步阶段。家乡特色推荐系统采用java技术，基于springboot框架，mysql数据库进行开发，实现了首页，个人中心，用户管理，文章分类管理，文章分享管理，系统管理等内容进行管理，本系统具有良好的兼容性和适应性，为用户提供更多的家乡特色文章信息，也提供了良好的平台，从而提高系统的核心竞争力。
本文首先介绍了设计的背景与研究目的，其次介绍系统相关技术，重点叙述了系统功能分析以及详细设计，最后总结了系统的开发心得。
3、主要技术
| 技术名 | 作用 |
| SpringBoot | 后端框架 |
| Vue | 前端框架 |
| MySQL | 数据库 |
4系统设计
4.1数据库设计
信息管理系统的效率和实现的效果完全取决于数据库结构设计的好坏。为了保证数据的完整性，提高数据库存储的效率，那么统一合理地设计数据库结构是必要的。数据库设计一般包括如下几个步骤：
（1）根据用户需求，确定数据库信息进行保存
对用户的需求分析是数据库设计的第一阶段，用户的需求调研，熟悉小区运作流程，系统要求，这些都是以概念模型为基础的。
（2）设计数据的概念模型
概念模型与数据建模用户的观点一致，用于信息世界的建模工具。通过E-R图可以清楚地描述系统涉及到的实体之间的相互关系。
用户注册实体图如图4-1所示：
图4-1用户注册实体图
文章分享实体图如图4-2所示：
图4-2文章分享实体图
（3）数据库逻辑结构分析
数据库概念结构设计后，可以数据库概念转化实际的数据模型，这是一种数据库的逻辑结构，就是将概念结构与支持数据库管理系统的模型相符合。具体的表设计如下所示：
表4-1：用户表
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | 主键 | 主键 | ||
| username | varchar | 100 | 用户名 | ||
| password | varchar | 100 | 密码 | ||
| role | varchar | 100 | 角色 | 管理员 | |
| addtime | timestamp | 新增时间 | CURRENT_TIMESTAMP |
表4-2：token表
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | 主键 | 主键 | ||
| userid | bigint | 用户id | |||
| username | varchar | 100 | 用户名 | ||
| tablename | varchar | 100 | 表名 | ||
| role | varchar | 100 | 角色 | ||
| token | varchar | 200 | 密码 | ||
| addtime | timestamp | 新增时间 | CURRENT_TIMESTAMP | ||
| expiratedtime | timestamp | 过期时间 | CURRENT_TIMESTAMP |
表4-3：收藏表
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | 主键 | 主键 | ||
| addtime | timestamp | 创建时间 | CURRENT_TIMESTAMP | ||
| userid | bigint | 用户id | |||
| refid | bigint | 收藏id | |||
| tablename | varchar | 200 | 表名 | ||
| name | varchar | 200 | 收藏名称 | ||
| picture | varchar | 200 | 收藏图片 | ||
| type | varchar | 200 | 类型(1:收藏,21:赞,22:踩) | 1 | |
| inteltype | varchar | 200 | 推荐类型 |
表4-4：资讯信息
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | 主键 | 主键 | ||
| addtime | timestamp | 创建时间 | CURRENT_TIMESTAMP | ||
| title | varchar | 200 | 标题 | ||
| introduction | longtext | 4294967295 | 简介 | ||
| picture | varchar | 200 | 图片 | ||
| content | longtext | 4294967295 | 内容 |
表4-5：文章分享评论表
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | 主键 | 主键 | ||
| addtime | timestamp | 创建时间 | CURRENT_TIMESTAMP | ||
| refid | bigint | 关联表id | |||
| userid | bigint | 用户id | |||
| nickname | varchar | 200 | 用户名 | ||
| content | longtext | 4294967295 | 评论内容 | ||
| reply | longtext | 4294967295 | 回复内容 |
表4-6：配置文件
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | 主键 | 主键 | ||
| name | varchar | 100 | 配置参数名称 | ||
| value | varchar | 100 | 配置参数值 |
表4-7：用户
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | 主键 | 主键 | ||
| addtime | timestamp | 创建时间 | CURRENT_TIMESTAMP | ||
| yonghuming | varchar | 200 | 用户名 | ||
| xingming | varchar | 200 | 姓名 | ||
| touxiang | varchar | 200 | 头像 | ||
| mima | varchar | 200 | 密码 | ||
| xingbie | varchar | 200 | 性别 | ||
| shouji | varchar | 200 | 手机 | ||
| sfsh | varchar | 200 | 是否审核 | 否 | |
| shhf | longtext | 4294967295 | 审核回复 |
表4-8：文章分享
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | 主键 | 主键 | ||
| addtime | timestamp | 创建时间 | CURRENT_TIMESTAMP | ||
| biaoti | varchar | 200 | 标题 | ||
| tupian | varchar | 200 | 图片 | ||
| wenzhangfenlei | varchar | 200 | 文章分类 | ||
| jianshu | varchar | 200 | 简述 | ||
| wenzhangxiangqing | longtext | 4294967295 | 文章详情 | ||
| fabushijian | datetime | 发布时间 | |||
| yonghuming | varchar | 200 | 用户名 | ||
| xingming | varchar | 200 | 姓名 | ||
| sfsh | varchar | 200 | 是否审核 | 否 | |
| shhf | longtext | 4294967295 | 审核回复 | ||
| clicktime | datetime | 最近点击时间 | |||
| clicknum | int | 点击次数 | 0 |
表4-9：文章分类
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint | 主键 | 主键 | ||
| addtime | timestamp | 创建时间 | CURRENT_TIMESTAMP | ||
| wenzhangfenlei | varchar | 200 | 文章分类 |
4.2系统整体设计
4.2.1系统设计思想
系统确定了各项需求，完成了系统的分析和数据库的设计，它就可以根据网站的特点决定网站的发展模式，才能实现代码。通过对网站的分析，这个网站是属于一个小项目，所完成的功能相对简单，就是对数据的基本操作。从而决定采用B/S开发模式。该模型的基本过程是：当用户访问网站的浏览器，或从用户向服务器发送请求时，通过接收请求，然后调用数据访问逻辑运算如比，将结果返回给将结果返回到用户通过浏览器。
使用开发的模型时，我们要把一些常用的，可以重复使用了java技术。当用户浏览网页，很多网页上的信息是从数据库动态删除，这就要求网页必须有数据库操作的能力，如连接数据库和数据表，更新。一个网站包含多个相同的网页，实现数据库操作功能的、代码就需要在不一样的网页中重复的被使用，这样不仅降低了工作的效率，一般也会给维护带来较大的麻烦。为了弥补这一缺陷，功能代码应该在java中完整的数据库操作，可以使用在每一个页面上。
4.2.2系统流程图
下图是用户进入这个家乡特色推荐系统后，基本的操作流程。
图4-3系统操作流程图
5系统详细设计
5.1系统功能模块
家乡特色推荐系统，在系统首页可以查看首页，文章分享，资讯信息，个人中心，后台管理等内容进行详细操作，如图5-1所示。
图5-1系统首页界面图
用户注册，在用户注册页面通过填写用户名，密码，确认密码，姓名，手机等信息完成用户注册，如图5-2所示。
文章分享，在文章分享页面可以查看文章分类，简述，发布时间，用户名，姓名，点击次数等详细内容，并进行评论和收藏操作，如图5-3所示。
图5-3文章分享界面图
个人中心，在个人中心页面通过填写用户名，姓名，图片，密码，性别，手机等信息进行更新信息，根据需要对我的收藏进行详细操作，如图5-4所示。
图5-4个人中心界面图
6 部分源码截图
