node.js毕业设计客户拜访系统小程序(源码+程序+LW+部署)
該項目含有源碼、文檔、程序、數(shù)據(jù)庫、配套開發(fā)軟件、軟件安裝教程。歡迎交流
項目運行
環(huán)境配置:
Node.js+ Vscode + Mysql5.7 + HBuilderX+Navicat11+Vue+Express。
項目技術(shù):
Express框架 + Node.js+ Vue 等等組成,B/S模式 +Vscode管理+前后端分離等等。
環(huán)境需要
1.運行環(huán)境:最好是Nodejs最新版,我們在這個版本上開發(fā)的。其他版本理論上也可以。
2.開發(fā)環(huán)境:Vscode或HbuilderX都可以。推薦HbuilderX;
3.mysql環(huán)境:建議是用5.7版本均可
4.硬件環(huán)境:windows 7/8/10 1G內(nèi)存以上;或者 Mac OS;
6.Navcat11:這個版本不限10/11/14/15都可以。;
Node.js畢設(shè)幫助,指導(dǎo),本源碼(見文末),調(diào)試部署
4.2 系統(tǒng)總體架構(gòu)設(shè)計
該款客戶拜訪系統(tǒng)小程序;客戶可以通過注冊賬號從而登入系統(tǒng)主界面來實現(xiàn)相對應(yīng)的功能,分別是查看首頁,通知公告,交流論壇,我的等功能。
系統(tǒng)使用Eclipse設(shè)計開發(fā),使用MySql進行對數(shù)據(jù)的存儲。后臺讀取數(shù)據(jù)并轉(zhuǎn)換成json類型的數(shù)據(jù)進行傳輸,在客戶端接收數(shù)據(jù)解析實現(xiàn)各功能并顯示給客戶。
該系統(tǒng)軟件的功能結(jié)構(gòu)圖:
?
圖4-1 功能結(jié)構(gòu)圖
4.3 系統(tǒng)數(shù)據(jù)庫的設(shè)計
4.3.1數(shù)據(jù)庫E/R圖
ER圖是由實體及其關(guān)系構(gòu)成的圖,通過E/R圖可以清楚地描述系統(tǒng)涉及到的實體之間的相互關(guān)系。在系統(tǒng)中對一些主要的幾個關(guān)鍵實體如下圖:
(1)通知公告E/R圖如下所示:
?
圖4-2通知公告E/R圖
(2)員工E/R圖如下所示:
?
圖4-3員工E/R圖
(3)在線咨詢E/R圖如下所示:
?
圖4-4在線咨詢E/R圖
5.1前臺功能模塊
登錄,客戶通過輸入用戶名和密碼等信息并點擊登錄進行系統(tǒng)登錄操作,如圖5-1所示。
?
圖5-1客戶登錄界面圖
注冊,客戶在注冊表頁面能過填寫注冊信息進行注冊操作;如圖5-2所示。
?
圖5-2注冊界面圖
客戶登錄系統(tǒng)后,可以對首頁,通知公告,交流論壇,我的等功能進行詳細操作,如圖5-3所示。
?
圖5-3系統(tǒng)首頁界面圖
通知公告,在通知公告頁面可以查看標題,發(fā)布時間,簡介,內(nèi)容等詳細信息;如圖5-4所示。
?
圖5-4通知公告界面圖
客戶拜訪,在客戶拜訪頁面可以查看拜訪編號,拜訪主題,狀態(tài),拜訪時間,拜訪過程,結(jié)束時間,創(chuàng)建人,負責(zé)人,賬號,姓名,類型,拜訪內(nèi)容等詳細信息;如圖5-5所示。
?
圖5-5客戶拜訪界面圖
用戶打卡,在用戶打卡頁面可以查看姓名,賬號,類型,打卡類型,打卡時間,備注,地址等詳細信息;如圖5-6所示。
?
圖5-6用戶打卡界面圖
客戶,在我的頁面可以對客戶拜訪,用戶打卡,費用記錄,在線咨詢,我要發(fā)帖,我的發(fā)帖等詳細信息進行操作;如圖5-7所示。
?
圖5-7客戶功能界面圖
客戶信息,在客戶信息頁面通過填寫賬號,密碼,姓名,年齡,性別,手機,類型,照片等信息進行保存或退出登錄操作,如圖5-8所示。
?
圖5-8客戶信息界面圖
5.2管理員功能模塊
管理員登錄,通過輸入用戶名,密碼并點擊登錄進行系統(tǒng)登錄操作,如圖5-9所示。
?
圖5-9管理員登錄界面圖
管理員登錄系統(tǒng)后,可以對首頁,個人中心,客戶管理,通知公告管理,客戶拜訪管理,用戶打卡管理,費用記錄管理,交流論壇,系統(tǒng)管理等功能進行相應(yīng)操作,如圖5-10所示。
?
圖5-10管理員功能界面圖
客戶管理,在客戶管理頁面可以對索引,賬號,姓名,年齡,性別,手機,類型,照片等內(nèi)容進行詳情、修改或刪除等操作,如圖5-11所示。
?
圖5-11客戶管理界面圖
通知公告管理,在通知公告管理頁面可以對索引,標題,發(fā)布時間,封面等內(nèi)容進行詳情,修改或刪除等操作,如圖5-12所示。
?
圖5-12通知公告管理界面圖
Node.js畢設(shè)幫助,指導(dǎo),源碼獲取,調(diào)試部署
總結(jié)
以上是生活随笔為你收集整理的node.js毕业设计客户拜访系统小程序(源码+程序+LW+部署)的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 光环国际联合阿里云推出“AI智客计划”
- 下一篇: 多媒体框架