摘 要

伴随着计算机技术的发展、互联网技术的逐渐成熟，人们的娱乐方式、社交模式逐渐往互联网转移，分享平台成为这些对实时性和便利性要求高的社交行为的重要载体。目前，国内外的分享平台为了尽可能满足所有用户的需求，所以出现了信息繁杂针对性不高的特点。本生活分享平台系统以分享平台为基础，为用户提供更具针对性的优质的生活分享内容。

本项目内容为生活分享平台系统，使用Java，JavaScript，HTML，SQL等作为系统的主要开发语言，前端框架使用Vue.js，后端框架使用Spring，Spring MVC和Mybatis（简称SSM框架），采用前后端分离式开发，并通过VUE封装的Axios发送Ajax请求实现前后端数据的交互。

系统主要实现用户身份验证、个人信息管理、生活分享内容管理（发布、点赞、评论和转发）、用户关注取关等功能。主要工作如下：

1）系统分析设计：根据软件开发流程，从实际出发，对系统进行可行性分析与需求分析，对系统进行功能的设计及数据库的设计。

2）编码实现：根据所使用技术进行相关学习，结合系统分析设计进行编码实现，运用所使用的技术实现系统的基本功能。

3）系统测试：系统编码完成之后，根据软件测试步骤对系统的各个功能进行测试，保证系统功能完整和逻辑正确。

关键词：VUE；SSM；前后端分离；生活分享平台

ABSTRACT

With the development of computer technology and the gradual maturity of Internet technology, people's entertainment methods and social models have gradually shifted to the Internet, and sharing platforms have become important carriers of these social behaviors that require high real-time and convenience. At present, in order to meet the needs of all users as much as possible, the sharing platforms at home and abroad have appeared to be characterized by poorly targeted information. This life sharing platform system is based on the sharing platform and provides users with more targeted and high-quality life sharing content.

The content of this project is the life sharing platform system, using Java, JavaScript, HTML, SQL, etc. as the main development language of the system, the front-end framework uses Vue.js, the back-end framework uses Spring, Spring MVC and Mybatis (SSM framework for short) Separate development of the end, and send Ajax requests through Axios encapsulated by VUE to realize the interaction of front-end and back-end data.

The system mainly implements functions such as user identity verification, personal information management, life sharing content management (posting, likes, comments and forwarding), and user attention and access. Main tasks as follows:

1) System analysis and design: According to the software development process, starting from the actual situation, the feasibility analysis and demand analysis of the system are carried out, and the system is designed for functions and database design.

2) Coding realization: According to the technology used for relevant learning, combined with system analysis and design for coding realization, using the technology used to achieve the basic functions of the system.

3) System test: After the system coding is completed, each function of the system is tested according to the software test procedure to ensure that the system function is complete and the logic is correct.

Key Words：vue；ssm；front-end separate；life sharing platform

目 录

摘 要 I

ABSTRACT II

第1章 绪论 1

1.1 开发背景与意义 1

1.1.1 开发背景 1

1.1.2 开发意义 2

1.2 主要研究内容 2

第2章 系统分析 3

2.1 功能描述 3

2.2 技术介绍 4

2.2.1 VUE前端框架 4

2.2.2 SSM后端框架 4

2.3 业务流程图 4

2.4 数据流图 5

2.4.1 顶层数据流图 5

2.4.2 一层数据流图 5

2.5 数据字典 6

2.5.1 数据项描述 6

2.5.2 数据结构描述 9

第3章 系统设计 11

3.1 系统总体设计 11

3.2 数据库设计 11

3.2.1 概念设计 11

3.2.2 逻辑结构设计 12

3.2.3 物理结构设计 13

第4章 系统实现与测试 15

4.1 注册模块 15

4.1.1 界面展示 15

4.1.2 具体实现 15

4.1.3 功能测试 16

4.2 登录模块 17

4.2.1 界面展示 17

4.2.2 具体实现 17

4.2.3 功能测试 18

4.3 首页模块 19

4.3.1 界面展示 19

4.3.2 具体实现 20

4.3.3 功能测试 20

4.4 文章发表模块 21

4.4.1 界面展示 21

4.4.2 具体实现 21

4.4.3 功能测试 22

4.5 文章内容模块 23

4.5.1 界面展示 23

4.5.2 具体实现 23

4.5.3 功能测试 23

4.6 个人中心模块 24

4.6.1 界面展示 24

4.6.2 具体实现 26

4.6.3 功能测试 27

第5章 总结和展望 30

5.1 总结 30

5.2 展望 30

参考文献 31

致 谢 32

绪论

开发背景与意义

开发背景

21世纪是科技领域的发展狂潮时期，社交媒体、在线平台技术也在这个时期得到了充分的发展时间和空间。在皮尤研究中心的研究中发现，2005年仅有5%的（美国）受访者愿意使用社交媒体网站；而2019年的研究调查发现，72%的受访者表示正在使用社交媒体网站^[1]。如此巨大的改变，无不在展示在近十几年的发展中，社交媒体逐渐成为人们生活中必不可少的一部分，人们通过社交媒体自主获取所需的内容，通过网络与他人进行交流互动，也通过社交媒体分享自己的生活动态、生活方式等内容。同时，用户高频次的使用也促进着社交媒体的发展，从刚兴起时的只有特定文字分享与评论，到现在能够对用户生成内容(User-Generated Content, UGC)进行分享，并在评论中提供了更加多元的功能，丰富了社交媒体的功能，也提升了用户地体验。

现如今，web软件开发已经成为软件开发的主要趋向，java凭借其优秀的跨平台性，成为网页开发的优先选择。近年来前端技术变革速度飞快，对于web项目开发、网站制作以及APP和小程序的开发来说，与目前较为主流的其他前端框架相比，VUE框架更加便捷易用，而且如今项目开发数据交互较多，前后端分离^[2]明显，VUE框架已经成了当前网页开发的最优选择。Vue.js是渐进式JavaScript框架，采用自底向上增量开发的设计方法，核心库只关注view层，易与其他库或者已有项目整合。该框架操作简单、使用灵活、效率高。从另一个角度来说，在结合使用现代化工具链以及各种支持类库时，VUE框架也能够为复杂的单页应用提供驱动^[3]。同时，Vue. js是一个高性能、占用空间小、方便使用的MVVM库，应用程序接口也便于使用^[4]。VUE框架在当前的网页开发中应用广泛，是比较热门的前端框架，在国内各大企业项目开发中均使用到^[5]。