基于Vue的戒烟网站设计与实现-计算机毕业设计源码+LW文档

摘要
随着互联网的高速发展，线上管理成为当代人们管理事物的重要手段之一；戒烟网站的开发也迫在眉睫。所以采用B/S模式, MySQL数据库以及通过java技术来开发此网站的目的是建立一个戒烟网站，这样可以有效地解决戒烟管理混乱的局面。本网站设计了2种角色：管理员,用户。通过此网站，用户可以对首页，用户分享，论坛交流，公告文章，个人中心，后台管理等功能进行操作；管理员可以对网站所有功能进行管理，包括管理用户的基本信息。该网站大大提高戒烟效率，节约了大量的时间和精力。

关键字：戒烟网站；java技术；

Abstract
With the rapid development of the Internet, online management has become one of the important means for people to manage things. The development of smoking cessation websites is also imminent. Therefore, the purpose of using B/S mode, MySQL database and Java technology to develop this system is to establish a smoking cessation website, which can effectively solve the chaotic situation of smoking cessation management. This system has designed two kinds of roles: administrator, user. Through this system, users can operate the home page, user share, forum exchange, announcement articles, personal center, background management and other functions; Administrators can manage all functions of the system, including basic user information. The system greatly improves the efficiency of smoking cessation and saves a lot of time and energy.

Key words: Quit smoking website; Java technology;

目  录
1 绪论    6
1.1项目背景    6
1.2项目意义    6
1.3项目研究的目的和方法    6
1.3.1项目的研究目的    6
1.3.2开发方法及步骤    6
2 开发平台介绍    8
2.1平台开发环境    8
2.1.1硬件平台    8
2.1.2软件平台    8
2.2相关技术    8
2.2.1 B/S结构    8
2.2.2 Java语言简介    9
2.2.3 Vue.js介绍    10
2.2.4 MySql数据库    10
2.2.5 MySQL环境配置    10
2.2.6 Ssm框架    11
3需求分析    12
3.1对功能上的需求    12
3.2对性能的规定    12
3.3网站现状分析    13
3.4网站设计规则与运行环境    13
4网站设计    15
4.1总体设计    15
4.2数据库设计    15
4.2.1概念模型设计    15
4.2.2数据库表结构    16
5网站详细设计与实现    21
5.1网站功能模块    21
5.2管理员功能模块    22
5.3用户功能模块    25
网站的调试和测试    27
结 论    28
参考文献    29
致  谢    30

用户要通过本网站查询和处理信息，必须先输入用户名和密码进行登陆。为了避免其他不相关人员都可以获得登陆权限，登陆网站注册过程，所有用户的登陆信息将事先由管理人员直接对数据库进行录入。
用户可以对首页，用户分享，论坛交流，公告文章，个人中心，后台管理等功能进行操作；
管理员可以对网站所有功能进行管理，包括管理用户的基本信息。

采用JavaScript框架进行构建Vue用户界面。这个框架和其他的框架最大不同就是，Vue采取自下而上的应用。Vue比较容易上手，可以很好的进行现有的项目结合。另外一个方面是，和当前的先进的各种工具结合起来时，可以很好的为比较复杂的应用页面进行控制。
Vue.js用来构建用户界面的框架。和其他的框架不同的地方是，该框架主要是使用一种从下而上的开发设计方式。其主要的作用是关注核心图层，学习起来非常方便，可以和现有的各种网站进行融合。另外，Vue有着强大的驱动能力，可以完全采用单文件整合。
Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习，非常容易与其它库或已有项目整合。另一方面，在与相关工具和支持库一起使用时，Vue.js 也能驱动复杂的单页应用。