基于微信小程序的美容美发预约系统的设计与实现

摘要在快节奏的时代当中，人们很难抽出恰当的时间来去到实体店来保养美化自己，往往已经制定的安排被迫取消，这实在当代人的一个痛点。假如有一款不需要下载app的微信小程序，微信用户基数大，小程序是部署在微信平台运行的，简单，快捷，极度方便人们使用，至此就提出了一款基于微信小程序的美容美发预约项目，通过小程序，顾客只需要在手机上浏览各种美容美发美甲项目，可以减免顾客消费的场地不定性，消费时间不定性，以及内容的不定性，通过微信小程序就可以提前了解美容项目的具体详情，而不需要到实体店等待技师的介绍。根据自己的空闲时间来预约自己想要的美容美发等项目，可以享受提前预约，随时预约，随时取消，理性安排的优越体验感，避免直接到店享受美容美发项目的人满为患，店铺休息等各种尴尬的问题。关键词：提前预约小程序美容美发保养美化AbstractInthefast-pacedera,itisdifficulttofindtherighttimetogotothestoretomaintaintheirbeautification,oftenhasbeenestablishedarrangementshavebeenforcedtocancel,thisisapainincontemporarypeople.IfthereisawechatAPPthatdoesn'tneedtodownloadanAPP,wechathasalargeuserbase,andtheAPPisdeployedtorunonthewechatplatform,whichissimple,fastandextremelyconvenientforpeopletouse,sofar,abeautysalonreservationprojectbasedonawechatAPPhasbeenproposed.ThroughtheAPP,customersonlyneedtobrowsevariousbeautysalonandnailsalonprojectsontheirmobilephones,whichcanreducetheuncertaintyofthevenueforcustomers'consumption,consumptiontimeuncertainty,aswellascontentuncertainty,throughtheWECHATAPPcanbeawareofthespecificdetailsofbeautyprogramsinadvance,withouttheneedtogotothestorewaitingfortheintroductionoftechnicians.AccordingtotheirownfreetimetomakeappointmentsfortheBeautySalonandotheritemstheywant,theycanenjoythesuperiorexperienceofmakingappointmentsinadvance,makingappointmentsatanytime,cancellingatanytime,arrangingrationally,andavoidingtheovercrowdingofpeoplewhogodirectlytothestoretoenjoythebeautysalonandhairsalonitems,awkwardquestionsaboutthestorebreak.Keywords:MakeanappointmentinadvanceAppletHairdressingMaintenanceandbeautification目录TOC\o"1-3"\h\u第一章引言 引言开发背景微信成为人们日常使用最多的消费，通讯工具，拥有大量的用户量，微信小程序作为以微信平台为基准的不用下载app就能使用里面的功能，自然吸引了大量微信用户的喜欢，对比传统的原生应用程序，微信小程序似乎更加的简单快捷，而美容美发预约系统正是基于当前火爆的微信小程序的的开发，顾客只需在日常的通讯工具微信中使用微信小程序直接可以进入到美容美发预约小程序里面，浏览美容美发套餐的的相关信息并实现一键预约，简单快捷。1.2研究目的和意义（1）研究目的：爱美之心人皆有之，在这个城市步伐快节奏的工作生活当中，特别对于女孩子来说，能在繁忙的工作或者学习之余抽出一段小小的空闲去做一次美容或者美发是每一个爱美女孩子的心愿，而当每次想去美容店放松一下，享受一下的时候，却有一个苦恼？美容院是否营业，是否需要排队，金钱预留是怎样的，有什么美容美发套餐我可以去放松的，预留的时间是否充裕，这其中充满太多的未知性严重降低顾客的消费欲望。美容美发预约小程序的的宗旨就是让顾客能提前了解到套餐的服务内容，了解美容美发套餐的透明度。自己能有选择性预约保养套餐，做到自己安排时间，减少金钱，时间，精力三者的盲目性。研究意义：时代的发展变迁，人们在解决温饱的基础上，越来越注重自己的外在形象，一个好的形象在很多场合都让你更加出众，基于这个需求，各种美容美发实体店如雨后春笋一般拔地而起，格式各样的美容套餐层出不穷，有需求就有供应，目前的美容美发店铺基本都是顾客进店询问套餐的服务内容，技师，服务时间，金额等信息再选择套餐进行消费，线上预约好套餐确定好时间再去店里消费，消费的主动权掌握在顾客手中，有助于顾客合理安排时间精力进行享受消费，很好得避免了顾客时间精力的浪费，线上预约再消费是一个新的消费的主流，相信能打破传统的消费观念，让顾客进行美容美发消费的同时，时间的可安排性，未知因素的确定性，消费的透明度得到更好的掌控。1.3研究内容及创新点1.3.1主要工作内容1、美容美发预约小程序以顾客的消费流程作为基础详细的分析与讨论，搭建项目组成结构以及理清并掌握其中的核心的问题，需要学习小程序的组成与构架，同时参考大量小程序网页相关专业的知识、课外书籍以及网络资源来辅助完成。 2、美容美发预约小程序的基础结构，首先要将界面搭建成型，以及做好界面的基础交互，主要分为小程序的外观页面分布设计、具体功能模块的应用、以及走通基础小程序的业务流程。 3、需要对国内目前的美容美发项目的组成以及商业架构，以及人们消费心理等多方面的知识都有基础的分析能力和了解 4、小程序的的开发周期需要持续一段较长的时间，在这个过程中需要到微信开发者平台了解微信小程序前端的知识体系，后端需要用到什么框架，以及后端数据和前端的交互等多方面的知识，全面了解开发过程中所需要用到的知识点，提升小程序开发工作效率，减少小程序开发的周期。1.3.2小程序主要创新点 1、美容美发预约小程序是一个大胆的尝试，与传统的源生应用程序最大的区别在于，不用下载那繁琐的应用，只需要一个小小的网页，就可以达到有源生应用程序同样的使用效果。 2、美容美发预约小程序的界面简洁明了，特征突出，目的明确，顾客使用起来小程序在人机交互方面更加简易。 3、美容美发预约小程序使用接口的方式访问数据，前端读取后端数据的读取速度更加快速。 4、美容美发预约小程序采用灵活的前后端分离技术，页面良好的交互性更好的适应数据信息的改进和创新。1.4技术支持《美容美发预约》是基于微信小程序开发的一款应用程序，所涉及到的技术栈有以下几种：基础语言采用的是JavaScript，网页骨架采用HTML，网页外观CSS，数据库采用主流数据库mysql，后端接口开发语言Node.js，开发工具采用微信开发者工具。1.5本章小结本章介绍了第三产业中的美容美发项目线上预约的发展前景，基于目前微信小程序正在热门当中，开发一项基于微信小程序的美容美发预约系统，顾客可以通过小程序提前浏览到商品的详细情况，让顾客实现先线上了解并预约再门店消费。做到时间，金钱，精力的同步掌控，同时还介绍了微信小程序所需要的基本技术以及做好一款微信预约小程序需要做什么，如何做。总此，便是本章论文所描述的大体内容。

开发相关概念与技术2.1关于小程序的介绍2.1.1小程序的概念微信小程序，一款不用下载安装繁琐的应用就可以使用的网页程序，用户使用微信小程序访问网页可以做到与原生app同样功能，微信用户只需要拿出手机扫一扫小程序二维码，好友分享链接或者在微信搜一下小程序名字就可以打开应用并使用其中的功能。2015年以来，微信小程序开始慢慢变得火热起来，相对原生app，人们更喜欢轻盈便捷的网页小程序，小程序也慢慢走进社会的大多数行业，比如金融业，教育，销售餐饮等每个行业都有对应的小程序，小程序活跃在各大市场当中。小程序的兴起带动了中国IT界对于微信小程序的研发的热潮，受到数以万计的普通程序员的追捧，同时小程序还应用于公交，地铁等大多数公共场合，让每一个微信用户都能享受小程序带来的便捷，小程序的兴起为大多数人赢得了就业机会，单是2017年，小程序带动人们就业就达到180万的数目，大大增加社会效益。小程序，方便快捷，不占用内存，安全稳定开发成本低，入口众多等多方面的优点让它在市场中占有很大的分量。2.1.2小程序的作用1.广泛消费场景小程序作为一个便捷的网页程序，轻小，快捷得特点让它渗透了行业的各个领域，小程序场景的使用与设计使得它成为互联网新的一匹“黑马”，它的出现被业界称为变革的先驱者。事实上小程序也确实做到了，它在潜移默化中改变了用户对应用的使用习惯，基于线下的消费，服务需求，引领线上开发，产品为王的新的经营方式。2.可及时更新页面数据小程序最重要一个属性，就是可以通过更改接口及时的更新网站内容与信息，用户可以在最短时间了解小程序最新发布内容，随时浏览最新消息而不需要下载更新。信息的更新会随着接口的改变而随之改变，并不会存在信息延迟的特点，大大提高了微信小程序的灵活性，同时提供了用户的更优越的用户体验。3.平台没有限制微信小程序是一款运行在微信上的网页。无论任何电脑以及手机安装有通讯工具微信即可扫码或者识别并使用，不存在某一方面限制而无法访问。4.提高开发效率，降低开发成本如果将小程序的页面以及功能功能的实现与其他源生应用程序进行对比，从展示布局扩展到，那么小程序的开发并不需要配置相对复杂的环境，以及对应的依赖包。大大得降低管理成本。2.2小程序前端的介绍微信小程序前端是近几年慢慢发展的热门项目，一开始的时候只有简单的应用能实现功能的程序，小程序的火热发酵发展，小程序的使用者对用户交互这一方面的需求日益增高，既要视觉上的满足也要增加使用者的用户交互体验，而JavaScript加上WXSS和WXML就能满足视觉上的要求以及小程序与使用者的交互也能更加融洽，使用WXML，WXSS构成前端页面的组成要素，JavaScript负责的是增加人机交互体验和逻辑数据的处理。JavaScript负责将数据库的数据传递给前端页面并进行渲染，而用户的操作交互则通过JS的逻辑思维进行对数据库的数据进行读写操作。2.2.1系统开发所需的技能1.WXML的逻辑与写法开发人员需要适应WXML的逻辑与编写，WXML不像HTML那么宽松，单个标志需要以END结束，否则运行页面将会报错，无法正确进行页面的渲染，页面将渲染失败，无法满足需求文档所要求的功能页面展示。WXML可以与page页面的动态数据进行绑定，WXML主要的功能是构建界面元素并进行数据的渲染展示。2.WXSS的使用WXSS用来控制WXML的控件在所属page页面当中怎么展示，在页面绘制采用WXSS组件样式，对页面的布局、颜色等因素和页面内容等多方面有着很大的搭建作用，WXSS是通过调控页面结构的风格，从而搭建整个页面的主题风格，WXSS相当于一个修饰器，修饰我们的界面元素之间的布局以及他们之间的相互关系。3.JavaScriptJavaScript是一种轻量级的编程语言，属于脚本解释性语言，JavaScript对于新手来说很容易入门，可插入HTML页面中，由现代所有的浏览器都可以执行程序，JavaScript的标准库维护状态活跃，主要的标准库包括：Underscore,Loadsh,Ramda,MathJS,Moment,Sugar等当前热门的JS标准库。JavaScript的主要用途包括：嵌入动态文本到HTML页面，对浏览器做出响应，读写HTML元素，检测访客的浏览器信息，控制cookies，包括创建和修改等，最关键的是新兴的node.js把JavaScript引入了服务器端，JavaScript已经成为全能型选手。4.nodeJSNode.js提供一种简单安全的方法在JavaScript中构建高性能，可扩展性的网络应用程序，主要特点有：单线程，非阻塞，事件驱动编程，以及跨平台。正是Node.js具有多方面的优点，使得它在服务器端占领一个领先地位。Node.js适用于密集型场景，ResultFulAPI,RPC服务等多个流行场景，最重要的是Node.js可以作为基础工具，前端领域的编译器，构建工具，搭建脚手架等，比较出名的例如Webpack，Guip都是比较成功的。2.3微信开发者工具微信开发者工具是微信官方提供给开发者开发使用并进行调试的工具，借用微信开发者工具可以更方便，安全得开发符合需求功能的网页小程序。开发者工具的简单易用，易部署，易发布等优点，带动开发人员开发微信小程序的积极性、提供小程序开发文档，目的是引导和帮助小程序开发人员解决开发所遇到的重点难点，微信小程序设计指南，旨在帮助小程序开发人员构建总体程序框架与设计，微信开发者工具能实现开发调试、编辑代码和发布程序等多方面重要功能。2.4本章小结本章讲述了微信小程序的基本信息以及前端与以及开发工具等概念，通过了解开发所需要的WXMLWXSSJavaScript等前端知识，对于开发有很大的知识框架，对于开发的过程有很大的指导作用，从基础知识概念到实际运用知识操作，一步一步逐渐完善我们的项目。

第三章

系统开发环境与流程3.1运行环境本软件的运行环境：WINDOWS操作系统。硬件平台：i5及以上操作系统和版本：Windows10支撑环境和版本：微信开发者工具V1.02mysqlworkbench8.03.2系统开发流程1、可行性分析与需求调研：经过市场走访多家美容美化店铺发现，目前的大部分美容美发服务大多数都是通过顾客进店咨询和顾客打电话进行预约服务的主要的两种途径，而通过用户拥有基数大微信小程序来进行对服务的预约还是市面上还是比较少的，开发一款微信小程序来让顾客来预约美容美发套餐是有很大的市场前景的，综上所述，我认为开发微信美容美发预约服务小程序具有可行性。2、需求分析：美容美发预约小程序是运行在微信上面的，顾客只需要在微信上通过网页即可访问，稳定性高，不用下载APP对于那些繁于电话预约来说，通过自己小程序就可以实现美容美发服务的预约功能，小程序是当前比较火爆的的网页程序，通过小程序来预约服务消费简单快捷的特点更是一个亮点，顾客可以在小程序上面进行对商品的浏览并轻易的预约，并安排好时间去店里服务。3、概要设计：美容美发预约小程序主要分为四个模块，首页模块，技师模块，我的模块，以及预约订单管理模块，后端采用接口进行数据的传输，顾客可以先浏览服务信息，进行选择服务进行预约，并可以进入预约订单进行操作，数据库使用mysql用来存储数据信息。4、详细设计：美容美发预约小程序主要分为四个模块，首页模块，技师模块，我的模块，以及预约订单管理模块。在首页模块，顾客可以首页浏览到商品服务的信息，顾客可以根据不同的项目来进行对服务进行切换，点击项目图片可以跳转到商品服务具体信息页面，顾客可以填写基本信息，对服务进行预约；在技师模块，顾客可以选择技师并可以浏览技师的基本信息，并可以选择该技师名下的服务进行预约；在我的模块，顾客可以浏览商家的基本信息，并由此进入预约订单管理界面；在预约订单模块，进入预约订单预约列表，顾客可以对预约订单信息的浏览，并可以进行对订单的取消操作。5、系统编码：根据详细设计的要求，在认真分析预约整个流程过程中进行对数据结构，以及算法分析，同试实现各模块数据联通，并根据需求进行严谨编码，系统的功能，性能，接口，界面等方面均符合要求。6、测试验收：根据详细设计文档来测试系统软件的功能，性能，接口，界面等多方面能否符合要求。3.3本章小结本章主要研究系统的开发流程与系统所需环境，从需求分析到测试验收，明确系统开发每一步所走的流程，以及系统开发需要的软硬件、系统环境以及其他需求，从需求分析开始着手，明确自己的系统需要那些功能点，那些功能点是符合用户需求的，避免出现没有意义的功能点，概要设计与详细设计的目的是，确认那一部分功能为侧重点，哪一些功能为难点实现的功能，做好接下来的开发的时间精力安排。为开发者提供一个的清晰路径过程以及一个明确的目标需求，对于系统的功能设计有很大的指导作用。

第四章

系统功能需求4.1系统功能概述《美容美发预约》系统是一款基于微信小程序开发的美容美发预约系统，主要是用来让顾客可以通过使用微信小程序提前预约到相应的美容美发套餐服务，先线上预约再自己安排时间到店里面进行消费服务，该美容美发预约系统主要包含首页模块、技师模块、预约订单模块、我的模块四个大模块。4.2系统常规功能首页模块：主要包含广告，以及商品服务的列表展示，并实现商品服务预约的功能。技师模块：主要是技师信息的展示，以及技师所属的服务商品得列表展示功能，预约订单模块：主要是查询预约服务详细情况功能，个人中心模块：主要是预约订单查询的入口功能，和查询美容美发商家信息的功能。4.2.1首页模块1.主页页面：（1）主页页面的响应序列流程：接口获取数据成功以后，首页上方会有广告轮播图，下方是美容美化的套餐信息，分页有五个分类切换，分别为“推荐”“美甲”“美容”“美发”“美睫”在不同的分类下有不同的服务信息，顾客可以根据自己想要的服务点击进去不同的分页，点击对应的套餐，进入相关的详情信息页面并能实现预约，图4-1所示。图4-1主页信息页面失败后的主页页面，提示顾客“暂无数据”，图4-2所示，失败的原因可能有如下原因：1、网络异常造成的加载数据失败2、有网络，但是非常慢，以至于到达设定的延时时间失败3、接口数据编码错误异常，数据访问失败4、数据库数据异常，数据访问失败5、其他未列出的错误图4-2主页信息加载失败页面当顾客点击对应的套餐，进入套餐详情信息页面，顾客会浏览到套餐的基本信息，下图4-3所示图4-3套餐详细信息页面当顾客点击预约套餐，进入商品预约资料信息页面，顾客填写选择基本信息以后即可预约套餐，并生成套餐预约订单，图4-4，图4-5所示所示图4-4预约填写信息页面图4-5预约列表信息页面4.2.2技师模块1.技师页面：（1）响应序列流程：顾客点击下表导航“技师”，进入技师页面，可以看到技师人员的列表，选择技师点击可进去技师的详细个人信息，顾客可以了解到技师的的工作经历等多方面的信息，以及属于技师的美容美发套餐，供应顾客选择图4-6所示。图4-6技师列表信息页面（2）失败后的技师页面，提示顾客“暂无数据”，如图4-7所示，失败的原因可能有如下原因：1、网络异常造成的加载数据失败2、有网络，但是非常慢，以至于到达设定的延时时间失败3、接口数据编码错误异常，数据访问失败4、数据库数据异常，数据访问失败5、其他未列出的错误图4-7技师详情信息加载失败页面当顾客点击技师列表，则会展示可以展示技师的个人基本信息以及技师的基本服务内容，图4-8所示图4-8技师详情信息页面4.2.3预约订单模块1.预约订单页面：（1）响应序列流程：顾客填写信息，确定预约下单以后，在我的预约下面会生成，预约订单的基本信息，图4-9所示图4-9预约列表信息页面（2）顾客预约下未生成预约订单的原因主要有如下原因：1、网络异常造成的加载数据失败2、有网络，但是非常慢，以至于到达设定的延时时间失败3、接口数据编码错误异常，数据访问失败4、数据库数据异常，数据访问失败5、其他未列出的错误当顾客点击预约订单列表，会展示预约订单的基本信息，同时顾客可以取消预约，订单列表将会在列表中删除。图4-10所示图4-10预约列表详情页面4.2.4个人中心模块1.我的页面：（1）响应序列流程：顾客点击“我的”页面，将会有两个功能入口，分别是“我的预约”和“店铺信息”图4-11所示图4-11我的信息页面当顾客点击“我的预约”，会展示预约订单的基本信息如4-12所示，同时顾客可以点击“店铺信息”，订单列表将会在列表中删除。图4-13所示图4-12我的预约订单页面图4-13店铺信息页面4.3本章小结第四章把整个《美容美发预约》系统的功能模块做了一个详细的描述与分析，每个页面到具体的操作流程都作了一个详尽的介绍，这些的功能点的分析，不但有利于项目顺利开发，而且还能让阅读者对整个系统有了初步的了解，方便阅读者对本小程序的操作，这一章系统功能模块的分析对开发的指导有很大的指导作用的，开发者需要根据需求文档来编写相应的程序的功能，如果没有一个准确的开发功能的需求文档来作为基础标准，到后面出现一些需求变更或者不明确的要求，会对整个项目的进展产生严重的影响，所以本章的描述对于后续的进展是非常重要的，也是项目的成功的一部分，对于的数据库的设计有着很大的指导作用。

第五章系统总体设计5.1编写目的系统总体设计的目的是确定美容美发预约系统的主要功能与性能参数，使用的技术，系统所使用的架构等一些重要的参数指标，系统设计是软件开发完成的地基，底层建设决定高层的坚固，大大程度上决定了软件开发过程中所用到的功能模块，技术，时间，成本等因素，这些因素决定了软件后续的开发流程能否正确进行，系统设计是在小程序的用户需求基础上，对软件的层次结构，软件实现的技术框架，软件的模块结构等多方面进行分析，构建产品总图以及功能总图，可以看出，系统总体设计是在软件开发中最重要的指导框架，能提高系统总体蓝图的构建，架构起整个系统的总体流程。5.2总体软件实现架构描述5.2.1软件层次结构[描述软件层次结构，每个层次需要完成的功能。从总体的角度进行功能模块的划分，并对关键的功能模块进行定位]图5-1所示：图5-1软件总体框架5.2.2软件实现技术架构[说明整个软件项目的实现技术架构。比如采用什么平台、开发工具等。]，图5-2所示：图5-2软件实现技术架构5.2.3系统总体模块结构图5-3所示：图5-3系统总体模块架构5.3系统常规功能子系统5.3.1首页模块首页是展示给用户展示总体的美容美发系统总体的页面信息，，在首页种展示有两大部分，上方的广告轮播图，下方的是根据不同的分类展示套餐服务信息，分类展示的数据都是通过接口调用数据库数据。图5-4所示：图5-4首页总体功能模块5.3.2技师模块技师模块展示技师列表，顾客选择技师以后，进入技师基本信息展示页面，同时顾客可以浏览到技师的服务套餐，并选择套餐服务进行预约。图5-5所示：图5-5技师功能模块5.3.3预约订单模块预约订单模块主要是展示顾客在程序预约订单，顾客可以查询观看，如果顾客临时有事，想要取消已经预约的项目，那么顾客可以选择点击订单，可以进入订单详情页，然后选择取消已经预约的订单。图5-6所示：图5-6预约订单功能模块5.3.4个人中心模块我的模块主要实现两个功能“我的预约”和“店铺信息”：功能分别是顾客进入预约订单的入口以及顾客可以查询店铺信息的功能。图5-7所示：图5-7个人中心功能模块5.4本章小结本章是分析系统的总体设计以及常规子系统模块化介绍，软件的层次结构和技术框架的介绍，每个功能点实现的功能点得讲述，通过功能流程图对整个而预约系统进行阐述，系统的逻辑思路清晰明了。

数据库设计6.1数据库选择本系统采用的数据库为MySQL数据库，使用MySQL来创建表格数据，备份日记信息，MySQL分为Sever层和存储引擎层，可以执行大量的数据库执行语句，MySQL的组件包括：连接器，查询缓存，分析器，优化器，执行器组成。可以运行在多个系统上并支持多种编程语言。6.2接口设计1：外部接口：键盘，鼠标的读入操作，并对输入的数据进行逻辑性的处理，与内部接口进行交互。2：内部接口方面：接口函数的调用，传递参数，传递返回值等多方面方式进行数据信息之间的交互，保证前后端的数据互通。6.3数据库表设计6.3.1概述按照内容所需进行搭建MySQL数据库表格，单个部分建立一个表格，表之间建有联系，编写数据库执行语句写进数据库中，如若已存在的表则通过更新方式添加进去，并通过接口的方式来调用数据并进行操作。6.3.2数据库概念设计(1)定义实体及其属性：a.店家：属性包括：店名、店铺地址、营业时间、联系方式、服务宗旨；这些属性决定了顾客可以在这里查看有关店家得基本信息。b.技师：属性包括：技师编号、肖像、姓名、年龄、工作时长、所属店铺、座右铭；这些属性决定了顾客可以查看技师的基本信息的储存，技师编号作为该实体主键。c.套餐:本实体属性有:编号、相册、名称、价格、简介、详细信息、所属技师；这些属性决定了套餐的基本信息，套餐编号作为实体主键。d.顾客：顾客实体所拥有的属性包含：姓名、联系方式；(2)E-R图建模通过E-R图，我们可以直接看到系统数据的一个流动情况。下列列出系统重要数据表的实体图：店家实体图的属性包括：店名、店铺地址、营业时间、联系方式、服务宗旨等，图6-1所示：图6-1店家实体图技师实体图属性包含：技师编号、肖像、姓名、年龄、工作时长、所属店铺、座右铭等，图6-2所示:图6-2技师实体图c.套餐实体图属性包含：编号、相册、名称、价格、简介、详细信息、所属技师，具体图6-3所示：图6-3套餐实体图d.顾客实体图属性有：姓名、联系方式等，图6-4所示：图6-4顾客实体图e.预约系统总体E-R图，图6-5所示：图6-5系统总体E-R图在上图中，实体以及实体名用一个矩形来说明，实体属性及其属性名用椭圆来说明，菱形表示实体之间的关系，菱形内部为关系名。6.3.3数据库逻辑设计1、服务分类数据表服务分类数据表product用于储存美美发等分类信息数据，所需要的数据主要以JSON数据返回，主要的键有如下几个：键名类型长度含义idInt(11)服务分类的值nameVarchar(24)分类的名称logoVarchar(255)分类的图标remarkVarchar(40)分类的备注statusTinyint分类的状态created_atTimestamp分类创建的时间Updated_atTimestamp分类修改的时间具体的建表语句图6-6所示：图6-6服务分类数据2、服务套餐数据表服务套餐数据表product_combo用于储存美美发等套餐的详细信息数据，所需要的数据主要以JSON数据返回，主要的键有如下几个：键名类型长度含义idInt(11)服务套餐数据表的值imageVarchar(256)服务套餐的图片titleVarchar(100)服务套餐的标题pricefloat服务套餐的价格suggestVarchar(256)服务套餐的简介infoVarchar(512)服务信息的详细信息product_idInt(11)服务套餐的唯一idtechnicain_idInt(11)技师的idstatusTinyint服务套餐的状态created_atTimestamp服务套餐创建的时间updated_atTimestamp服务套餐修改的时间具体的建表语句图6-7所示：图6-7服务套餐数据3、技师信息数据表技师信息数据表technicain用于储存技师的详细个人信息数据，所需要的数据主要以JSON数据返回，主要的键有如下几个：键名类型长度含义idInt(11)技师唯一的idimageVarchar(256)技师的图片nameVarchar(24)技师的名字ageInt(11)技师年龄world_timeInt(11)技师的工作时间remarkVarchar(512)技师的座右铭Shop_nameVarchar(50)技师的所属店铺statusTinyint技师列表的状态created_atTimestamp技师表格创建的时间updated_atTimestamp技师表格修改的时间具体的建表语句图6-8所示：图6-8技师信息数据4、预约订单信息数据表预约订单信息数据表order用于顾客下达预约订单的有关信息数据，所需要的数据主要以JSON数据返回，主要的键有如下几个：键名类型长度含义idInt(11)预约订单唯一的idnameVarchar(24)顾客的名字telVarchar(15)顾客的电话remarkVarchar(120)顾客的备注server_timedatatime服务时间statusTinyint预约订单的状态created_atTimestamp预约订单创建的时间updated_atTimestamp预约订单修改的时间具体的建表语句图6-9所示：图6-9预约订单信息数据6.4本章小结在这一章节中，了解MySQL数据库的工作原理以及数据库的数据之间的结构，这两个内容对于构建好系统的后台数据有着重要指导的作用，构建好数据库的表结构，处理好数据库数据之间的逻辑情况，根据前端页面以及数据的交换搭建数据库后台数据，做好前端与后台数据的交换，从前端界面将数据写进数据库，同时能从后台数据库通过接口提取数据返回给前台调用。实现真正的前后端分离，完善项目的基本框架。

第七章

系统的测试7.1功能模块测试为了测试美容美发预约系统在实际的操作用能有比较出色的表现，在这一章章主要的内容是对小程序进行多个方面的测试，当中包括功能测试和兼容性测试。本节测试针对美容美发预约小程序的系统的功能操作进行测试。测试使用的方法是黑盒测试，测试过程中发现的所有缺陷，将会进行第二轮测试，做好及时修改和记录。表7.1实验操作模块测试用例及测试结果表测试项目描述/操作执行结果测试结果首页UI交互广告轮播图是否正常展示。点击首页页面的分类的是否能正确展示分页套餐信息。广告轮播图正常展示，无卡顿点击首页分页功能，页面正确展示分页套餐信息。通过技师页UI交互点击技师列表，能展示技师基本个人信息。技师对应的美容美发套餐正确1.点击技师列表，能展示技师基本个人信息。2.技师对应的美容美化套餐正确通过我的页面UI交互能否进入预约订单信息页面，且数据正确。能否正确展示商家的基本信息。1.能进入预约订单信息页面，且数据正确。2.能正确展示商家的基本信息。通过预约订单的生成顾客浏览美容美发套餐信息以后，输入基本信息进行预约，能否在订单列表中生成，并在数据库插入相关数据。顾客浏览美容美发套餐信息以后，输入基本信息进行预约，能在订单列表中生成，并在数据库插入相关数据。通过预约订单的取消顾客选择预约订单，进行取消预约的操作，预约订单能否从订单列表中删除，且数据库清空订单信息。顾客选择预约订单，进行取消预约的操作，预约订单能从订单列表中删除，且数据库清空订单信息。通过7.2兼容性测试兼容测试的目的是确认美容美发预约小程序是否可以在不同的手机操纵系统下的运行情况，以下是美容美发预约小程序兼容性测试的内容以及测试结果：表7.2美容美发预约小程序兼容性测试用例及测试结果表测试项目描述/操作执行结果测试结果系统在iphone5-11的运行情况在开发者工具当中，选择不同的iPhone预览模式，检查各个不同版本之间的页面布局以及数据是否出现错乱。各个不同版本之间的页面布局以及数据没有出现错乱，数据正常展示。通过系统安卓手机上的运行情况。使用安卓手机扫码调试，检查各个不同版本之间的页面布局以及数据是否出现错乱。使用安卓手机调试系统，页面布局以及数据没有出现错乱，数据正常展示。通过7.3本章小结本章对系统进行了功能测试和兼容性测试，测试结果都符合功能需求分析文档中的要求，对系统的测试可以检验系统在不同环境下运行的情况，全面的功能和兼容性测试可以让系统的使用的过程中更趋于稳定，运行也能保持流畅，测试的主要目的是提高系统的质量与以及保证用户体验感。

第八章总结自己的努力付出终究会收获结果，经过长时间的努力研究，顺利完成了微信小程序的预约系统毕业设计，回顾刚开始筹备毕业设计、先是系统需求分析、再到总体设计、数据库设计还有后期功能兼容性等的测试，在这一个持续的过程中让我对软件的开发流程有了更深的了解，进一步的了解软件开发过程中每个环节对于开发的重要性，在开发的过程中，为了能够有目的的开发小程序，我去学习研究了node的express框架怎么搭构小程序接口，mysql如何为小程序搭配数据库，以及小程序前端的知识点HTML，CSS在前端应用的实例，如何构建舒适简洁的页面，最重要的是前端如何通过接口对后端数据库的读写操作，以后的工作中对于前端与后端数据的读写操作以及接口的实例应用在工作中有很大的帮助，这次毕业设计是一个非常好的机遇，让我有机会从头到尾经历了软件开发完整的流程，学习到的知识有很多方面的，中间遭遇了很多的开发困难和阻碍，多数是在开发过程中遇到的难题，不过在谢云老师的指导下，以及同学的帮忙，还有查询网络上的开发实例，开发的问题在逐步解决，逐步完善系统的架构。微信用户在快速增长的背景下，而微信小程序肯定也将成为非常重要的开发领域，简单的网页程序就可以解决用户的需求，提前预约美容美发项目，省事省力省精力，这也是在开发美容美发预约系统的一个初衷。时间过得飞快，转眼间毕业设计就接近了结尾，在开发系统的过程中，我学习到了很多的关于小程序相关的知识点和认识了自身存在的不足，在开发过程中遇到的问题有助于让我一个道理，遇到问题难题不要慌，不能退缩。要脚踏实地，虚心的向他人学习或者自己查阅资料不停琢磨，遇到问题要想办法尽力的解决，完善自己的项目。毕业设计的完成，我对未来充满了信心，我会在软件的道路上努力前行激励自己，追求更美好的生活。参考文献[1]于大伟.基于WEB的数据库应用系统优化管理解决方法[D].吉林大学,2005.[2]毛冲.浅谈CSS3在网页开发中的特性[J].江西广播电视大学学报,2014(1):92-94.[3]胡晶.基于HTML5的Web移动应用开发研究[J].工业控制计算机，2014,（10）：80-81.[4]刘全志.于治楼。基于CSS选择器的HTML信息抽取研究[J].信息技术与信息化，2015,（03）：100-102.[5]王闯.HTML语言的网页制作技巧与方法分析[J].无线互联科技，2015,（11）：38-39.[6]刘曦恺.HTML网页发展的可用性探析[J].通讯世界，2015,（12）：282.[7]魏佳欣，叶飞跃.基于HTML特征与层次聚类的Web查询接口发现[J].计算机工程，2016,（02）：56-61.[8]朱敏.JavaScript在HTML中的应用探讨[J].科技视界，2016,（24）：227-228.[9]罗正蓉，范灵.应用HTML和CSS制作网页[J].科技展望，2016,（26）：10.[10]苟文博，于强.基于MySQL的数据管理系统设计与实现[J].电子设计工程，2017,（06）：62-65.[11]邓皓泽，李默。MySQL数据库性能优化研究[J].电脑迷，2016,（12）：179.

致谢论文的编写与毕业设计的系统开发设计是一个漫长且艰苦的历程，一方面要根据系统要求编写毕业论文，另一方面要同步捉住对毕业设计软件的开发流程，做到论文与毕设系统开发同步进行。在紧迫的时间内，保持头脑的清醒，每天要安排好今天要完成的任务点，做到有规划，有目标。理性安排学习任务，保持毕设论文以及系统的开发进度。越努力越幸运，我在完善毕业设计过程中，遇到什么想不明白的问题，自己研究不透，我就向指师请教问题寻求答案，论文的所有章节的修改与完成，以及系统开发过程中的功能完善，离不开导师谢云老师的指导。在我眼中，我觉得谢云老师拥有很专业的知识和非常严谨的态度，谢云老师指出的错误以及需要修改的地方都是我值得需要注意的，谢云老师担任我的毕业设计指导老师，我觉得自己非常荣幸，在这里表示感谢，祝愿她在往后的生活中工作顺利身体健康。除此感谢导师之外，感谢我的同班同学和帮助我一起完成毕设的朋友们，他们花费了宝贵的时间和我探讨论文的写作以及软件的功能需求，希望能和他们共同成长，共同进步。最后，我想对大学四年给我学习上帮助的所有家人和老师还有朋友们给以崇高的敬意和深深的感谢。

捷键与一些电脑小技巧HYPERLINKwinkey+d:

这是高手最常用的第一快捷组合键。这个快捷键组合可以将桌面上的所有窗口瞬间最小化，无论是聊天的窗口还是游戏的窗口……只要再次按下这个组合键，刚才的所有窗口都回来了，而且激活的也正是你最小化之前在使用的窗口！

--这个就是winkeywinkey+f:

不用再去移动鼠标点“开始→搜索→文件和文件夹”了，在任何状态下，只要一按winkey+f就会弹出搜索窗口。

winkey+r:

在我们的文章中，你经常会看到这样的操作提示:“点击‘开始→运行’，打开‘运行’对话框……”。其实，还有一个更简单的办法，就是按winkey+r！

alt+tab:

如果打开的窗口太多，这个组合键就非常有用了，它可以在一个窗口中显示当前打开的所有窗口的名称和图标●，选中自己希望要打开的窗口，松开这个组合键就可以了。而alt+tab+shift键则可以反向显示当前打开的窗口。

winkey+e:

当你需要打开资源管理器找文件的时候，这个快捷键会让你感觉非常“爽”！再也不用腾出一只手去摸鼠标了！

小提示:

winkey指的是键盘上刻有windows徽标的键●。winkey主要出现在104键和107键的键盘中。104键盘又称win95键盘，这种键盘在原来101键盘的左右两边、ctrl和alt键之间增加了两个windwos键和一个属性关联键。107键盘又称为win98键盘，比104键多了睡眠、唤醒、开机等电源管理键，这3个键大部分位于键盘的右上方。

再补充点

F1显示当前程序或者windows的帮助内容。

F2当你选中一个文件的话，这意味着“重命名”

F3当你在桌面上的时候是打开“查找：所有文件”对话框

F10或ALT激活当前程序的菜单栏

windows键或CTRL+ESC打开开始菜单

CTRL+ALT+DELETE在win9x中打开关闭程序对话框

DELETE删除被选择的选择项目，如果是文件，将被放入回收站

SHIFT+DELETE删除被选择的选择项目，如果是文件，将被直接删除而不是

放入回收站

CTRL+N新建一个新的文件

CTRL+O打开“打开文件”对话框

CTRL+P打开“打印”对话框

CTRL+S保存当前操作的文件

CTRL+X剪切被选择的项目到剪贴板

CTRL+INSERT或CTRL+C复制被选择的项目到剪贴板

SHIFT+INSERT或CTRL+V粘贴剪贴板中的内容到当前位置

ALT+BACKSPACE或CTRL+Z撤销上一步的操作

ALT+SHIFT+BACKSPACE重做上一步被撤销的操作

Windows键+D：最小化或恢复windows窗口

Windows键+U：打开“辅助工具管理器”

Windows键+CTRL+M重新将恢复上一项操作前窗口的大小和位置

Windows键+E打开资源管理器

Windows键+F打开“查找：所有文件”对话框

Windows键+R打开“运行”对话框

Windows键+BREAK打开“系统属性”对话框

Windows键+CTRL+F打开“查找：计算机”对话框

SHIFT+F10或鼠标右击打开当前活动项目的快捷菜单

SHIFT在放入CD的时候按下不放，可以跳过自动播放CD。在打开wo

rd的时候按下不放，可以跳过自启动的宏

ALT+F4关闭当前应用程序

ALT+SPACEBAR打开程序最左上角的菜单

ALT+TAB切换当前程序

ALT+ESC切换当前程序

ALT+ENTER将windows下运行的MSDOS窗口在窗口和全屏幕状态间切换

PRINTSCREEN将当前屏幕以图象方式拷贝到剪贴板

ALT+PRINTSCREEN将当前活动程序窗口以图象方式拷贝到剪贴板

CTRL+F4关闭当前应用程序中的当前文本（如word中）

CTRL+F6切换到当前应用程序中的下一个文本（加shift可以跳到前

一个窗口）

在IE中：

ALT+RIGHTARROW显示前一页（前进键）

ALT+LEFTARROW显示后一页（后退键）

CTRL+TAB在页面上的各框架中切换（加shift反向）

F5刷新

CTRL+F5强行刷新1.打开“我的电脑”-“工具”-“文件夹选项”-“查看”-在“显示所有文件和文件夹”选项前打勾-“确定”

2.删除以下文件夹中的内容：

x:\DocumentsandSettings\用户名\Cookies\下的所有文件(保留index文件)

x:\DocumentsandSettings\用户名\LocalSettings\Temp\下的所有文件(用户临时文件)

x:\DocumentsandSettings\用户名\LocalSettings\TemporaryInternetFiles\下的所有文件(页面文件)

x:\DocumentsandSettings\用户名\LocalSettings\History\下的所有文件(历史纪录)

x:\DocumentsandSettings\用户名\Recent\下的所有文件(最近浏览文件的快捷方式)

x:\WINDOWS\Temp\下的所有文件(临时文件)

x:\WINDOWS\ServicePackFiles(升级sp1或sp2后的备份文件)

x:\WINDOWS\DriverCache\i386下的压缩文件(驱动程序的备份文件)

x:\WINDOWS\SoftwareDistribution\download下的所有文件

3.如果对系统进行过windoesupdade升级，则删除以下文件：x:\windows\下以$u...开头的隐藏文件

4.然后对磁盘进行碎片整理，整理过程中请退出一切正在运行的程序

5.碎片整理后打开“开始”-“程序”-“附件”-“系统工具”-“系统还原”-“创建一个还原点”(最好以当时的日期作为还原点的名字)

6.打开“我的电脑”-右键点系统盘-“属性”-“磁盘清理”-“其他选项”-单击系统还原一栏里的“清理”-选择“是”-ok了

7、在各种软硬件安装妥当之后，其实XP需要更新文件的时候就很少了。删除系统备份文件吧：开始→运行→sfc.exe/purgecache近3xxM。(该命令的作用是立即清除"Windows文件保护"文件高速缓存，释放出其所占据的空间)

8、删掉\windows\system32\dllcache下dll档(减去200——300mb),这是备用的dll档，只要你已拷贝了安装文件，完全可以这样做。

9、XP会自动备份硬件的驱动程序，但在硬件的驱动安装正确后，一般变动硬件的可能性不大，所以也可以考虑将这个备份删除，文件位于\windows\drivercache\i386目录下，名称为driver.cab，你直接将它删除就可以了，通常这个文件是74M。

10、删除不用的输入法：对很多网友来说，WindowsXPt系统自带的输入法并不全部都合适自己的使用，比如IMJP8_1日文输入法、IMKR6_1韩文输入法这些输入法，如果用不着，我们可以将其删除。输入法位于\windows\ime\文件夹中，全部占用了88M的空间。

11、升级完成发现windows\多了许多类似$NtUninstallQ311889$这些目录，都干掉吧，1x-3xM

12、另外，保留着\windows\help目录下的东西对我来说是一种伤害，呵呵。。。都干掉！

13、关闭系统还原：系统还原功能使用的时间一长，就会占用大量的硬盘空间。因此有必要对其进行手工设置，以减少硬盘占用量。打开"系统属性"对话框，选择"系统还原"选项，选择"在所有驱动器上关闭系统还原"复选框以关闭系统还原。也可仅对系统所在的磁盘或分区设置还原。先选择系统所在的分区，单击"配置"按钮，在弹出的对话框中取消"关闭这个驱动器的系统还原"选项，并可设置用于系统还原的磁盘空间大小。

14、休眠功能会占用不少的硬盘空间，如果使用得少不妨将共关闭，关闭的方法是的：打开"控制面板"，双击"电源选项"，在弹出的"电源选项属性"对话框中选择"休眠"选项卡，取消"启用休眠"复选框。

15、卸载不常用组件：XP默认给操作系统安装了一些系统组件，而这些组件有很大一部分是你根本不可能用到的，可以在"添加/删除Windows组件"中将它们卸载。但其中有一些组件XP默认是隐藏的，在"添加/删除Windows组件"中找不到它们，这时可以这样操作：用记事本打开\windows\inf\sysoc.inf这个文件，用查找/替换功能把文件中的"hide"字符全部替换为空。这样，就把所有组件的隐藏属性都去掉了，存盘退出后再运行"添加-删除程序"，就会看见多出