基于Vue的戒煙網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)-計(jì)算機(jī)畢業(yè)設(shè)計(jì)源碼+LW文檔
摘要
隨著互聯(lián)網(wǎng)的高速發(fā)展,線上管理成為當(dāng)代人們管理事物的重要手段之一;戒煙網(wǎng)站的開(kāi)發(fā)也迫在眉睫。所以采用B/S模式, MySQL數(shù)據(jù)庫(kù)以及通過(guò)java技術(shù)來(lái)開(kāi)發(fā)此網(wǎng)站的目的是建立一個(gè)戒煙網(wǎng)站,這樣可以有效地解決戒煙管理混亂的局面。本網(wǎng)站設(shè)計(jì)了2種角色:管理員,用戶。通過(guò)此網(wǎng)站,用戶可以對(duì)首頁(yè),用戶分享,論壇交流,公告文章,個(gè)人中心,后臺(tái)管理等功能進(jìn)行操作;管理員可以對(duì)網(wǎng)站所有功能進(jìn)行管理,包括管理用戶的基本信息。該網(wǎng)站大大提高戒煙效率,節(jié)約了大量的時(shí)間和精力。
關(guān)鍵字:戒煙網(wǎng)站;java技術(shù);
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項(xiàng)目背景 6
1.2項(xiàng)目意義 6
1.3項(xiàng)目研究的目的和方法 6
1.3.1項(xiàng)目的研究目的 6
1.3.2開(kāi)發(fā)方法及步驟 6
2 開(kāi)發(fā)平臺(tái)介紹 8
2.1平臺(tái)開(kāi)發(fā)環(huán)境 8
2.1.1硬件平臺(tái) 8
2.1.2軟件平臺(tái) 8
2.2相關(guān)技術(shù) 8
2.2.1 B/S結(jié)構(gòu) 8
2.2.2 Java語(yǔ)言簡(jiǎn)介 9
2.2.3 Vue.js介紹 10
2.2.4 MySql數(shù)據(jù)庫(kù) 10
2.2.5 MySQL環(huán)境配置 10
2.2.6 Ssm框架 11
3需求分析 12
3.1對(duì)功能上的需求 12
3.2對(duì)性能的規(guī)定 12
3.3網(wǎng)站現(xiàn)狀分析 13
3.4網(wǎng)站設(shè)計(jì)規(guī)則與運(yùn)行環(huán)境 13
4網(wǎng)站設(shè)計(jì) 15
4.1總體設(shè)計(jì) 15
4.2數(shù)據(jù)庫(kù)設(shè)計(jì) 15
4.2.1概念模型設(shè)計(jì) 15
4.2.2數(shù)據(jù)庫(kù)表結(jié)構(gòu) 16
5網(wǎng)站詳細(xì)設(shè)計(jì)與實(shí)現(xiàn) 21
5.1網(wǎng)站功能模塊 21
5.2管理員功能模塊 22
5.3用戶功能模塊 25
網(wǎng)站的調(diào)試和測(cè)試 27
結(jié) 論 28
參考文獻(xiàn) 29
致? 謝 30
用戶要通過(guò)本網(wǎng)站查詢和處理信息,必須先輸入用戶名和密碼進(jìn)行登陸。為了避免其他不相關(guān)人員都可以獲得登陸權(quán)限,登陸網(wǎng)站注冊(cè)過(guò)程,所有用戶的登陸信息將事先由管理人員直接對(duì)數(shù)據(jù)庫(kù)進(jìn)行錄入。
用戶可以對(duì)首頁(yè),用戶分享,論壇交流,公告文章,個(gè)人中心,后臺(tái)管理等功能進(jìn)行操作;
管理員可以對(duì)網(wǎng)站所有功能進(jìn)行管理,包括管理用戶的基本信息。
采用JavaScript框架進(jìn)行構(gòu)建Vue用戶界面。這個(gè)框架和其他的框架最大不同就是,Vue采取自下而上的應(yīng)用。Vue比較容易上手,可以很好的進(jìn)行現(xiàn)有的項(xiàng)目結(jié)合。另外一個(gè)方面是,和當(dāng)前的先進(jìn)的各種工具結(jié)合起來(lái)時(shí),可以很好的為比較復(fù)雜的應(yīng)用頁(yè)面進(jìn)行控制。
Vue.js用來(lái)構(gòu)建用戶界面的框架。和其他的框架不同的地方是,該框架主要是使用一種從下而上的開(kāi)發(fā)設(shè)計(jì)方式。其主要的作用是關(guān)注核心圖層,學(xué)習(xí)起來(lái)非常方便,可以和現(xiàn)有的各種網(wǎng)站進(jìn)行融合。另外,Vue有著強(qiáng)大的驅(qū)動(dòng)能力,可以完全采用單文件整合。
Vue.js 的目標(biāo)是通過(guò)盡可能簡(jiǎn)單的 API 實(shí)現(xiàn)響應(yīng)的數(shù)據(jù)綁定和組合的視圖組件。
Vue.js 自身不是一個(gè)全能框架——它只聚焦于視圖層。因此它非常容易學(xué)習(xí),非常容易與其它庫(kù)或已有項(xiàng)目整合。另一方面,在與相關(guān)工具和支持庫(kù)一起使用時(shí),Vue.js 也能驅(qū)動(dòng)復(fù)雜的單頁(yè)應(yīng)用。



