基于微信小程序的美容美發(fā)預約系統(tǒng)的設計與實現(xiàn)

在快節(jié)奏的時代當中，人們很難抽出恰當?shù)臅r間來去到實體店來保養(yǎng)美化自己，往往已經制定的安排被迫取消，這實在當代人的一個痛點。假如有一款不需要下載app的微信小程序，微信用戶基數(shù)大，小程序是部署在微信平臺運行的，簡單，快捷，極度方便人們使用，至此就提出了一款基于微信小程序的美容美發(fā)預約項目，通過小程序，顧客只需要在手機上瀏覽各種美容美發(fā)美甲項目，可以減免顧客消費的場地不定性，消費時間不定性，以及內容的不定性，通過微信小程序就可以提前了解美容項目的具體詳情，而不需要到實體店等待技師的介紹。根據自己的空閑時間來預約自己想要的美容美發(fā)等項目，可以享受提前預約，隨時預約，隨時取消，理性安排的優(yōu)越體驗感，避免直接到店享受美容美發(fā)項目的人滿為患，店鋪休息等各種尷關鍵詞：提前預約小程序美容美發(fā)保養(yǎng)美化wechathasalargeuserbase,andtheAwechatplatform,whichissimple,fastvariousbeautysalonandnailsalonprojectsontheirmobwhichcanreducetheuncWECHATAPPcanbeawareofthespecificdetailsofbeautyprogramsinexperienceofmakingappointm第一章引言 11.1開發(fā)背景 11.2研究目的和意義 11.3研究內容及創(chuàng)新點 21.3.1主要工作內容 21.3.2小程序主要創(chuàng)新點 21.4技術支持 21.5本章小結 3第二章開發(fā)相關概念與技術 42.1關于小程序的介紹 42.1.1小程序的概念 42.1.2小程序的作用 42.2小程序前端的介紹 52.2.1系統(tǒng)開發(fā)所需的技能 52.3微信開發(fā)者工具 62.4本章小結 6第三章系統(tǒng)開發(fā)環(huán)境與流程 73.1運行環(huán)境 73.2系統(tǒng)開發(fā)流程 73.3本章小結 8第四章系統(tǒng)功能需求 94.1系統(tǒng)功能概述 94.2系統(tǒng)常規(guī)功能 94.2.1首頁模塊 94.2.2技師模塊 4.2.3預約訂單模塊 4.2.4個人中心模塊 4.3本章小結 第五章系統(tǒng)總體設計 5.1編寫目的 5.2總體軟件實現(xiàn)架構描述 5.2.1軟件層次結構 5.2.2軟件實現(xiàn)技術架構 5.2.3系統(tǒng)總體模塊結構 5.3系統(tǒng)常規(guī)功能子系統(tǒng) 5.3.1首頁模塊 5.3.2技師模塊 5.3.3預約訂單模塊 5.3.4個人中心模塊 5.4本章小結 第六章數(shù)據庫設計 6.1數(shù)據庫選擇 6.2接口設計 6.3數(shù)據庫表設計 6.3.1概述 6.3.2數(shù)據庫概念設計 6.3.3數(shù)據庫邏輯設計 6.4本章小結 第七章系統(tǒng)的測試 7.1功能模塊測試 7.2兼容性測試 7.3本章小結 第八章總結 參考文獻 致謝 1第一章引言1.1開發(fā)背景微信成為人們日常使用最多的消費，通訊工具，擁有大量的用戶量，微信小程序作為以微信平臺為基準的不用下載app就能使用里面的功能，自然吸引了大而美容美發(fā)預約系統(tǒng)正是基于當前火爆的微信小程序的的開發(fā)，顧客只需在日常的通訊工具微信中使用微信小程序直接可以進入到美容美發(fā)預約小程序里面，瀏覽美容美發(fā)套餐的的相關信息并實現(xiàn)一鍵預約，簡單快捷。1.2研究目的和意義(1)研究目的：愛美之心人皆有之，在這個城市步伐快節(jié)奏的工作生活當中，特別對于女孩子來說，能在繁忙的工作或者學習之余抽出一段小小的空閑去做一次美容或者美卻有一個苦惱?美容院是否營業(yè)，是否需要排隊，金錢預留是怎樣的，有什么美容美發(fā)套餐我可以去放松的，預留的時間是否充裕，這其中充滿太多的未知性嚴重降低顧客的消費欲望。美容美發(fā)預約小程序的的宗旨就是讓顧客能提前了解到套餐的服務內容，了解美容美發(fā)套餐的透明度。自己能有選擇性預約保養(yǎng)套餐，做到自己安排時間，減少金錢，時間，精力三者的盲目性。(2)研究意義：時代的發(fā)展變遷，人們在解決溫飽的基礎上，越來越注重自己的外在形象，一個好的形象在很多場合都讓你更加出眾，基于這個需求，各種美容美發(fā)實體店如雨后春筍一般拔地而起，格式各樣的美容套餐層出不窮，有需求就有供應，目前的美容美發(fā)店鋪基本都是顧客進店詢問套餐的服務內容，技師，服務時間，金額等信息再選擇套餐進行消費，線上預約好套餐確定好時間再去店里消費，消費的主動權掌握在顧客手中，有助于顧客合理安排時間精力進行享受消費，很好得避免了顧客時間精力的浪費，線上預約再消費是一個新的消費的主流，相信能打破傳統(tǒng)的消費觀念，讓顧客進行美容美發(fā)消費的同時，時間的可安排性，未知因素的確定性，消費的透明度得到更好的掌控。21.3研究內容及創(chuàng)新點1、美容美發(fā)預約小程序以顧客的消費流程作為基礎詳細的分析與討論，搭建項目組成結構以及理清并掌握其中的核心的問題，需要學習小程序的組成與構架，同時參考大量小程序網頁相關專業(yè)的知識、課外書籍以及網絡資源來輔助完2、美容美發(fā)預約小程序的基礎結構，首先要將界面搭建成型，以及做好界面的基礎交互，主要分為小程序的外觀頁面分布設計、具體功能模塊的應用、以及走通基礎小程序的業(yè)務流程。3、需要對國內目前的美容美發(fā)項目的組成以及商業(yè)架構，以及人們消費心理等多方面的知識都有基礎的分析能力和了解4、小程序的的開發(fā)周期需要持續(xù)一段較長的時間，在這個過程中需要到微信開發(fā)者平臺了解微信小程序前端的知識體系，后端需要用到什么框架，以及后端數(shù)據和前端的交互等多方面的知識，全面了解開發(fā)過程中所需要用到的知識點，提升小程序開發(fā)工作效率，減少小程序開發(fā)的周期。1、美容美發(fā)預約小程序是一個大膽的嘗試，與傳統(tǒng)的源生應用程序最大的區(qū)別在于，不用下載那繁瑣的應用，只需要一個小小的網頁，就可以達到有源生應用程序同樣的使用效果。2、美容美發(fā)預約小程序的界面簡潔明了，特征突出，目的明確，顧客使用起來小程序在人機交互方面更加簡易。3、美容美發(fā)預約小程序使用接口的方式訪問數(shù)據，前端讀取后端數(shù)據的讀取速度更加快速。4、美容美發(fā)預約小程序采用靈活的前后端分離技術，頁面良好的交互性更好的適應數(shù)據信息的改進和創(chuàng)新?！睹廊菝腊l(fā)預約》是基于微信小程序開發(fā)的一款應用程序，所涉及到的技術棧有以下幾種：基礎語言采用的是JavaScript,網頁骨架采用HTML,網頁外觀CSS,數(shù)據庫采用主流數(shù)據庫mysql,后端接口開發(fā)語言Node.js,開發(fā)工具采用31.5本章小結本章介紹了第三產業(yè)中的美容美發(fā)項目線上預約的發(fā)展前景，基于目前微信小程序正在熱門當中，開發(fā)一項基于微信小程序的美容美發(fā)預約系統(tǒng)，顧客可以通過小程序提前瀏覽到商品的詳細情況，讓顧客實現(xiàn)先線上了解并預約再門店消費。做到時間，金錢，精力的同步掌控，同時還介紹了微信小程序所需要的基本技術以及做好一款微信預約小程序需要做什么,如何做?？偞?，便是本章論文所描述的大體內容。4第二章開發(fā)相關概念與技術2.1關于小程序的介紹用微信小程序訪問網頁可以做到與原生app同樣功能，微信用戶只需要拿出手機掃一掃小程序二維碼，好友分享鏈接或者在微信搜一下小程序名字就可以打開應2015年以來，微信小程序開始慢慢變得火熱起來，相對原生app,人們更喜歡輕盈便捷的網頁小程序，小程序也慢慢走進社會的大多數(shù)行業(yè)，比如金融業(yè)，教育，銷售餐飲等每個行業(yè)都有對應的小程序，小程序活躍在各大市場當中。小程序的興起帶動了中國IT界對于微信小程序的研發(fā)的熱潮，受到數(shù)以萬計的普通程序員的追捧，同時小程序還應用于公交，地鐵等大多數(shù)公共場合，讓每一個微信用戶都能享受小程序帶來的便捷，小程序的興起為大多數(shù)人贏得了就業(yè)機會，單是2017年，小程序帶動人們就業(yè)就達到180萬的數(shù)目，大大增加社會效益。小程序，方便快捷，不占用內存，安全穩(wěn)定開發(fā)成本低，入口眾多等多方面的優(yōu)點讓它在市場中占有很大的分量。小程序作為一個便捷的網頁程序，輕小，快捷得特點讓它滲透了行業(yè)的各個領域，小程序場景的使用與設計使得它成為互聯(lián)網新的一匹“黑馬”,它的出現(xiàn)被業(yè)界稱為變革的先驅者。事實上小程序也確實做到了，它在潛移默化中改變了用戶對應用的使用習慣，基于線下的消費，服務需求，引領線上開發(fā)，產品為王小程序最重要一個屬性，就是可以通過更改接口及時的更新網站內容與信息，用戶可以在最短時間了解小程序最新發(fā)布內容，隨時瀏覽最新消息而不需要下載更新。信息的更新會隨著接口的改變而隨之改變，并不會存在信息延遲的特點，大大提高了微信小程序的靈活性，同時提供了用戶的更優(yōu)越的用戶體驗。3.平臺沒有限制微信小程序是一款運行在微信上的網頁。無論任何電腦以及手機安裝有通訊52.2小程序前端的介紹方面的需求日益增高，既要視覺上的滿足也要增加使用者的用戶交互體驗，而就能滿足視覺上的要求以及小程序與使用者的交的是增加人機交互體驗和邏輯數(shù)據的處理。JavaScript負責將數(shù)據庫的數(shù)據傳遞給前端頁面并進行渲染，而用戶的操作交互則通過JS的邏輯思維進行對數(shù)據2.2.1系統(tǒng)開發(fā)所需的技能主要的功能是構建界面元素并進行數(shù)據的渲染展示。的標準庫維護狀態(tài)活躍，主要的標準庫包括：Underscore,Loadsh,Ramda,MathJS,Moment,Sugar等當前熱門的JS標準庫。6最關鍵的是新興的node.js把JavaScript引入了服務器端，JavaScript已經成Node.js提供一種簡單安全的方法在JavaScript中構建高性能，可擴展性的網絡應用程序，主要特點有：單線程，非阻塞，事件驅動編程，以及跨平臺。適用于密集型場景，ResultFulAPI,RPC服務等多個流行場景，最重要的是Node.js可以作為基礎工具，前端領域的編譯器，構建工具，搭建腳手架等，比較出名的例如Webpack,Guip都是比較成功的。2.3微信開發(fā)者工具微信開發(fā)者工具是微信官方提供給開發(fā)者開發(fā)使用并進行調試的工具，借用微信開發(fā)者工具可以更方便，安全得開發(fā)符合需求功能的網頁小程序。開發(fā)者工具的簡單易用，易部署，易發(fā)布等優(yōu)點，帶動開發(fā)人員開發(fā)微信小程提供小程序開發(fā)文檔，目的是引導和幫助小程序開發(fā)人員解決開發(fā)所遇到的重點微信開發(fā)者工具能實現(xiàn)開發(fā)調試、編輯代碼和發(fā)布程序等多方面重要功能。本章講述了微信小程序的基本信息以及前端與以及開發(fā)工具等概念，通過了解開發(fā)所需要的WXMLWXSSJavaScript等前端知識，對于開發(fā)有很大的知識框架，對于開發(fā)的過程有很大的指導作用，從基礎知識概念到實際運用知識操作，7第三章系統(tǒng)開發(fā)環(huán)境與流程支撐環(huán)境和版本：微信開發(fā)者工具V1.02mysqlworkbench8.01、可行性分析與需求調研：經過市場走訪多家美容美化店鋪發(fā)現(xiàn)，目前的大部分美容美發(fā)服務大多數(shù)都是通過顧客進店咨詢和顧客打電話進行預約服務2、需求分析：美容美發(fā)預約小程序是運行在微信上面的，顧客只需要在微3、概要設計：美容美發(fā)預約小程序主要分為四個模塊，首頁模塊，技師模84、詳細設計：美容美發(fā)預約小程序主要分為四個模塊，首頁模塊，技師模塊，我的模塊，以及預約訂單管理模塊。在首頁模塊，顧客可以首頁瀏覽到商品服務的信息，顧客可以根據不同的項目來進行對服務進行切換，點擊項目圖片可以跳轉到商品服務具體信息頁面，顧客可以填寫基本信息，對服務進行預約；在技師模塊，顧客可以選擇技師并可以瀏覽技師的基本信息，并可以選擇該技師名下的服務進行預約；在我的模塊，顧客可以瀏覽商家的基本信息，并由此進入預約訂單管理界面；在預約訂單模塊，進入預約訂單預約列表，顧客可以對預約訂單信息的瀏覽，并可以進行對訂單的取消操作。5、系統(tǒng)編碼：根據詳細設計的要求，在認真分析預約整個流程過程中進行對數(shù)據結構，以及算法分析，同試實現(xiàn)各模塊數(shù)據聯(lián)通，并根據需求進行嚴謹編碼，系統(tǒng)的功能，性能，接口，界面等方面均符合要求。6、測試驗收：根據詳細設計文檔來測試系統(tǒng)軟件的功能，性能，接口，界面等多方面能否符合要求。本章主要研究系統(tǒng)的開發(fā)流程與系統(tǒng)所需環(huán)境，從需求分析到測試驗收，明確系統(tǒng)開發(fā)每一步所走的流程，以及系統(tǒng)開發(fā)需要的軟硬件、系統(tǒng)環(huán)境以及其他需求，從需求分析開始著手，明確自己的系統(tǒng)需要那些功能點，那些功能點是符合用戶需求的，避免出現(xiàn)沒有意義的功能點，概要設計與詳細設計的目的是，確認那一部分功能為側重點，哪一些功能為難點實現(xiàn)的功能，做好接下來的開發(fā)的時間精力安排。為開發(fā)者提供一個的清晰路徑過程以及一個明確的目標需求，對于系統(tǒng)的功能設計有很大的指導作用。9第四章系統(tǒng)功能需求《美容美發(fā)預約》系統(tǒng)是一款基于微信小程序開發(fā)的美容美發(fā)預約系統(tǒng)，主要是用來讓顧客可以通過使用微信小程序提前預約到相應的美容美發(fā)套餐服務，先線上預約再自己安排時間到店里面進行消費服務，該美容美發(fā)預約系統(tǒng)主要包含首頁模塊、技師模塊、預約訂單模塊、我的模塊四個大模塊。首頁模塊：主要包含廣告，以及商品服務的列表展示，并實現(xiàn)商品服務預約的功能。技師模塊：主要是技師信息的展示，以及技師所屬的服務商品得列表展示功能，預約訂單模塊：主要是查詢預約服務詳細情況功能，個人中心模塊：主要是預約訂單查詢的入口功能，和查詢美容美發(fā)商家信息的功能。(1)主頁頁面的響應序列流程：接口獲取數(shù)據成功以后，首頁上方會有廣告輪播圖，下方是美容美化的套餐信息，分頁有五個分類切換，分別為“推薦”“美甲”“美容”“美發(fā)”“美睫”在不同的分類下有不同的服務信息，顧客可以根據自己想要的服務點擊進去不同的分頁，點擊對應的套餐，進入相關的詳情信息頁面并能實現(xiàn)預約，圖4-1所示。預的期手預的期手￥工￥工師圖4-1主頁信息頁面(2)失敗后的主頁頁面，提示顧客“暫無數(shù)據”,圖4-2所示，失敗的原1、網絡異常造成的加載數(shù)據失敗2、有網絡，但是非常慢，以至于到達設定的延時時間失敗3、接口數(shù)據編碼錯誤異常，數(shù)據訪問失敗4、數(shù)據庫數(shù)據異常，數(shù)據訪問失敗5、其他未列出的錯誤預的助手推預的助手推暫無數(shù)據注就期西圖4-2主頁信息加載失敗頁面當顧客點擊對應的套餐，進入套餐詳情信息頁面，顧客會瀏覽到套餐的基本信息，下圖4-3所示暖股純色甲價格：￥88詳情描述甲立期預約立期預約圖4-3套餐詳細信息頁面當顧客點擊預約套餐，進入商品預約資料信息頁面，顧客填寫選擇基本信息以后即可預約套餐，并生成套餐預約訂單，圖4-4,圖4-5所示所示選擇聯(lián)系人服務時間留志信息圖4-4預約填寫信息頁面我的預的暖暖純色甲圖4-5預約列表信息頁面4.2.2技師模塊(1)響應序列流程：顧客點擊下表導航“技師”,進入技師頁面，可以看到技師人員的列表，選擇技師點擊可進去技師的詳細個人信息，顧客可以了解到技師的的工作經歷等多方面的信息，以及屬于技師的美容美發(fā)套餐，供應顧客選擇圖4-6所示。物的圖4-6技師列表信息頁面(2)失敗后的技師頁面，提示顧客“暫無數(shù)據”,如圖4-7所示，失敗的原因可能有如下原因：1、網絡異常造成的加載數(shù)據失敗2、有網絡，但是非常慢，以至于到達設定的延時時間失敗3、接口數(shù)據編碼錯誤異常，數(shù)據訪問失敗4、數(shù)據庫數(shù)據異常，數(shù)據訪問失敗技師許情貞工母；9527工作響揮，溫馨服務，真情護理，為每一個天生解防的你提供優(yōu)質離效的服務!愈無數(shù)貓圖4-7技師詳情信息加載失敗頁面本服務內容，圖4-8所示紅聊2%工題：932/工作平：陳馨柳務真情護埔，為四-T生押施【酸部內容】**圖4-8技師詳情信息頁面4.2.3預約訂單模塊(1)響應序列流程：顧客填寫信息，確定預約下單以后，在我的預約下面會生成，預約訂單的基本信息，圖4-9所示載的預約圖4-9預約列表信息頁面(2)顧客預約下未生成預約訂單的原因主要有如下原因：1、網絡異常造成的加載數(shù)據失敗2、有網絡，但是非常慢，以至于到達設定的延時時間失敗3、接口數(shù)據編碼錯誤異常，數(shù)據訪問失敗4、數(shù)據庫數(shù)據異常，數(shù)據訪問失敗5、其他未列出的錯誤當顧客點擊預約訂單列表，會展示預約訂單的基本信息，同時顧客可以取消預約，訂單列表將會在列表中刪除。圖4-10所示盼瞬純色甲價格：￥88技州：Jack時間!30分中致地登沙粉自然通透不詳情描述中服務時間：哪務間-2020-03-208:30服務時長：30分鐘圖4-10預約列表詳情頁面4.2.4個人中心模塊(1)響應序列流程：顧客點擊“我的”頁面，將會有兩個功能入口，分別是“我的預約”和“店鋪信息”圖4-11所示關于我的我的預約我的預約店鋪信息店鋪信息如出如出圖4-11我的信息頁面當顧客點擊“我的預約”,會展示預約訂單的基本信息如4-12所示，同時顧客可以點擊“店鋪信息”,訂單列表將會在列表中刪除。圖4-13所示我的預的暖暖純色甲圖4-12我的預約訂單頁面學學商家信息雅致軒小店就業(yè)時間：8:30-23:00店鋪宗旨返回首頁返回首頁圖4-13店鋪信息頁面4.3本章小結每個頁面到具體的操作流程都作了一個詳盡的介紹，這些的功能點的分析，不但有利于項目順利開發(fā)，而且還能讓閱讀者對整個系統(tǒng)有了初步的了解，方便閱讀者對本小程序的操作，這一章系統(tǒng)功能模塊的分析對開發(fā)的指導有很大的指導作用的，開發(fā)者需要根據需求文檔來編寫相應的程序的功能，如果沒有一個準確的開發(fā)功能的需求文檔來作為基礎標準，到后面出現(xiàn)一些需求變更或者不明確的要求，會對整個項目的進展產生嚴重的影響，所以本章的描述對于后續(xù)的進展是非第五章系統(tǒng)總體設計5.1編寫目的系統(tǒng)總體設計的目的是確定美容美發(fā)預約系統(tǒng)的主要功能與性能參數(shù)，使用的技術，系統(tǒng)所使用的架構等一些重要的參數(shù)指標，系統(tǒng)設計是軟件開發(fā)完成的地基，底層建設決定高層的堅固，大大程度上決定了軟件開發(fā)過程中所用到的功能模塊，技術，時間，成本等因素，這些因素決定了軟件后續(xù)的開發(fā)流程能否正確進行，系統(tǒng)設計是在小程序的用戶需求基礎上，對軟件的層次結構，軟件實現(xiàn)的技術框架，軟件的模塊結構等多方面進行分析，構建產品總圖以及功能總圖，可以看出，系統(tǒng)總體設計是在軟件開發(fā)中最重要的指導框架，能提高系統(tǒng)總體藍圖的構建，架構起整個系統(tǒng)的總體流程。[描述軟件層次結構，每個層次需要完成的功能。從總體的角度進行功能模塊的劃分，并對關鍵的功能模塊進行定位]圖5-1所示：愿愿配貿文件圖5-1軟件總體框架5.2.2軟件實現(xiàn)技術架構[說明整個軟件項目的實現(xiàn)技術架構。比如采用什么平臺、開發(fā)工具等。],圖5-2所示：微信開發(fā)者工微信開發(fā)者工具庫開發(fā)工具數(shù)據庫圖5-2軟件實現(xiàn)技術架構5.2.3系統(tǒng)總體模塊結構圖5-3所示：ψ技師業(yè)圖5-3系統(tǒng)總體模塊架構首頁是展示給用戶展示總體的美容美發(fā)系統(tǒng)總體的頁面信息，,在首頁種展分類展示的數(shù)據都是通過接口調用數(shù)據庫數(shù)據。圖5-4所示：小程序首頁小程序首頁工美發(fā)數(shù)據庫上業(yè)套餐信息美發(fā)美容圖5-4首頁總體功能模塊技師模塊展示技師列表，顧客選擇技師以后，進入技師基本信息展示頁面，同時顧客可以瀏覽到技師的服務套餐，并選擇套餐服務進行預約。圖5-5所示：技師技師業(yè)技師列表技師基本信息技師所屬套餐圖5-5技師功能模塊5.3.3預約訂單模塊預約訂單模塊主要是展示顧客在程序預約訂單，顧客可以查詢觀看，如果顧客臨時有事，想要取消已經預約的項目，那么顧客可以選擇點擊訂單，可以進入訂單詳情頁，然后選擇取消已經預約的訂單。圖5-6所示：預約訂單預約訂單列表預約訂單基本信息操作已預約訂單圖5-6預約訂單功能模塊5.3.4個人中心模塊我的模塊主要實現(xiàn)兩個功能“我的預約”和“店鋪信息”:功能分別是顧客進入預約訂單的入口以及顧客可以查詢店鋪信息的功能。圖5-7所示：圖5-7個人中心功能模塊5.4本章小結本章是分析系統(tǒng)的總體設計以及常規(guī)子系統(tǒng)模塊化介紹，軟件的層次結構和技術框架的介紹，每個功能點實現(xiàn)的功能點得講述，通過功能流程圖對整個而預約系統(tǒng)進行闡述，系統(tǒng)的邏輯思路清晰明了。第六章數(shù)據庫設計記信息，MySQL分為Sever層和存儲引擎層，可以執(zhí)行大量的數(shù)據庫執(zhí)行語句，MySQL的組件包括：連接器，查詢緩存，分析器，優(yōu)化器，執(zhí)行器組成?？梢赃\行在多個系統(tǒng)上并支持多種編程語言。1:外部接口：鍵盤，鼠標的讀入操作，并對輸入的數(shù)據進行邏輯性的處理，與內部接口進行交互。2:內部接口方面：接口函數(shù)的調用，傳遞參數(shù)，傳遞返回值等多方面方式進行數(shù)據信息之間的交互，保證前后端的數(shù)據互通。按照內容所需進行搭建MySQL數(shù)據庫表格，單個部分建立一個表建有聯(lián)系，編寫數(shù)據庫執(zhí)行語句寫進數(shù)據庫中，如若已存在的表則通過更新方式添加進去，并通過接口的方式來調用數(shù)據并進行操作。6.3.2數(shù)據庫概念設計a.店家：屬性包括：店名、店鋪地址、營業(yè)時間、聯(lián)系方式、服務宗旨；這些屬性決定了顧客可以在這里查看有關店家得基本信息。b.技師：屬性包括：技師編號、肖像、姓名、年齡、工作時長、所屬店鋪、座右銘；這些屬性決定了顧客可以查看技師的基本信息的儲存，技師編號作為該實體主鍵。師；這些屬性決定了套餐的基本信息，套餐編號作為實體主鍵。d.顧客：顧客實體所擁有的屬性包含：姓名、聯(lián)系方式；通過E-R圖，我們可以直接看到系統(tǒng)數(shù)據的一個流動情況。下列列出系統(tǒng)重要數(shù)據表的實體圖：a.店家實體圖的屬性包括：店名、店鋪地址、營業(yè)時間、聯(lián)系方式、服務宗旨等，圖6-1所示：服務宗服務宗旨店家聯(lián)系方式曹業(yè)時間地址店名圖6-1店家實體圖b.技師實體圖屬性包含：技師編號、肖像、姓名、年齡、工作時長、所屬店鋪、座右銘等，圖6-2所示：所屬店所屬店鋪年齡技師編號工作時長座右銘姓名圖6-2技師實體圖c.套餐實體圖屬性包含：編號、相冊、名稱、價格、簡介、詳細信息、所屬技師，具體圖6-3所示：所屬技所屬技師相片息編號簡介圖6-3套餐實體圖d.顧客實體圖屬性有：姓名、聯(lián)系方式等，圖6-4所示：式圖6-4顧客實體圖e.預約系統(tǒng)總體E-R圖，圖6-5所示：年齡姓名技師編號長姓名姓名式鋪服務技師服務管理選擇聯(lián)系方式店名店家管理服務宗營業(yè)時師息編號圖6-5系統(tǒng)總體E-R圖在上圖中，實體以及實體名用一個矩形來說明，實體屬性及其屬性名用橢圓來說明，菱形表示實體之間的關系，菱形內部為關系名。6.3.3數(shù)據庫邏輯設計服務分類數(shù)據表product用于儲存美美發(fā)等分類信息數(shù)據，所需要的數(shù)據主鍵名類型長度含義服務分類的值分類的名稱分類的圖標分類的備注分類的狀態(tài)分類創(chuàng)建的時間分類修改的時間具體的建表語句圖6-6所示：idint(11)NOTNULLAUTO_INCREstatustinyintnotnulldefault1comment'1正常0ENGINE=InnoDBDEFAULTCHARSET=u圖6-6服務分類數(shù)據2、服務套餐數(shù)據表服務套餐數(shù)據表product_combo用于儲存美美發(fā)等套餐的詳細信息數(shù)據，所需要的數(shù)據主要以JSON數(shù)據返回，主要的鍵有如下幾個：鍵名類型長度含義服務套餐數(shù)據表的值服務套餐的圖片服務套餐的標題服務套餐的價格服務套餐的簡介服務信息的詳細信息服務套餐的唯一id技師的id服務套餐的狀態(tài)服務套餐創(chuàng)建的時間服務套餐修改的時間具體的建表語句圖6-7所示：idint(11)NOTNULLAUTO_INCREMENT,product_idint(11)notnulldefaulto,)ENGINE=InnODBDEFAULTCHARSET=utf8mb4;圖6-7服務套餐數(shù)據鍵名類型長度含義技師唯一的id技師的圖片技師的名字技師年齡技師的工作時間技師的座右銘技師的所屬店鋪技師列表的狀態(tài)技師表格創(chuàng)建的時間技師表格修改的時間8圖6-8技師信息數(shù)據鍵名類型長度含義預約訂單唯一的id顧客的名字顧客的電話顧客的備注服務時間預約訂單的狀態(tài)預約訂單創(chuàng)建的時間預約訂單修改的時間具體的建表語句圖6-9所示：圖6-9預約訂單信息數(shù)據在這一章節(jié)中，了解MySQL數(shù)據庫的工作原理以及數(shù)據庫的數(shù)據之間的結構，這兩個內容對于構建好系統(tǒng)的后臺數(shù)據有著重要指導的作用，構建好數(shù)據庫的表結構，處理好數(shù)據庫數(shù)據之間的邏輯情況，根據前端頁面以及數(shù)據的交換搭建數(shù)據庫后臺數(shù)據，做好前端與后臺數(shù)據的同時能從后臺數(shù)據庫通過接口提取數(shù)據返回給前臺調用。實現(xiàn)真正的前后端分離，完善項目的基本框架。第七章系統(tǒng)的測試章主要的內容是對小程序進行多個方面的測試，當中包括功能測試和兼容性測表7.1實驗操作模塊測試用例及測試結果表測試項目描述/操作執(zhí)行結果測試結果交互1.廣告輪播圖是否正常展示。2.點擊首頁頁面的分類的是否能正確展1.廣告輪播圖正常展示，無卡頓2.點擊首頁分頁功能，頁面正確展示分頁套餐信息。通過技師頁UI交互1.點擊技師列表，能展示技師基本個人信息。2.技師對應的美容美發(fā)套餐正確1.點擊技師列表，能展示技師基本個人信息。2.技師對應的美容美化套餐正確通過我的頁面UI交互1.能否進入預約訂單信息頁面，且數(shù)據正確。2.能否正確展示商家的基本信息。1.能進入預約訂單信息頁面，且數(shù)據正確。2.能正確展示商家的基本信息。通過預約訂單的生成顧客瀏覽美容美發(fā)套餐信息以后，輸入基本信息進行預約，能否在訂單列表中生成，并在數(shù)據庫插入相關數(shù)據。頃客瀏覽美容美發(fā)套餐信息以后，輸入基本信息進行預約，能在訂單列表中生成，并在數(shù)據庫插入相關數(shù)據。通過預約訂單的取消顧客選擇預約訂單，進行取消預約的操作，預約訂單能否從訂單列表中刪除，且數(shù)據庫清空訂單信息。頃客選擇預約訂單，進行取消預約的操作，預約訂單能從訂單列表中刪除，且數(shù)據庫清空訂單信息。通過兼容測試的目的是確認美容美發(fā)預約小程序是否可以在不同的手機操縱系表7.2美容美發(fā)預約小程序兼容性測試用例及測試結果表測試項目描述/操作執(zhí)行結果測試結果在開發(fā)者工具當中，選擇不同的iPhone各個不同版本之間的頁面布局以預覽模式，檢查各個及數(shù)據沒有出現(xiàn)錯亂，數(shù)據正常通過的運行情不同版本之間的頁況面布局以及數(shù)據是手機上的使用安卓手機掃碼調試，檢查各個不同版本之間的頁面布局以及數(shù)據是否出使用安卓手機調試系統(tǒng)，頁面布局以及數(shù)據沒有出現(xiàn)錯亂，數(shù)據正常展示。通過自己的努力付出終究會收獲結果，經過長時間的努力研究，順利完成了微信小程序的預約系統(tǒng)畢業(yè)設計，回顧剛開始籌備畢業(yè)設計、先是系統(tǒng)需求分析、再到總體設計、數(shù)據庫設計還有后期功能兼容性等的測試，在這一個持續(xù)的過程中讓我對軟件的開發(fā)流程有了更深的了解，進一步的了解軟件開發(fā)過程中每個環(huán)節(jié)對于開發(fā)的重要性，在開發(fā)的過程中，為了能夠有目的的開發(fā)小程序，我去學習研究了node的express框架怎么搭構小程序接口，mysql如何為小程序搭配數(shù)據庫，以及小程序前端的知識點HTML,CSS在前端應用的實例，如何構建舒適簡潔的頁面，最重要的是前端如何通過接口對后端數(shù)據庫的讀寫操作，以后的工作中對于前端與后端數(shù)據的讀寫操作以及接口的實例應用在工作中有很大的幫助，這次畢業(yè)設計是一個非常好的機遇，讓我有機會從頭到尾經歷了軟件開發(fā)完整的流程，學習到的知識有很多方面的，中間遭遇了很多的開發(fā)困難和阻礙，多數(shù)是在開發(fā)過程中遇到的難題，不過在謝云老師的指導下，以及同學的幫忙，還有查詢網絡上的開發(fā)實例，開發(fā)的問題在逐步解決，逐步完善系統(tǒng)的架構。微信用戶在快速增長的背景下，而微信小程序肯定也將成為非常重要的開發(fā)領域，簡單的網頁程序就可以解決用戶的需求，提前預約美容美發(fā)項目，省事省力省精力，這也是在開發(fā)美容美發(fā)預約系統(tǒng)的一個初衷。時間過得飛快，轉眼間畢業(yè)設計就接近了結尾，在開發(fā)系統(tǒng)的過程中，我學習到了很多的關于小程序相關的知識點和認識了自身存在的不足，在開發(fā)過程中遇到的問題有助于讓我一個道理，遇到問題虛心的向他人學習或者自己查閱資料不停琢磨，遇到問題要想辦法盡力的解決，完善自己的項目。畢業(yè)設計的完成，我對未來充滿了信心，我會在軟件的道路上努力前行激勵自己，追求更美好的生活。[1]于大偉.基于WEB的數(shù)據庫應用系統(tǒng)優(yōu)化管理解決方法[D].吉林大學，2005.[2]毛沖.淺談CSS3在網頁開發(fā)中的特性[J].江西廣播電視大學學報，2014(1):92-94.[3]胡晶.基于HTML5的Web移動應用開發(fā)研究[J].工業(yè)控制計算機，2014,(10):80-81.[4]劉全志.于治樓?；贑SS選擇器的HTML信息抽取研究[J].信息技術與信息化，2015,無線互聯(lián)科技，2015,(11):38-39.通訊世界，2015,(12):282.科技視界，2016,(24):227-228.科技展望，2016,(26):10.電腦迷，2016,(12):179.致謝論文的編寫與畢業(yè)設計的系統(tǒng)開發(fā)設計是一個漫長且艱苦的歷業(yè)設計軟件的開發(fā)流程，做到論文與畢設系統(tǒng)開發(fā)同步進行。在緊迫的時間內，保持頭腦的清醒，每天要安排好今天要完成的任務點，做到有規(guī)劃，有目標。理性安排學習任務，保持畢設論文以及系統(tǒng)的開越努力越幸運，我在完善畢業(yè)設計過程中，遇到什么想不明白的問題，自己研究不透，我就向指師請教問題尋求答案，論文的所有章節(jié)的修改與完成，以及系統(tǒng)開發(fā)過程中的功能完善，離不開導師謝云老師的指導。在我眼中，我覺得謝云老師擁有很專業(yè)的知識和非常嚴謹?shù)膽B(tài)度，謝云老師指出的錯誤以及需要修改的地方都是我值得需要在這里表示感謝，祝愿她在往后的生活中工作順利身體健康。除此感謝導師之外，感謝我的同班同學和幫助我一起完成畢設的朋友們，他們花費了寶貴的時間和我探討論文的寫作以及軟件的功能需求，希望能和他們共同成長，共同進步。最后，我想對大學四年給我學習上幫助的所有家人和老師還有朋捷鍵與一些電腦小技巧這是高手最常用的第一快捷組合鍵。這個快捷鍵組合可以將桌面上的所有窗口瞬間最小化，無論是聊天的窗口還是游戲的窗口……只要再次按下這個組合鍵，剛才的所有窗口都回來了，而且激活的也正是你最小化之前在使用的窗口!其實，還有一個更簡單的辦法，就是按winkey+r!如果打開的窗口太多，這個組合鍵就非常有用了，它可以在一個窗口中顯示當前打開的所有窗口的名稱和圖標●,選中自己希望要打開的窗口，松開這個組合鍵就可以了。而alt+tab+shift鍵則去摸鼠標了!小提示：winkey指的是鍵盤上刻有windo鍵和一個屬性關聯(lián)鍵。107鍵盤又稱為win98鍵盤，比104鍵多了睡這3個鍵大部分位于鍵盤的右上方。F10或ALT激活當前程序的菜單欄在win9x中打開關閉程序對話框刪除被選擇的選擇項目，如果是文件，將被放入回收站刪除被選擇的選擇項目，如果是文件，將被直接刪除而不是剪切被選擇的項目到剪貼板CTRL+INSERT或CTRL+C復制被選擇的項目到剪貼板ALT+BACKSPACE或CTRL+Z撤銷上一步的操作ALT+SHIFT+BACKSPACE重做上一步被撤銷的操作Windows鍵+D:最小化或恢復windows窗口Windows鍵+U:打開“輔助工具管理器”重新將恢復上一項操作前窗口的大小和位置Windows鍵+E打開資源管理器Windows鍵+FWindows鍵+RWindows鍵+BREAKWindows鍵+CTRL+F打開當前活動項目的快捷菜單在放入CD的時候按下不放，可以跳過自動播放CD。在打開word的時候按下不放，可以跳過自啟動的宏關閉當前應用程序中的當前文本(如word中)切換到當前應用程序中的下一個文本(加shift可以跳到前顯示前一頁(前進鍵)顯示后一頁(后退鍵)在頁面上的各框架中切換(加shift反向)2.刪除以下文件夾中的內容：x:\DocumentsandSettings\用廣名\Cookies\下的所有文件(保留index文件)x:\DocumentsandSettings\川戶名\LocalSettings\Temp\下的所有文件(用戶臨時文件)下的所有文件(頁面文件)x:\DocumentsandSettings用戶名\LocalSettingsHistory\下的所有文件(歷x:\DocumentsandSettings\用戶名\Recent\下的所有文件(最近瀏覽文件的快捷方式)x:WINDOWS\Temp\下的所有文件(臨時文件)x:WINDOWS\ServicePackFiles(升級spl或sp2后的備份文件)x:WINDOWS\DriverCachei386下的壓縮文件(驅動程序的備份文件)x:WINDOWS:SoftwareDistribution\download下的所有文件4.然后對磁盤進行碎片整理，整理過程中請退出一切正在運行的程序一個還原點”(最好以當時的日期作為還原點的名字)7、在各種軟硬件安裝妥當之后，其實XP需要更新文件的時候就很少了。刪除系統(tǒng)備份文件吧：開始→運行→sfc.cxc/purgccache近3xxM。(該命令的作用是立即清除"Windows文件保護"文件高速緩存，釋放出其所占據的空間)用的dI檔，只要你已拷貝了安裝文件，完全可以這樣做。硬件的可能性不大，所以也可以考慮將這個備份刪除，文件位于\windows\drivercache\i386目錄下，名稱為driver.cab,你直接將它刪除就可以了，通常這個文件是74M。文輸入法這些輸入法，如果用不著，我們可以將其刪除。輸入法位于\windowslimel文件夾中，全部古用了88M的空間。11、升級完成發(fā)現(xiàn)windows多了許多類似$NtUninstallQ311889$這些目錄，都干掉吧，1x-3xM12、另外，保留著\windows\helpH錄下的東西對我來說是一種傷害，呵呵。。。都下掉!13、關閉系統(tǒng)還原：系統(tǒng)還原功能使用的時間一長，就會占用大量的硬盤空間。因此有必要對其進行手工設置，以減少硬盤占用量。打開"系統(tǒng)屬性"對話框，選擇"系統(tǒng)還原"選項，選擇"在所有驅動器上關閉系統(tǒng)還原"復選框以關閉系統(tǒng)還原。也可僅對系統(tǒng)所在的磁盤或分區(qū)設置還原。先選擇系統(tǒng)所在的分區(qū)，單擊"配置"按鈕，在彈出的對話框中取消"關閉這個驅動器的系統(tǒng)還原"選項，并可設置用于系統(tǒng)還原的磁盤空間大小。14、休眠功能會古用不少的硬盤空間，如果使用得少不妨將共關閉，關閉的方法是的：打開"控制面板",雙擊"電源選項",在彈出的"電源選項屬性"中將它們卸載。但其中有一些組件XP默認是隱藏的，在"添加/刪除Windows這