基于vue.js的琴行管理系統(tǒng)的設(shè)計與實現(xiàn)v1.0_0605

1、 畢 業(yè) 設(shè) 計（論 文） 題目： 子題： 專 業(yè)： 指導教師： 學生姓名： 班級-學號： 年 月大連工業(yè)大學本科畢業(yè)設(shè)計（論文）原聲琴行管理系統(tǒng)畢業(yè)設(shè)計YUANSHENG Piano Company Management System Undergraduate Graduation Project (Thesis) of DLPU設(shè)計（論文）完成日期 20 年 月 日學 院： 專 業(yè)： 學 生 姓 名： 班 級 學 號： 指 導 教 師： 評 閱 教 師： 年 月大連工業(yè)大學2018屆本科生畢業(yè)設(shè)計(論文) V摘 要近年來，隨著計算機技術(shù)的飛速發(fā)展，使得很多企事業(yè)單位、機構(gòu)、個體戶加快了計

2、算機信息化管理的進程與步伐。建設(shè)良好的管理系統(tǒng)就是企業(yè)、個體，機構(gòu)等信息化的其中一個重要環(huán)節(jié)。對于琴行這一機構(gòu)，建設(shè)它的信息化管理有其必要性，它對琴行的客戶，商品等維護和使用效率能夠起到良好的作用，也能夠節(jié)省大量人力、物力、財力，而且不容易導致琴行用戶數(shù)據(jù)的丟失或泄露。針對此問題我利用自己本專業(yè)所學的知識開發(fā)了一套琴行管理系統(tǒng)，通過這種現(xiàn)代化、高效的方式來協(xié)助琴行的日常管理與運營工作，既能夠提高琴行教師的工作效率，也能提高學員學習的積極性，使得琴行管理現(xiàn)代化邁上了一個新臺階。該系統(tǒng)基于JS語言的VUE.js框架和NODE.js框架 + MYSQL技術(shù)，采用了Visual Studio Code

3、、Navicat for MySQL等開發(fā)工具。主要實現(xiàn)了琴行機構(gòu)的用戶中心管理，包括了琴行學員用戶與教師用戶的管理，可以創(chuàng)建新用戶，修改已存在的用戶資料，刪除用戶；琴行商品管理，管理員可以新增商品，發(fā)布課程信息，修改和刪除；琴行場地管理，管理員可以新增，修改，刪除琴行的練課的場地信息；琴行訂單管理，查看所有學員的訂單信息；工資結(jié)算，用來記錄所有教師的工資信息；留言反饋管理，用來發(fā)布留言和查看留言信息；運營活動管理等功能。關(guān)鍵詞：琴行管理；VUE.JS；NODE.JS；效率；MYSQL ABSTRACTIn recent years, with the rapid development of

4、 computer technology, many enterprises and institutions have accelerated the process of information management. The informatized management of the construction of good equipment management system is one of the important link, its maintenance on equipment and efficiency can play a good role, also can

5、 save a lot of manpower, material resources, financial resources, and its not easy to cause the equipment data lost or leaked.Aiming at this problem I use their professional knowledge to develop a set of equipment management system, through the modern, efficient way to assist in equipment management

6、 of daily work, both to improve the staffs working efficiency, also can reduce the burden, make equipment management modernization to a new level. The system is based on vue.js+node.js + mysql technology, use the development tools, such as the Visual Studio Code,Navicat for MySql .Mainly realizes th

7、e user management,Including other new users, modified, login, rights management, the product management ,including other add product, modify product, select product,and delete product, the place management,including other add place, modify product, select product ,and delete product, the order manag

8、ement including other select order and sync order data, the payroll settlement management including other select order and sync payroll data ,the message board management add message and other functions.Keywords: Piano Company management; vue.js;node.js;effectiveness; mysql大連工業(yè)大學2018屆本科生畢業(yè)設(shè)計(論文)目 錄

9、TOC o 1-3 h z u HYPERLINK l _Toc5128 摘 要 第一章 緒論1.1選題的意義近幾年來，隨著計算機與信息技術(shù)的高速發(fā)展，我國在各行業(yè)中，各個領(lǐng)域的信息化建設(shè)也不斷地再進行完善，但很多琴行個體戶、機構(gòu)等對于琴行的運營概念還采取傳統(tǒng)的人工管理數(shù)據(jù)模式，例如人工登記學員信息、人工更改課程預約狀態(tài)等工作。依靠人工來處理這些琴行的商品信息和課程的預約狀態(tài)，不僅會極大的降低工作效率，也會提升記錄人員的錯誤率，尤其在中大型的琴行機構(gòu)中，這種傳統(tǒng)的管理模式更是對琴行機構(gòu)的日常管理和運營帶來了巨大的威脅，最明顯的事例有：學員用戶信息注銷記錄不及時、課程預約變更不能及時通知等，這些

10、問題輕則對其他同事工作帶來不便，重則造成巨大的直接經(jīng)濟損失。琴行管理已成為現(xiàn)代琴行機構(gòu)的一個重要領(lǐng)域，我們知道，越來越多的音樂及音樂器材愛好者是現(xiàn)代琴行機構(gòu)的物質(zhì)基礎(chǔ)，而管理好這些用戶愛好者也是琴行機構(gòu)有效提高自身盈利能力的重要途徑。對琴行而言，對音樂器材，課程管理，用戶管理等的水平的要求也越來越高，對音樂器材商品建立到銷售，從教學課程發(fā)布到學員預約的整個環(huán)節(jié)，更需要嚴格的科學管理，嚴謹?shù)目茖W態(tài)度，必須運用現(xiàn)代計算機科學技術(shù)與信息技術(shù)手段樹立琴行機構(gòu)的綜合管理思想，改進琴行管理工作，進行琴行的信息化管理與建設(shè)，以獲得最佳運營效益。1.2 國內(nèi)外現(xiàn)狀及發(fā)展趨勢國外發(fā)達國家對于琴行管理信息化的研究

11、從九十年代就開始了，但國外對于預防與預測更為看重，優(yōu)化琴行管理的思想。國外更重要注重琴行管理運營的數(shù)據(jù)安全性，運營成本，進而提高用戶轉(zhuǎn)化效率，然后用管理系統(tǒng)實現(xiàn)用戶數(shù)據(jù)流共享、教師預約授課、學生預約聽課優(yōu)化，提高整個琴行運營管理中的的經(jīng)濟性和效率，有效降低琴行總體成本。歐美等發(fā)達國家對琴行管理系統(tǒng)的研究相較于中國而言，因為計算機行業(yè)的率先發(fā)展，使得計算機信息化方面一直處于領(lǐng)先的地位，國外的琴行管理系統(tǒng)用到了很多先進的計算機信息技術(shù)，使得琴行的管理非常有效、高效并且實用。國內(nèi)琴行管理系統(tǒng)起步比較晚，主要是對琴行機構(gòu)進行管理實務(wù)以及對管理模式進行一定的創(chuàng)新，并更加看重琴行管理系統(tǒng)的數(shù)據(jù)安全和學員與

12、教師互動功能。大多數(shù)琴行管理辦法是學員與教師數(shù)據(jù)的管理，并無器材維護管功能。將琴行的學員信息數(shù)據(jù)和音樂器材信息登記存檔。因此，我國應當更加重視琴行管理系統(tǒng)的開發(fā)和應用，實現(xiàn)琴行管理自動化或者說數(shù)字化，提高琴行管理效率、優(yōu)化現(xiàn)有的琴行課程預定流程，進而調(diào)整管理體制與琴行工作流，最終達到強化決策一致性、高效性的目的。1.3設(shè)計目的及內(nèi)容1.3.1 設(shè)計目的隨著我國科技的發(fā)展，計算機信息化水平不斷提高，因此，我們在日常工作和生活當中，面對大量豐富多樣的信息，尤其在琴行機構(gòu)中面對極其重要的學員、商品、教師等用戶數(shù)據(jù)，例如查看學員信息、琴行擴張、商品擴充、新增課程、預約課程、查看當前教學場地等。因此，對

13、琴行的管理水平的要求也越來越高，對琴行從學生器材購買，教學預約，課程發(fā)布等，需要嚴格的科學管理，必須運用現(xiàn)代化計算機科學技術(shù)手段樹立琴行等機構(gòu)綜合管理思想，改進琴行機構(gòu)管理工作，進行琴行機構(gòu)的信息化無紙化管理，以獲得最佳運營效益。1.3.2 設(shè)計內(nèi)容在這種情況下，我們應當利用計算機等現(xiàn)代化手段，開發(fā)一款適合琴行機構(gòu)的琴行管理系統(tǒng)，使得琴行機構(gòu)中的主要數(shù)據(jù)管理人員從手工計算、統(tǒng)計工作中解脫出來，并且也是現(xiàn)代琴行機構(gòu)科學化、正規(guī)化管理的必要前提條件。通過琴行管理系統(tǒng)來管理琴行機構(gòu)的日常運營活動，如用戶管理，商品的管理，課程場地管理等，通過這種現(xiàn)代化、高效的方式確保琴行用戶數(shù)據(jù)的保密性和安全性，并且

14、也提高琴行工作人員的工作效率，最大限度的減輕了員工的負擔、降低了出錯率，最終助力琴行機構(gòu)邁向新臺階。1.4技術(shù)背景介紹1.4.1采用Js語言VUE.JS框架進行開發(fā)Vue.js是一套基于JS語言，并構(gòu)建于WEB用戶界面的漸進式框架。與其他主流的重量級技術(shù)框架不同，Vue 采用自底層向上的增量開發(fā)的設(shè)計模式 REF _Ref8532 r h 1。Vue 的核心思想只關(guān)注視圖表現(xiàn)層，并且非常容易學習并上手，非常容易與已有項目整合 REF _Ref10452 r h 2。另一方面，Vue 完全可以驅(qū)動并采用單文件組件的組合形式。并且Vue生態(tài)系統(tǒng)支持復雜單頁應用的庫開發(fā)模型。Vue.js的目標是通過

15、簡單的API接口，盡可能的實現(xiàn)響應數(shù)據(jù)綁定和組合視圖組件顯示 REF _Ref10524 r h 3。1.4.2采用Visual Studio Code平臺進行開發(fā)Visual Studio Code(簡稱VS Code/VSC) 是一款免費 HYPERLINK /tag/%E5%BC%80%E6%BA%90 t /amyloverice/article/details/_blank 開源的輕量級代碼編輯器，幾乎支持目前計算機行業(yè)主流的開發(fā)語言，包括語法關(guān)鍵字高亮、代碼自動提示與補全、自定義快捷鍵（熱鍵）、代碼片段自動生成、代碼對比等特性，并且支持開發(fā)插件、組件擴展。并針對網(wǎng)頁WEB HYPE

16、RLINK /tag/%E5%BC%80%E5%8F%91 t /amyloverice/article/details/_blank 開發(fā)和云端服務(wù)應用開發(fā)單獨進行了優(yōu)化措施。軟件跨平臺支持 Win、 HYPERLINK /os/mac-platform t /amyloverice/article/details/_blank Mac以及 HYPERLINK /os/linux-platform t /amyloverice/article/details/_blank Linux。VSCode是微軟研發(fā)出的一款免費的輕量級代碼編輯器，功能強大，操作簡單。對JavaScript和NodeJ

17、S的支持非常友好，自帶很多功能，例如代碼一鍵格式化，代碼智庫自動補全、主流插件支持等 REF _Ref9015 r h 4。其中，VSCode推薦一個項目的打開方式以文件夾最好。1.4.3采用MySql進行數(shù)據(jù)存儲SQL是英文Structured Query Language的縮寫，即為結(jié)構(gòu)化查詢語言，主要功能就是對各種數(shù)據(jù)庫建立統(tǒng)一聯(lián)系，它建立在成熟而強大的數(shù)據(jù)庫關(guān)系模型基礎(chǔ)上 REF _Ref9224 r h 5。其主要特點是有真正的客戶機/服務(wù)器體系、圖形化的用戶界面、豐富的編程API工具，并且為用戶開發(fā)程序提供更大的支持與選擇。數(shù)據(jù)庫中的數(shù)據(jù)可幽數(shù)據(jù)庫服務(wù)管理，它能為數(shù)據(jù)庫提供數(shù)據(jù)的定

18、義、查詢、修改、和統(tǒng)計等操作。主要功能包括：數(shù)據(jù)庫的定義、數(shù)據(jù)庫數(shù)據(jù)存儲、數(shù)據(jù)庫運維管理和數(shù)據(jù)庫關(guān)系與維護功能。1.5軟硬件需求本琴行管理系統(tǒng)所用軟件環(huán)境：操作系統(tǒng)：Windows7操作系統(tǒng)數(shù)據(jù)庫：MYSQL5.7數(shù)據(jù)庫開發(fā)工具：Visual Studio Code 2017本設(shè)備管理系統(tǒng)所用硬件環(huán)境：CPU：Core i5-2430 2.6GHz內(nèi)存：8GB顯示器分辨率：1366*768第二章 可行性研究與需求分析2.1系統(tǒng)可行性分析可行性分析是在用戶以及使用場景的要求之上和系統(tǒng)調(diào)研的基礎(chǔ)上進行實踐得出，對系統(tǒng)產(chǎn)生的初衷從需求、技術(shù)、合理性、管理等多方面方面進行分析與證實，并得出新系統(tǒng)的研發(fā)

19、工作的可行性和非可行性的方案與結(jié)論，最后輸出可行性分析報告。因此，在每一個項目系統(tǒng)研發(fā)之前，都要需要進行可行性分析論證，這樣可以減少項目的開發(fā)風險，避免人力、物力和財力的損失浪費。下面就技術(shù)、經(jīng)濟、安全和操作這四個方面來闡述。2.1.1 技術(shù)可行性分析技術(shù)可行性就是根據(jù)現(xiàn)有的計算機信息技術(shù)條件，分析能否實現(xiàn)該系統(tǒng)的各項要求，包括軟硬件和其他應用技術(shù)等各個方面。在軟件方面，該琴行管理系統(tǒng)采用B/S架構(gòu)體系，選擇JS語言及來進行開發(fā)，所采用的數(shù)據(jù)庫是 MYSQL5.7，所以該系統(tǒng)具有“一次編寫，到處運行”的優(yōu)點，具有很強的移植性和安全性，并且易于維護和管理，所以在技術(shù)上是可行的。在硬件方面，該系統(tǒng)

20、對所需設(shè)備性能要求很低，目前市場主流計算機完全能夠滿足該系統(tǒng)功能的要求。2.1.2 經(jīng)濟可行性分析經(jīng)濟可行性分析主要是對該琴行機構(gòu)所投入的資金與該管理系統(tǒng)投入使用后所帶來的用戶數(shù)據(jù)與經(jīng)濟效益進行比較，確認該系統(tǒng)是否會給該琴行機構(gòu)帶來一定的經(jīng)濟效益。該琴行管理系統(tǒng)在硬件開銷方面只需要一臺普通PC機即可，在軟件開銷方面需要購買Windows操作系統(tǒng)，數(shù)據(jù)庫MYSQL，屬于開源系統(tǒng)，免費使用。這對于琴行機構(gòu)來說是完全能夠承擔的。使用該系統(tǒng)能夠?qū)⑶傩幸魳菲鞑墓芾砗涂蛻艄芾硇畔⒒沟们傩心軌蛴糜嬎銠C管理并記錄琴行用戶的音樂器材購買、教師工資結(jié)算、課程狀態(tài)變更等，極大地提高了琴行工作人員的工作效率，減少

21、了管理支出的費用和時間，用最少的運營成本獲得最高的經(jīng)濟效益，增強了琴行在市場中的競爭力，因此在經(jīng)濟上是可行的。2.1.3 安全可行性分析安全性方面，在用戶使用系統(tǒng)時，并不需關(guān)心該琴行管理系統(tǒng)的內(nèi)部組成結(jié)構(gòu)及具體實現(xiàn)方法，即對系統(tǒng)使用者來說是公開透明的，用戶只需通過瀏覽器登入，并查看相應的琴行信息即可，數(shù)據(jù)都是存在于服務(wù)端的數(shù)據(jù)庫。而在前端簡單地使用鼠標鍵盤等外設(shè)操作各友好界面即可，而對于數(shù)據(jù)的保護，我們使用數(shù)據(jù)庫自帶的加密方式及一張管理員管理信息表即可，此信息表記錄了管理員與普通用戶人員資料信息，只有管理員能夠添加刪除音樂器材商品，場地資料管理，普通學員只能瀏覽商品、課程信息等，不能夠?qū)?shù)據(jù)庫

22、進行修改，刪除操作，因此在安全性上也是可行的。2.1.4 操作可行性分析考慮到該琴行管理系統(tǒng)的使用人員層次不一，本著操作簡單、使用方便的原則，設(shè)計了友好的前端界面及錯誤異常提示，用戶只需對該琴行管理系統(tǒng)稍作學習了解并且會使用計算機的簡單操作即可，使用該系統(tǒng)后，能夠大大減少管理人員的工作負擔，因此在操作上也是可行的。2.2 系統(tǒng)性能分析2.2.1 系統(tǒng)安全性分析系統(tǒng)安全性是決定整個系統(tǒng)運行質(zhì)量的重要因素之一，此系統(tǒng)基于B/S結(jié)構(gòu)，可以部署在云平臺或者私有服務(wù)器中，保證系統(tǒng)安全性 REF _Ref9440 r h * MERGEFORMAT 6。但系統(tǒng)中也涉及很多信息，如用戶信息、商品信息、場地信

23、息、訂單信息、工資等。如果有人為的故意破壞，都將導致該管理系統(tǒng)的崩潰，導致琴行面臨虧損，因此仍然時刻需要保證系統(tǒng)的安全性，防止系統(tǒng)使用者越權(quán)使用、防止系統(tǒng)中的商業(yè)數(shù)據(jù)被非法的篡改、破壞、泄漏和盜取 REF _Ref9659 r h * MERGEFORMAT 7。2.2.2 系統(tǒng)合理性分析在開發(fā)該琴行管理系統(tǒng)時要考琴行機構(gòu)的實際情況，不能忽略現(xiàn)實狀況和所處環(huán)境（如琴行規(guī)模、盈利情況、用戶占有率、地域經(jīng)濟整體情況等），也不能一味追求新技術(shù)，要保證系統(tǒng)的合理性 REF _Ref9737 r h 8。2.2.3 系統(tǒng)簡易性分析考慮到不同層次、不通年齡的人員對計算機的操作水平高低不一。一般而言，大部分

24、琴行的管理者的計算機操作水平可能會不高。因此，該系統(tǒng)開發(fā)時應該遵循簡單易用的原則，方便各階層人員使用，用戶經(jīng)過簡單的培訓學習就能上崗使用。因此，設(shè)計簡單、實用的友好用戶界面是至關(guān)重要的 REF _Ref9835 r h 9。2.3系統(tǒng)需求功能分析2.3.1 琴行用戶中心需求分析用戶中心功能作為系統(tǒng)的核心模塊，主要是用來管理用戶的賬號信息等，對應的功能應該包括創(chuàng)建用戶（學員和教師），用戶刪除，用戶資料編輯以及用戶查詢等功能,并且只有管理員賬號才能進行此操作，在系統(tǒng)設(shè)計時，需要設(shè)置一個超級管理員永不過期賬號，利用該賬號再來創(chuàng)建其他管理員、教師和學員賬號。2.3.2 琴行商品管理需求分析琴行的日常運

25、營中不只有學員的課程信息，同時也存在音樂器材的實體商品銷售，對于琴行而言，課程和音樂器材都屬于商品，只是屬性不同而已。并且該商品信息只允許管理員擁有新增修改刪除等權(quán)限，學員只允許查看。商品功能管理主要包括創(chuàng)建新商品（支持商品資料圖片上傳），商品刪除，商品資料修改以及商品查詢功能。2.3.3 琴行場地管理需求分析琴行場地管理需求主要是涉及到琴行教學場地的動態(tài)化管理，功能主要包括創(chuàng)建新場地，場地資料修改，場地資料刪除與場地多條件查詢。同樣，場地信息資料屬于系統(tǒng)的基本信息資料，只允許管理員有權(quán)限進行場地數(shù)據(jù)的新增修改刪除，學員有查看教學場地的權(quán)限。2.3.4 琴行訂單管理需求分析當學員購買了商品，或

26、者是預定了課程信息后，對應的購買信息與預約信息需要記錄并生成對應的訂單信息，方便琴行查看與數(shù)據(jù)統(tǒng)計。訂單管理功能主要是顯示琴行所有學員訂單信息，該功能主要是一個訂單列表菜單項?？刹榭串斍皩W生所購買的商品信息，包含實體音樂器材和虛擬音樂課程等。2.3.5 琴行工資結(jié)算需求分析工資結(jié)算表功能主要是用來計算當前教師所授課完成后的課程工資，以課時為單位計算，最后以列表展示。學生角色登入無法查看到對應的工資信息。2.3.6 琴行反饋管理需求分析琴行反饋功能，該功能主要針對于學員用戶，學員用戶是主要系統(tǒng)使用者，需要有一個平臺功能可以反饋一些信息上報給琴行管理者，反饋內(nèi)容可以是供求商品信息，供求課程信息，評

27、價教師信息，評價琴行活動等。反饋數(shù)據(jù)只有管理員才能訪問并查看留言數(shù)據(jù)，使得整個留言過程非透明化，保證私密性，增強學員與琴行互動，提升用戶粘性，管理更透明化。2.3.7 琴行運營管理需求分析琴行可以針對當前節(jié)日，等特殊情況可以對器材商品或者音樂課程進行運營策劃活動，或者是學員的組織活動等。對應的運營策劃海報圖可以上傳到運營中心，學生用戶登入系統(tǒng)，選擇運營中心便可查看，減少了琴行營銷活動的運營成本。第三章 系統(tǒng)概要分析與設(shè)計原聲琴行管理系統(tǒng)的設(shè)計與實現(xiàn)的第三個階段是概要分析與設(shè)計，在需求分析階段確定了系統(tǒng)應該開發(fā)的內(nèi)容的基礎(chǔ)上，設(shè)計系統(tǒng)如何開發(fā)。設(shè)計概要設(shè)計側(cè)重于實用和方便，設(shè)計內(nèi)容包括數(shù)據(jù)庫設(shè)計

28、，系統(tǒng)軟件的整體結(jié)構(gòu)（包括數(shù)據(jù)結(jié)構(gòu)的設(shè)計，設(shè)計，分布）的外部接口設(shè)計，功能組件之間接口設(shè)計等。3.1系統(tǒng)總體結(jié)構(gòu)本琴行系統(tǒng)主要有用戶中心，商品管理，場地管理，訂單列表管理，工資結(jié)算，留言反饋，運營活動等七大功能，其中管理員角色登入會顯示所有菜單信息，教師用戶登入只能查看到商品管理中的預約課程信息?？偣δ軋D如圖3.1所示。圖3.1 系統(tǒng)功能框圖3.2系統(tǒng)功能模塊設(shè)計3.2.1用戶中心用戶中心功能分析主要涉及功能如下：用戶新建：管理員角色可以新增用戶，并且可以指定用戶權(quán)限，可以指定為管理員，教師，或者是學員，不通的用戶角色登入后會顯示不同的菜單，顯示不同的功能。用戶資料修改：管理員角色可以修改所有

29、用戶的資料信息。用戶刪除：對于已經(jīng)不在琴行教學或者不再聽課的學生信息可以進行刪除，可以定期維護更新數(shù)據(jù)，保證系統(tǒng)不會出現(xiàn)冗余數(shù)據(jù)。用戶信息查詢：管理員角色可以根據(jù)此查詢功能查詢出特定條件的用戶詳細信息，查詢條件可以是用戶姓名、賬號、編號等。3.2.2商品管理商品管理功能分析主要涉及功能如下：商品新建：該系統(tǒng)管理員可以新增音樂器材等商品信息和授課的課程信息到該琴行系統(tǒng)。實體商品購買：學員登入琴行系統(tǒng)后，查看音樂器材商品資料，可以選擇是否購買該音樂器材，當購買商品成功后，對應的學員訂單信息會同步到琴行系統(tǒng)的訂單管理數(shù)據(jù)中心。虛擬商品課程預約：學生用戶登入系統(tǒng)后可以預約喜歡的音樂課程。學員預約指定課

30、程后，對應的預約課程數(shù)據(jù)會同步到教師預約課程表，授課教師登入系統(tǒng)，通過預約表可以查看到當前預約聽課的所有學生。商品資料修改：管理員可以修改系統(tǒng)中的商品資料信息。商品刪除：對于無效的音樂器材或者需要下架的音樂器材，管理員可以對其進行刪除。對于失效或者錯誤的課程也可以進行刪除。商品信息查詢：管理員可以直接查詢所有商品列表信息。學生登入后實體音樂器材商品信息和虛擬商品課程信息會分開顯示，并分別可以對這些商品進行下單購買。3.2.3場地管理場地管理功能分析主要涉及功能如下：場地新增：管理員維護場地信息，可以新增樂器教學場地，供學生查看并預約場地學習。場地修改：針對有異常，需要修改的場地數(shù)據(jù)，管理員可以

31、直接使用該功能進行處理，使場地數(shù)據(jù)維護更方便容易。其中場地信息還包含了三種狀態(tài)，分別為未使用、使用中和被鎖定，其中狀態(tài)的更改只能是管理員在改場地數(shù)據(jù)的編輯狀態(tài)下進行。場地刪除：當場地數(shù)據(jù)需要清理，或者是冗余數(shù)據(jù)時，管理員可以直接對該數(shù)據(jù)進行刪除。3.2.4訂單管理管理管理功能分析主要涉及功能如下：訂單列表數(shù)據(jù)生成：當學員在該琴行系統(tǒng)看到自己喜愛的樂器，或者喜愛的課程信息后，點擊購買，購買成功后，數(shù)據(jù)會同步到訂單列表，有且只有管理員登入并可以查看到所有的訂單信息。訂單不可以刪除，作為查詢憑證。當學員在琴行看到喜歡的課程信息后，可以預約聽課，當系統(tǒng)確認預約有效后，該預約數(shù)據(jù)會同步到訂單系統(tǒng)，生成預

32、約課程訂單信息。訂單信息只可以查看，不允許刪除。3.2.5工資結(jié)算工資結(jié)算功能分析主要涉及功能如下：工資結(jié)算生成：授課結(jié)束后，系統(tǒng)根據(jù)課程的授課時間與當前時間對比，確認課程正常授課，系統(tǒng)根據(jù)授課時長與教師工資因子統(tǒng)計計算出該授課教師本次授課的工資信息，并以列表的方式展示出來。其中該部分數(shù)據(jù)是不允許刪除和修改的。3.2.6留言反饋留言反饋功能分析主要涉及功能如下：留言新增：只有學員角色登入系統(tǒng)后才有留言反饋菜單，對琴行管理，課程設(shè)計，教師行為，課程質(zhì)量等任何信息都可以進行留言反饋，并且只有管理員角色可以看到。保證私密性。留言查看：管理員登入系統(tǒng)后，顯示留言列表，可以查看到所有學員的留言信息，留言

33、時間。留言人。3.2.7運營管理琴行可以針對當前節(jié)日，等特殊情況可以對器材商品或者音樂課程進行運營策劃活動，或者是學員的組織活動等。對應的運營策劃海報圖可以上傳到運營中心，學生用戶登入系統(tǒng)，選擇運營中心便可查看，減少了琴行營銷活動的運營成本。3.3模塊流程圖學員信息與教師登入系統(tǒng)可以進行多種操作，教師可以查看當前預約課程的學員信息。學員可以購買商品，預約課程，發(fā)布留言等。其具體流程圖如下3.2所示：圖3.2 教師和學員登入功能流程圖管理員登入系統(tǒng)后可以維護基礎(chǔ)數(shù)據(jù)，包括用戶信息的新增修改刪除，商品信息的新增修改刪除，課程信息的發(fā)布與刪除，場地的新增與刪除，留言管理等。管理員具體流程圖如下3.3

34、所示：圖3.3 管理員登入功能流程圖數(shù)據(jù)庫設(shè)計系統(tǒng)開發(fā)目標確定以后，下一步應該是數(shù)據(jù)庫設(shè)計。數(shù)據(jù)庫設(shè)計是一個項目開發(fā)的基礎(chǔ)，設(shè)計好的數(shù)據(jù)庫，可以讓研發(fā)時間節(jié)省一半。所以，數(shù)據(jù)庫的設(shè)計開發(fā)的系統(tǒng)的性能以及開發(fā)和維護有著非常重要的作用。為了在保證系統(tǒng)功能的基礎(chǔ)上，加上簡單易用原則，本系統(tǒng)采用了MYSQL數(shù)據(jù)庫進行系統(tǒng)的數(shù)據(jù)庫，完全滿足系統(tǒng)所需功能的實現(xiàn)。4.1數(shù)據(jù)庫的分析與設(shè)計計算機軟件系統(tǒng)以數(shù)據(jù)庫操作為核心，在數(shù)據(jù)庫管理工具的支持下，進行系統(tǒng)信息的存儲、檢索、更新、刪除、備份、統(tǒng)計等操作。目前數(shù)據(jù)庫已經(jīng)成為現(xiàn)代信息管理系統(tǒng)的基礎(chǔ)與核心部分。數(shù)據(jù)庫設(shè)計的好壞直接影響到整個管理系統(tǒng)的運行質(zhì)量和使用效

35、率。在設(shè)計數(shù)據(jù)庫時，應注意以下幾點： （1）實體屬性轉(zhuǎn)換成數(shù)據(jù)庫表字段設(shè)計時，不要添加不相干的冗余字段，即為需要才存儲原則 REF _Ref4986 w h 10。（2）數(shù)據(jù)庫規(guī)范化規(guī)則，數(shù)據(jù)庫統(tǒng)一標準和命名規(guī)則編碼。（3）數(shù)據(jù)庫安全問題，保證數(shù)據(jù)庫用戶權(quán)限嚴格劃分，不同用戶指定不同讀寫權(quán)限。（4）考慮系統(tǒng)的性能的基礎(chǔ)上，數(shù)據(jù)庫建立之初定義的大小與數(shù)據(jù)庫容量增長大小應設(shè)置在一個合理的范圍內(nèi)。（5）數(shù)據(jù)庫要具有良好的可維護，可拓展性。（6）盡量追尋數(shù)據(jù)庫設(shè)計的三大范式原則 REF _Ref5113 w h 11。4.2數(shù)據(jù)庫的概念結(jié)構(gòu)設(shè)計概念設(shè)計是指在數(shù)據(jù)分析的基礎(chǔ)上自底向上的建立整個系統(tǒng)的數(shù)據(jù)

36、庫概念結(jié)構(gòu)，從用戶的角度進行視圖設(shè)計，然后將視圖集成，最后對集成的結(jié)構(gòu)分析優(yōu)化得到最后結(jié)果。數(shù)據(jù)庫的概念結(jié)構(gòu)設(shè)計采用實體聯(lián)系（E-R）模型的設(shè)計方法。E-R模型法的組成元素有：實體、屬性和實體與實體的關(guān)系，E-R模型用E-R圖表示，是提示各實體之間工作環(huán)境中所涉及的事物，屬性則是對實體特性的描述 REF _Ref5355 w h 12。概念設(shè)計的目標是產(chǎn)生反映企業(yè)組織信息要求的數(shù)據(jù)庫概念結(jié)構(gòu)，即概念模式。概念模式是獨立于數(shù)據(jù)庫邏輯結(jié)構(gòu)，獨立于支持數(shù)據(jù)庫的DBMS，不依賴于計算機系統(tǒng)的，根據(jù)以上對數(shù)據(jù)庫的需求分析，并結(jié)合系統(tǒng)概念模型的特點及建立方法，建立E-R模型圖。該琴行管理系統(tǒng)的E-R圖如圖

37、4.1、圖4.2所示：圖4.1 教師與學員授課關(guān)系E-R圖圖4.2 教師工資關(guān)系E-R圖4.3數(shù)據(jù)庫的詳細設(shè)計4.3.1數(shù)據(jù)庫邏輯模型用戶表（user）：用戶ID（主鍵）、賬號信息，密碼、賬號類型、手機、QQ號、郵箱、地址、學校訂單信息表（order）：訂單ID（主鍵）、商品名稱、地址、授課老師、訂單時間、購買人、購買人名稱、價格、課程區(qū)間時長場地信息表（place）：場地ID（主鍵）、場地名稱、地址、狀態(tài)、負責人、電話商品信息表（product）：商品信息ID（主鍵）、商品ID、商品名稱、價格、圖片信息、類型、品牌留言反饋表（message）：留言ID（主鍵）、留言人、創(chuàng)建時間、留言內(nèi)容運營

38、活動表（setup）：運營ID（主鍵）、運營海報圖4.3.2數(shù)據(jù)庫表結(jié)構(gòu)用戶表用來存放用戶基本資料，包括登入的賬號資料，其中該表通過TAG字段標志位區(qū)分管理員，教師和學員用戶 REF _Ref10893 w h 13。用戶信息屬于唯一，定義了唯一主鍵，用戶表設(shè)計如下：表4.1 用戶信息表user字段名字段描述數(shù)據(jù)類型長度可空ID主鍵，用戶idinteger11否USER_NAME賬號名varcahr20是PASSWORD密碼varchar20是TAG類型varchar20是PHONE手機varchar20是QQQQ號varchar20是EMAIL郵箱varchar20是ADDRESS地址var

39、char100是SCHOOL學校varchar20是訂單信息表用來存放學生所購買商品的訂單信息，包括實體音樂器材商品和虛擬音樂課程商品等。其表設(shè)計如下：表4.2 訂單信息表order字段名字段描述數(shù)據(jù)類型長度可空ID主鍵，訂單idinteger11否PRODUCT_NAME商品名稱varchar20是ADDRESS地址varchar20是USER_NAME授課老師varchar20是TIME訂單時間date是USERID購買人varchar20是續(xù)表4.2字段名字段描述數(shù)據(jù)類型長度可空USERNAME購買人名稱varchar20是PRICE價格varchar20是TIMES課程區(qū)間時長varc

40、har20是場地表主要用來記錄教師所授課的地點信息，其表設(shè)計如下：表4.3 場地信息表place字段名字段描述數(shù)據(jù)類型長度可空ID主鍵，場地idinteger11否PLACE_NAME場地名稱varchar20是ADDRESS地址varchar100是STATUS狀態(tài)varchar20是PEOPLE負責人varchar20是PHONE電話varchar20是商品表用例記錄琴行的所有商品信息，包括實體的音樂器材商品，虛擬的課程信息商品等，通過STYLE字段區(qū)分。其商品表設(shè)計如下：表4.4 商品信息表product字段名字段描述數(shù)據(jù)類型長度可空PID主鍵，商品IDinteger11否PRODUCT

41、_NAME商品名稱varchar20是PRICE價格varchar20是IMAGE圖片信息varchar20是STYLE類型varchar20是BRAND品牌varchar20是留言反饋表主要是用來記錄學生的留言信息，供琴行管理者查看，其對于的表設(shè)計如下：表4.5 留言反饋表message字段名字段描述數(shù)據(jù)類型長度可空ID主鍵，留言IDinteger11否USERNAME留言人varchar20是CREATETIME創(chuàng)建時間varchar20是MSG留言內(nèi)容varchar200是運營表主要用來存放琴行運營策劃活動的海報圖片信息，其表可以簡單設(shè)計，設(shè)計如下所示：表4.6運營活動表setup字段名

42、字段描述數(shù)據(jù)類型長度可空ID主鍵，運營IDinteger11否IMAGE運營海報圖varchar20是第五章 詳細設(shè)計與實現(xiàn)前面的章節(jié)實現(xiàn)了概要設(shè)計，而詳細設(shè)計則是在概要設(shè)計的基礎(chǔ)上進行技術(shù)點和程序塊的細化 REF _Ref6276 w h 14。上一章節(jié)已經(jīng)完成了數(shù)據(jù)庫的詳細設(shè)計，已經(jīng)具備功能的詳細編碼及頁面設(shè)計的條件。5.1 用戶中心模塊功能與實現(xiàn)5.1.1 左側(cè)菜單顯示用戶登入左側(cè)菜單顯示代碼如下所示，對于的功能截圖如5.1所示： if (first & != login) matched = path: /, meta: title: 首頁 .concat(matched) this.

43、levelList = matched console.log(matched)最終效果菜單顯示界面如下：圖5.1 左側(cè)菜單顯示界面用戶登入后需要獲取左側(cè)菜單，后通過$route路由方法獲取當前登入角色的權(quán)限，并獲取所有權(quán)限菜單信息，通過this.levelList對象獲取輸出。5.2 商品管理模塊功能實現(xiàn)5.2.1 商品列表顯示功能實現(xiàn)商品管理列表顯示模塊顯示商品信息其核心代碼如下所示，對于的功能截圖如5.2所示： this.$xhr(getPro, this.searchData).success(res = this.context = res.data this.context.for

44、Each(e = if (e.style = 1) e.style = 商品 else e.style = 課程 )商品列表顯示結(jié)果圖如下：圖5.2 商品列表顯示界面商品管理主要是所有商品列表顯示與新增商品功能部分，商品列表為顯示所有商品數(shù)據(jù)，創(chuàng)建getPro方法，調(diào)用xhr.js文件聲明的接口地址，得到接口返回值對象，判斷返回值對象style的值，如果style=1，則表示為商品信息，為其他值則表示為課程信息。最后forEach循環(huán)輸出所有數(shù)據(jù)。5.2.2 商品添加功能實現(xiàn)管理員新增商品核心邏輯代碼如下，對于的功能截圖如5.3： if (valid) this.$xhr(addPro, th

45、is.ruleForm).success(res = this.$message.success(商品添加成功) this.$router.back() ).error(res = this.$message.error(res.message) ) 頁面效果如下：圖5.3 新增商品界面管理員新增商品,前端通過form表單提交，并且通過表單的validate驗證表單提交數(shù)據(jù)是否完整，當ruleForm表單對象驗證成功后，直接調(diào)用$xhr對象的addPro接口，添加商品成功后，返回提示信息，5.2.3 商品修改功能實現(xiàn)商品修改，選擇要修改的商品信息后，前端會通過$router.params對象將

46、商品id提交給后臺，后臺通過傳入id字段調(diào)用userDetail接口方法獲取到當前的商品詳細對象，并將對象data賦值給前端ruleForm對象。最終在前段顯示可編輯的商品信息，當商品保存時，其邏輯同商品新增。其核心代碼如下，對于功能截圖如圖5.4： this.$xhr(editUser, this.ruleForm).success(res = this.$router.push(/userList) this.$message.success(修改用戶成功)頁面效果如下：圖5.4 修改商品信息界面5.3 場地管理模塊功能實現(xiàn)5.3.1 場地列表功能實現(xiàn)場地管理主要是琴行場地列表顯示與新增場

47、地功能部分，場地數(shù)據(jù)列表顯示調(diào)用getPlace方法，獲取所有場地信息data數(shù)據(jù)，然后將data對象綁定到tableData對象中采用forEach循環(huán)顯示到界面中，其場地列表核心代碼如下所示，對應的功能截圖如5.5： this.$xhr(getPlace, req).success(res = this.tableData5 = res.data this.page.total = res.total this.tableData5.forEach(e = switch (e.status) case 0: e.status = 未使用 break case 1: e.status = 使

48、用中 break case 2: e.status = 已預訂 break )頁面效果如下：圖5.5 場地列表界面5.3.2 場地新增功能實現(xiàn)場地新增，為了保證數(shù)據(jù)完整與安全性，對該功能數(shù)據(jù)新增時，需要做強制校驗，其自定義ruleForm表單校驗，基于Jquery的validate框架驗證,場地數(shù)據(jù)驗證通過后，調(diào)用addPlace方法，直接將驗證后的數(shù)據(jù)提交到后臺，完成數(shù)據(jù)的插入，其核心代碼如下,功能截圖如5.6： this.$xhr(addPlace, this.ruleForm).success(res = this.$router.back() this.$message.success

49、(創(chuàng)建場地成功) );頁面效果如下：圖5.6 新增場地界面5.4 訂單管理模塊功能實現(xiàn)5.4.1 訂單列表功能實現(xiàn)訂單管理數(shù)據(jù)在學生用戶對商品下單或者對課程進行預約成功后數(shù)據(jù)會同步到訂單管理系統(tǒng)中，調(diào)用getOrder方法，獲取數(shù)據(jù)中心的所有訂單信息，getOrder接口方法將查詢到的返回集用data對象封裝，然后賦值給saleData對象，然后通過forEach內(nèi)置方法，將所有訂單數(shù)據(jù)循環(huán)輸出，對于字段為空的情況，賦值默認為“無”，其核心代碼如下，對應的功能截圖如5.7所示： this.$xhr(getOrder).success(res = this.saleData = res.data

50、 this.saleData.forEach(e = e.time = e.time.slice(0, 10) )訂單管理頁面如下：圖5.7 訂單管理界面5.4.2 選課功能實現(xiàn)學員角色在登入系統(tǒng)后，查看商品信息，會查看到當前的實體音樂器材商品信息和虛擬的課程信息，用戶選擇對應的課程進行預訂，前端通過localStorage.getItem(userId)獲取當前用戶ID，localStorage.getItem(userName)對象獲取當前用戶姓名，通過form表單提交獲取當前用戶的選課信息，然后調(diào)用addOrder方法，生成選課訂單，對應的核心代碼如下，功能截圖如5.8所示： this.

51、form.userId = localStorage.getItem(userId) this.form.userName = localStorage.getItem(userName) this.$xhr(addOrder, this.form).success(res = this.chooseClass = false this.$message.success(選課成功) this.$router.push(/classList)學員選課頁面如下：圖5.8 學員選課界面5.4.3 商品購買功能實現(xiàn)同樣，學員角色在登入系統(tǒng)后，查看商品信息后，學員可以直接選擇對應的商品進行購買，和預約課

52、程邏輯與代碼實現(xiàn)類似，同樣前端通過localStorage.getItem(userId)獲取當前用戶ID，localStorage.getItem(userName)對象獲取當前用戶姓名，通過form表單提交獲取當前用戶的選課信息，然后調(diào)用addOrder方法，生成選課訂單，對應的核心代碼如下，功能截圖如5.9所示： this.form.userId = localStorage.getItem(userId) this.form.userName = localStorage.getItem(userName) this.$xhr(addOrder, this.form).success(

53、res = this.$message.success(購買成功) 學員購買商品頁面如下：圖5.9 購買商品測試5.5 工資結(jié)算模塊功能實現(xiàn)教師在授課完成后，通過系統(tǒng)操作授課結(jié)束，授課時間點過后，系統(tǒng)會生成對應的教師工資結(jié)算單，工資數(shù)據(jù)是根據(jù)授課完畢的基礎(chǔ)課程生成而來。通過getPro獲取所有的商品信息，通過style=2條件過濾掉實體音樂器材商品。調(diào)用getOrder接口方法獲取所有訂單信息。將獲取到的商品信息與訂單列表中的商品信息進行對比，然后獲取訂單中的時間比較。獲取當前教師是否已完成授課，完成授課的將會生成對應的工資賬單。其對應的核心代碼如下，對應的功能截圖如5.10所示：this.$

54、xhr(getPro).success(prd = var className = prd.data.forEach(product = if(product.style = 2) className.push(duct_name) ) this.$xhr(getOrder).success(res = res.data.forEach(order = 工資結(jié)算管理界面：圖5.10 工資結(jié)算界面5.6 留言反饋管理功能代碼及說明5.6.1 留言反饋功能實現(xiàn)學生用戶使用該系統(tǒng)，購買商品，預約課程后，都可以對服務(wù)體驗，系統(tǒng)友好度等進行留言反饋，增強學生與琴行之間的互動。發(fā)布留言最重要的是時間必須是

55、當前時間，通過new Date（）獲取當前系統(tǒng)時間，然后通過localStorage對象的getItem方法獲取當前的登入用戶。調(diào)用sendMessage接口方法提交意見評論。其發(fā)布留言核心代碼如下，對應的功能截圖如5.11所示： this.$xhr(sendMessage, params).success(res = this.$message.success(意見反饋成功) this.msg = ).error(res = this.$message.error(res.message) ) 發(fā)布留言界面如下：圖5.11 發(fā)布留言反饋界面5.6.2 留言查看功能實現(xiàn)留言列表查看，直接調(diào)用$

56、xhr類中聲明的lookMessage方法，可獲取所有留言信息，其核心代碼如下，對應功能截圖如5.12所示： this.$xhr(lookMessage).success(res = this.tableData5 = res.data ).error(res = this.$message.error(res.message) )留言列表界面如下：圖5.12 留言反饋列表界面5.7 運營管理功能代碼及說明琴行可以針對當前節(jié)日，等特殊情況可以對器材商品或者音樂課程進行運營策劃活動，或者是學員的組織活動等。對應的運營策劃海報圖可以上傳到運營中心，學生用戶登入系統(tǒng)，選擇運營中心便可查看，減少了琴行

57、營銷活動的運營成本。運營管理功能主要就是圖片上傳功能，通過file文件對象獲取文件流，通過localStorage.getItem(image)對象獲取圖片信息，其核心代碼如下，對應的功能截圖如5.13所示：import picAddress from /config.jsonlet temp = localStorage.getItem(image) if (!temp) localStorage.setItem(image, ) else this.arr = JSON.parse(localStorage.getItem(image) 運營活動管理界面：圖5.13 運營活動管理界面第六章

58、 測試6.1測試目的系統(tǒng)測試階段是計算機管理系統(tǒng)在開發(fā)周期中一個非常重要且漫長的的階段 REF _Ref8441 r h 15。其重要性體現(xiàn)在他是保證系統(tǒng)運行穩(wěn)定與可靠性的關(guān)鍵手段，是對整個系統(tǒng)開發(fā)過程包括系統(tǒng)需求分析、系統(tǒng)概要設(shè)計以及系統(tǒng)功能實現(xiàn)的最終審查。測試的目標是以較少的時間和人力資源，至多的去發(fā)現(xiàn)系統(tǒng)中潛伏的各種錯誤和缺陷，確保管理系統(tǒng)的質(zhì)量 REF _Ref8503 r h 16。測試主要參照的標準為：需求分析階段所確定的用戶需求；功能模塊的設(shè)計；處于對管理體系的穩(wěn)定性和功能完整性；系統(tǒng)正常運行功能上的具體實現(xiàn)。6.2測試項目的背景本次測試對象為原聲琴行管理系統(tǒng)，主要目的是為了檢測

59、系統(tǒng)各個模塊功能是否暢通，是否可以正常使用，數(shù)據(jù)交互是否完整，系統(tǒng)在兼容性方面、性能方面是否存在設(shè)計方面的不足，系統(tǒng)運行時，占用服務(wù)器資源是否合理。6.2.1 測試要點系統(tǒng)被測特性：對系統(tǒng)軟件進行功能性測試；對系統(tǒng)軟件進行非功能性測試。系統(tǒng)不被測特性：源代碼，邏輯等；模塊功能接口，操作異常錯誤處理模塊，本地數(shù)據(jù)模塊，模塊執(zhí)行實施過程中的獨立路徑，邊界值測試方案模塊 REF _Ref8591 r h 17；單元（模塊）之間的數(shù)據(jù)互通性等。6.2.2 測試內(nèi)容測試的實質(zhì)即為系統(tǒng)測試的需求，測試內(nèi)容主要包含功能測試、兼容性測試和系統(tǒng)性能測試。測試該琴行管理系統(tǒng)如下：登入系統(tǒng)時的權(quán)限驗證；數(shù)據(jù)的輸入與

60、顯示的完整性；功能模塊數(shù)據(jù)交互的完整性；數(shù)據(jù)操作（查詢，添加，修改，刪除）的完整性；6.3 測試方法本小節(jié)主要敘述了測試的環(huán)境、測試使用工具和測試方法。6.3.1 測試環(huán)境PC機一臺、Tomcat7.0服務(wù)器、火狐瀏覽器和MySQL數(shù)據(jù)庫以及網(wǎng)絡(luò)。系統(tǒng)配置如下。1）軟件配置操作系統(tǒng)：Windows 7、Windows 8、Windows 10。數(shù)據(jù)庫系統(tǒng)：MySQL5.7版本。瀏覽器：火狐瀏覽器46版本。2）硬件需求CPU：CORE i3及以上。內(nèi)存：1GB及以上。硬盤：500GB及以上。6.3.2該系統(tǒng)的測試方法測試方法：由于本次測試的依據(jù)是需求設(shè)計文檔，已經(jīng)知曉系統(tǒng)所有功能模塊的具體實現(xiàn)，