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

摘要在快节奏的时代当中，人们很难抽出恰当的时间来去到实体店来保养美化自己，往往已经制定的安排被迫取消，这实在当代人的一个痛点。假如有一款不需要下载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.KeyWordszMakeanappointmentinadvanceAppletHairdressingMaintenanceandbeautification第一章引言11.1 开发背景11.2 研究目的和意义11.3 研究内容及创新点21.3.1 主要工作内容21.3.2 小程序主要创新点21.4 技术支持21.5 本章小结3第二章开发相关概念与技术42.1 关于小程序的介绍42.1.1 小程序的概念42.1.2 小程序的作用42.2 小程序前端的介绍52.2.1 系统开发所需的技能52.3 微信开发者工具62.4 本章小结6第三章系统开发环境与流程73.1 运行环境73.2 系统开发流程73.3 本章小结8第四章系统功能需求94.1系统功能概述94.2.2 技师模块134.2.3 预约订单模块154.2.4 个人中心模块164.3本章小结19第五章系统总体设计205.1 编写目的205.2 总体软件实现架构描述205.2.1 软件层次结构205.2.2 软件实现技术架构21523系统总体模块结构215.3 系统常规功能子系统225.3.1 首页模块225.3.2 技师模块225.3.3 预约订单模块235.3.4 个人中心模块235.4 本章小结23第六章数据库设计246.1 数据库选择246.2 接口设计246.3 数据库表设计246.3.1 概述246.3.3数据库逻辑设计266.4本章小结30第七章系统的测试317.1 功能模块测试317.2 兼容性测试327.3 本章小结32第八章总结33参考文献34致谢35第一章引言1.1 开发背景微信成为人们日常使用最多的消费，通讯工具，拥有大量的用户最，微信小程序作为以微信平台为基准的不用下载app就能使用里面的功能，自然吸引了大量微信用户的喜欢，对比传统的原生应用程序，微信小程序似乎更加的简单快捷，而美容美发预约系统正是基于当前火爆的微信小程序的的开发，顾客只需在日常的通讯工具微信中使用微信小程序直接可以进入到美容美发预约小程序里面，浏览美容美发套餐的的相关信息并实现一键预约，简单快捷。1.2 研究目的和意义(1)研究目的：爱美之心人皆有之，在这个城市步伐快节奏的工作生活当中，特别对于女孩子来说，能在繁忙的工作或者学习之余抽出一段小小的空闲去做一次美容或者美发是每一个爱美女孩子的心愿，而当每次想去美容店放松一下，享受一下的时候，却有一个苦恼？美容院是否营业，是否需要排队，金钱预留是怎样的，有什么美容美发套餐我可以去放松的，预留的时间是否充裕，这其中充满太多的未知性严重降低顾客的消费欲望。美容美发预约小程序的的宗旨就是让顾客能提前了解到套餐的服务内容，了解美容美发套餐的透明度。自己能有选择性预约保养套餐，做到自己安排时间，减少金钱，时间，精力三者的盲目性。(2)研究意义：时代的发展变迁，人们在解决温饱的基础上，越来越注重自己的外在形象，一个好的形象在很多场合都让你更加出众，基于这个需求，各种美容美发实体店如雨后春笋一般拔地而起，格式各样的美容套餐层出不穷，有需求就有供应，目前的美容美发店铺基本都是顾客进店询问套餐的服务内容，技师，服务时间，金额等信息再选择套餐进行消费，线上预约好套餐确定好时间再去店里消费，消费的主动权掌握在顾客手中，有助于顾客合理安排时间精力进行享受消费，很好得避免了顾客时间精力的浪费，线上预约再消费是一个新的消费的主流，相信能打破传统的消费观念，让顾客进行美容美发消费的同时，时间的可安排性，未知因素的确定性，消费的透明度得到更好的掌控。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 .提高开发效率，降低开发成本如果将小程序的页面以及功能功能的实现与其他源生应用程序进行对比，从展示布局扩展到，那么小程序的开发并不需要配置相对复杂的环境，以及对应的依赖包。大大得降低管理成本。5 .2小程序前端的介绍微信小程序前端是近几年慢慢发展的热门项目，一开始的时候只有简单的应用能实现功能的程序，小程序的火热发酵发展，小程序的使用者对用户交互这一方面的需求日益增高，既要视觉上的满足也要增加使用者的用户交互体验，而JavaScript加上WXSS和WXML就能满足视觉上的要求以及小程序与使用者的交互也能更加融洽，使用WXMLWXSS构成前端页面的组成要素，JavaScript负责的是增加人机交互体验和逻辑数据的处理。JaVaSCriPt负责将数据库的数据传递给前端页面并进行渲染，而用户的操作交互则通过JS的逻辑思维进行对数据库的数据进行读写操作。2.2. 1系统开发所需的技能1 .WXML的逻辑与写法开发人员需要适应WXML的逻辑与编写，WXML不像HlML那么宽松，单个标志需要以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 .nodeJSNodejs提供一种简单安全的方法在JaVaSCriPt中构建高性能，可扩展性的网络应用程序，主要特点有：单线程，非阻塞，事件驱动编程，以及跨平台。正是NodeJS具有多方面的优点，使得它在服务器端占领一个领先地位。Nodejs适用于密集型场景，ResuItFuIAPI,RPC服务等多个流行场景，最重要的是Node.js可以作为基础工具，前端领域的编译器，构建工具，搭建脚手架等，比较出名的例如WebPaCk,Guip都是比较成功的。2. 3微信开发者工具微信开发者工具是微信官方提供给开发者开发使用并进行调试的工具，借用微信开发者工具可以更方便，安全得开发符合需求功能的网页小程序。开发者工具的简单易用，易部署，易发布等优点，带动开发人员开发微信小程序的积极性、提供小程序开发文档，目的是引导和帮助小程序开发人员解决开发所遇到的重点难点，微信小程序设计指南，旨在帮助小程序开发人员构建总体程序框架与设计，微信开发者工具能实现开发调试、编辑代码和发布程序等多方面重要功能。2.4 本章小结本章讲述了微信小程序的基本信息以及前端与以及开发工具等概念，通过了解开发所需要的WXMLWXSSJavaScript等前端知识，对于开发有很大的知识框架，对于开发的过程有很大的指导作用，从基础知识概念到实际运用知识操作，一步一步逐渐完善我们的项目。第三章系统开发环境与流程2.5 运行环境本软件的运行环境：WINDOWS操作系统。硬件平台：i5及以上操作系统和版本：WindowslO支撑环境和版本：微信开发者工具VI.02mysqlworkbench8.02.6 系统开发流程1、可行性分析与需求调研：经过市场走访多家美容美化店铺发现，目前的大部分美容美发服务大多数都是通过顾客进店咨询和顾客打电话进行预约服务的主要的两种途径，而通过用户拥有基数大微信小程序来进行对服务的预约还是市面上还是比较少的，开发一款微信小程序来让顾客来预约美容美发套餐是有很大的市场前景的，综上所述，我认为开发微信美容美发预约服务小程序具有可行性。2、需求分析：美容美发预约小程序是运行在微信上面的，顾客只需要在微信上通过网页即可访问，稳定性高，不用下载APP对于那些繁于电话预约来说，通过自己小程序就可以实现美容美发服务的预约功能，小程序是当前比较火爆的的网页程序，通过小程序来预约服务消费简单快捷的特点更是一个亮点，顾客可以在小程序上面进行对商品的浏览并轻易的预约，并安排好时间去店里服务。3、概要设计：美容美发预约小程序主要分为四个模块，首页模块，技师模块，我的模块，以及预约订单管理模块，后端采用接口进行数据的传输，顾客可以先浏览服务信息，进行选择服务进行预约，并可以进入预约订单进行操作，数据库使用mysql用来存储数据信息。4、详细设计：美容美发预约小程序主要分为四个模块，首页模块，技师模块，我的模块，以及预约订单管理模块。在首页模块，顾客可以首页浏览到商品服务的信息，顾客可以根据不同的项目来进行对服务进行切换，点击项目图片可以跳转到商品服务具体信息页面，顾客可以填写基本信息，对服务进行预约；在技师模块，顾客可以选择技师并可以浏览技师的基本信息，并可以选择该技师名下的服务进行预约；在我的模块，顾客可以浏览商家的基本信息，并由此进入预约订单管理界面；在预约订单模块，进入预约订单预约列表，顾客可以对预约订单信息的浏览，并可以进行对订单的取消操作。5、系统编码：根据详细设计的要求，在认真分析预约整个流程过程中进行对数据结构，以及算法分析，同试实现各模块数据联通，并根据需求进行严谨编码，系统的功能，性能，接口，界面等方面均符合要求。6、测试验收：根据详细设计文档来测试系统软件的功能，性能，接口，界面等多方面能否符合要求。2.7 本章小结本章主要研究系统的开发流程与系统所需环境，从需求分析到测试验收，明确系统开发每一步所走的流程，以及系统开发需要的软硬件、系统环境以及其他需求，从需求分析开始着手，明确自己的系统需要那些功能点，那些功能点是符合用户需求的，避免出现没有意义的功能点，概要设计与详细设计的目的是，确认那一部分功能为侧重点，哪一些功能为难点实现的功能，做好接下来的开发的时间精力安排。为开发者提供一个的清晰路径过程以及一个明确的目标需求，对于系统的功能设计有很大的指导作用。第四章系统功能需求4.1 系统功能概述美容美发预约系统是一款基于微信小程序开发的美容美发预约系统，主要是用来让顾客可以通过使用微信小程序提前预约到相应的美容美发套餐服务，先线上预约再自己安排时间到店里面进行消费服务，该美容美发预约系统主要包含首页模块、技师模块、预约订单模块、我的模块四个大模块。4.2 系统常规功能首页模块：主要包含广告，以及商品服务的列表展示，并实现商品服务预约的功能。技师模块：主要是技师信息的展示，以及技师所属的服务商品得列表展示功能，预约订单模块：主要是查询预约服务详细情况功能，个人中心模块：主要是预约订单查询的入口功能，和查询美容美发商家信息的功能。4.3 2.1首页模块1.主页页面：(1)主页页面的响应序列流程：接口获取数据成功以后，首页上方会有广告轮播图，下方是美容美化的套餐信息，分页有五个分类切换，分别为“推荐”“美甲”“美容，“美发”“美睫，在不同的分类下有不同的服务信息，顾客可以根据自己想要的服务点击进去不同的分页，点击对应的套餐，进入相关的详情信息页面并能实现预约，图47所示。WaChnt=100%T师图4T主页信息页面(2)失败后的主页页面，提示顾客“暂无数据”，图4-2所示，失败的原因可能有如下原因：1、网络异常造成的加载数据失败2、有网络，但是非常慢，以至于到达设定的延时时间失败3、接口数据编码错误异常，数据访问失败4、数据库数据异常，数据访问失败5、其他未列出的错误期西图4-2主页信息加载失败页面当顾客点击对应的套餐，进入套餐详情信息页面，顾客会浏览到套餐的基本信息，下图4-3所示暖股纯色甲 价格：¥88身师：lack时间：30分种玫理登沙粉丹播选不 园册筑指学。古向过林串夫卜4-用”出转鱼，美出不间。方详情描述避鹏tt限的风情,手中年华航山风来,在掏尖的湖蜂坍衡印，具的不做。拘尖写意，写震菌甲立期预约当顾客点击预约套餐，进入商品预约资料信息页面，顾客填写选择基本信息以后即可预约套餐，并生成套餐预约订单，图4-4,图4-5所示所示选择联系人密州金阳新区,事先生,电话：18786056435服务时间角 2016-5-26<* 19:34留志信息青榆入前以细约图4-4预约填写信息页面WiCT13:50100,1我的预的暖暖纯色甲V m4型4.2.2技师模块1、 技师页面：(1)响应序列流程：顾客点击下表导航“技师”，进入技师页面，可以看到技师人员的列表，选择技师点击可进去技师的详细个人信息，顾客可以了解到技师的的工作经历等多方面的信息，以及属于技师的美容美发套餐，供应顾客选择图4-6所示。WeChat=T3-44IoK-"三'技师列表©雅轩小店Jack心取 品属性功U 作 xhi:VJ*, tm2-)IW图4-6技师列表信息页面(2)失败后的技师页面，提示顾客“暂无数据"，如图4-7所示，失败的原因可能有如下原因：1、网络异常造成的加载数据失败2、 有网络，但是非常慢，以至于到达设定的延时时间失败3、 接口数据编码错误异常，数据访问失败4、 数据库数据异常，数据访问失败5、 其他未列出的错误Jack姓的：25工作时间：私年工母；9527工作响挥，温馨服务，真情护理，为每个天生解防的你提供优质离效的服务！【服务内容】愈无数猫图4-7技师详情信息加载失败页面当顾客点击技师列表，则会展示可以展示技师的个人基本信息以及技师的基本服务内容，图4-8所示t3 4FJack红旃2%工作我I 工题：932/工作平：陈馨柳务 的理供配的商效真情护埔，为四-T 生押施 的离4.2.3预约订单模块1.预约订单页面：(1)响应序列流程：顾客填写信息，确定预约下单以后，在我的预约下面会生成，预约订单的基本信息，图4-9所示.WeChat13.5()Iooq-载的预约0暖暖纯色甲图4-9预约列表信息页面(2)顾客预约下未生成预约订单的原因主要有如下原因：1、网络异常造成的加载数据失败2、有网络，但是非常慢，以至于到达设定的延时时间失败3、接口数据编码错误异常，数据访问失败4、数据库数据异常，数据访问失败5、其他未列出的错误当顾客点击预约订单列表，会展示预约订单的基本信息，同时顾客可以取消预约，订单列表将会在列表中删除。图4-10所示盼瞬纯色甲价格：¥88技州：JaCk时间!30分中致地登沙粉自然通透不的牌！详情描述锦想那天眼的网情，隔物学。古有性耗甲天下，今每妙手甲红这出风尿，“用”出特臣，剪出不同。锭放在加头的需丽珍用衡用，现的不假，指头写明，与都带中服务时间：哪务间-2020-03-208:30服务时长：30分钟备注；图4-10预约列表详情页面4.2.4个人中心模块1.我的页面：(1)响应序列流程：顾客点击“我的”页面，将会有两个功能入口，分别是“我的预约”和“店铺信息”图4-n所示WeChet13. 47关于我的ee昵称：GD5,浪浪我的预约店铺信息如出换师我的图4-11我的信息页面当顾客点击“我的预约”，会展示预约订单的基本信息如472所示，同时顾客可以点击“店铺信息”，订单列表将会在列表中删除。图4-13所示WNCm：我的预的暖暖纯色甲图4-12我的预约订单页面雅致轩小店就业时间：8:30-23:00地址：佛山市南鹿区帅山大学城阳光在城广场服号类型生后服务向凉电话：0306362198店铺宗旨你的符座就境对找们能大的等力!把你向己放心交结鸦们.搜们很专业返回首页4. 3本章小结第四章把整个美容美发预约系统的功能模块做了一个详细的描述与分析，每个页面到具体的操作流程都作了一个详尽的介绍，这些的功能点的分析，不但有利于项目顺利开发，而且还能让阅读者对整个系统有了初步的了解，方便阅读者对本小程序的操作，这一章系统功能模块的分析对开发的指导有很大的指导作用的，开发者需要根据需求文档来编写相应的程序的功能，如果没有一个准确的开发功能的需求文档来作为基础标准，到后面出现一些需求变更或者不明确的要求，会对整个项目的进展产生严重的影响，所以本章的描述对于后续的进展是非常重要的，也是项目的成功的一部分，对于的数据库的设计有着很大的指导作用。第五章系统总体设计5.1编写目的系统总体设计的目的是确定美容美发预约系统的主要功能与性能参数，使用的技术，系统所使用的架构等一些重要的参数指标，系统设计是软件开发完成的地基，底层建设决定高层的坚固，大大程度上决定了软件开发过程中所用到的功能模块，技术，时间，成本等因素，这些因素决定了软件后续的开发流程能否正确进行，系统设计是在小程序的用户需求基础上，对软件的层次结构，软件实现的技术框架，软件的模块结构等多方面进行分析，构建产品总图以及功能总图，可以看出，系统总体设计是在软件开发中最重要的指导框架，能提高系统总体蓝图的构建，架构起整个系统的总体流程。5. 2总体软件实现架构描述5. 2.1软件层次结构描述软件层次结构，每个层次需要完成的功能。从总体的角度进行功能模块的划分，并对关键的功能模块进行定位图5T所示：数据薛WSQt£贸文件IIexpress小程序前姻界面III首页页商技断页面我的页面II预约订单费面店铺信息页面5. 2.2软件实现技术架构说明整个软件项目的实现技术架构。比如采用什么平台、开发工具等。,图5-2所示：数据库操作系统后端开发框架开发工具图5-2软件实现技术架构5. 2.3系统总体模块结构图5-3所示：图5-3系统总体模块架构5.3 系统常规功能子系统5. 3.1首页模块首页是展示给用户展示总体的美容美发系统总体的页面信息，在首页种展示有两大部分，上方的广告轮播图，下方的是根据不同的分类展示套餐服务信息，分类展示的数据都是通过接口调用数据库数据。图5-4所示：图5-4首页总体功能模块6. 3.2技师模块技师模块展示技师列表，顾客选择技师以后，进入技师基本信息展示页面,同时顾客可以浏览到技师的服务套餐，并选择套餐服务进行预约。图5-5所示:图5-5技师功能模块7. 3.3预约订单模块预约订单模块主要是展示顾客在程序预约订单，顾客可以查询观看，如果顾客临时有事，想要取消已经预约的项目，那么顾客可以选择点击订单，可以进入订单详情页，然后选择取消已经预约的订单。图5-6所示：图5-6预约订单功能模块8. 3.4个人中心模块我的模块主要实现两个功能“我的预约”和“店铺信息”：功能分别是顾客进入预约订单的入口以及顾客可以查询店铺信息的功能。图5-7所示：图5-7个人中心功能模块5.4 本章小结本章是分析系统的总体设计以及常规子系统模块化介绍，软件的层次结构和技术框架的介绍，每个功能点实现的功能点得讲述，通过功能流程图对整个而预约系统进行阐述，系统的逻辑思路清晰明了。第六章数据库设计1.1 数据库选择本系统采用的数据库为MySQL数据库，使用MySQL来创建表格数据，备份日记信息，MySQL分为SeVer层和存储引擎层，可以执行大量的数据库执行语句，MySQL的组件包括：连接器，查询缓存，分析器，优化器，执行器组成。可以运行在多个系统上并支持多种编程语言。1.2 接口设计1：外部接口：键盘，鼠标的读入操作，并对输入的数据进行逻辑性的处理，与内部接口进行交互。2:内部接口方面：接口函数的调用，传递参数，传递返回值等多方面方式进行数据信息之间的交互，保证前后端的数据互通。1.3 数据库表设计6. 3.1概述按照内容所需进行搭建MySQL数据库表格，单个部分建立一个表格，表之间建有联系，编写数据库执行语句写进数据库中，如若已存在的表则通过更新方式添加进去，并通过接口的方式来调用数据并进行操作。7. 3.2数据库概念设计定义实体及其属性：a.店家：属性包括：店名、店铺地址、营业时间、联系方式、服务宗旨；这些属性决定了顾客可以在这里查看有关店家得基本信息。b.技师：属性包括：技师编号、肖像、姓名、年龄、工作时长、所属店铺、座右铭；这些属性决定了顾客可以查看技师的基本信息的储存，技师编号作为该实体主键。c套餐：本实体属性有：编号、相册、名称、价格、简介、详细信息、所属技师；这些属性决定了套餐的基本信息，套餐编号作为实体主键。d.顾客：顾客实体所拥有的属性包含：姓名、联系方式；(2)E-R图建模通过ER图，我们可以宜接看到系统数据的一个流动情况。下列列出系统重要数据表的实体图：a.店家实体图的属性包括：店名、店铺地址、营业时间、联系方式、服务宗旨等，图6-1所示：联系方式曹业时(间图6-1店家实体图b.技师实体图属性包含：技师编号、肖像、姓名、年龄、工作时长、所属店铺、座右铭等，图6-2所示：所属店铺工作时座右铭图6-2技师实体图c套餐实体图属性包含：编号、相册、名称、价格、简介、详细信息、所属技师，具体图6-3所示：d.顾客实体图属性有：姓名、联系方式等，图6-4所示:联系方式顾客姓名图6-4顾客实体图e.预约系统总体E-R图，图6-5所示:年龄姓名肖像技师编工黑寸 座右铭 箕fl X X所扃技师相片名称管理选择联系方式店家-管理宙夕-服务宗营业时店名旨间详细信.息价格简介图6-5系统总体E-R图在上图中，实体以及实体名用一个矩形来说明，实体属性及其属性名用椭圆来说明，菱形表示实体之间的关系，菱形内部为关系名。6.3.3数据库逻辑设计1、服务分类数据表服务分类数据表ProdUCt用于储存美美发等分类信息数据，所需要的数据主要以JSON数据返回，主要的键有如下几个:键名类型长度含义idInt(Il)服务分类的值nameVarchar(24)分类的名称logoVarchar(255)分类的图标remarkVarchar(40)分类的备注statusTinyint分类的状态createdatTimestamp分类创建的时间Updated_atTimestamp分类修改的时间具体的建表语句图6-6所示:Createtablep11xiuctcidint(ll)NOTNULLAUTO.INCREMENT,namevarchar(24)NOTNULLDEFAULT,logovarchar(255)notnullDEFAULT,remarkvarchar(40)notnulldefault,statustinyintnotnulldefault1comment'1created_attimestampnotnulldefaultCURRENT_TIMESTAMP,updated.attimestampnotnuUdefaultCURRENT_TIMESTAVP,PRIMARYKEY(id)ENGINE=InnoDBDEFAULTCHARSET=utf8mb4;图6-6服务分类数据2、服务套餐数据表服务套餐数据表ProdUCJCOmbO用于储存美美发等套餐的详细信息数据，所需要的数据主要以JSoN数据返回，主要的键有如下几个:键名类型长度含义idInt(Il)服务套餐数据表的值imageVarchar(256)服务套餐的图片titleVarchar(100)服务套餐的标题pricefloat服务套餐的价格suggestVarchar(256)服务套餐的简介infoVarchar(512)服务信息的详细信息productidInt（三）服务套餐的唯一idtechnicainidInt(Il)技师的idstatusTinyint服务套餐的状态createdatTimestamp服务套餐创建的时间updatedatTimestamp服务套餐修改的时间具体的建表语句图6-7所示:CREATETABLEproduct_combo(idint(ll)NOTNULLAUTOINCREMENT,imagevarchar(256)NOTMULLDEFAULTtitlevarchar(108)notnullDEFAULTpricefloatnotnullDfFAULTO,suggestvarchar(256)notnulldefault",infovarchar(512)notnulldefault",product_idint(ll)notnulldefaulto,technicianidint(11)notnulldefaulto,.皿SEW”，statustinyintnotnulldefault1comment1,正常6禁用T删除,created_attimestampnotnulldefaultCURRENT_TIMESTAMP,UpdatedlattimestampnotnulldefaultCURRENTjnMESTAMP,)ENGINE=InnODBDEFAULTCHARSET=UtfBmM;图6-7服务套餐数据3、技师信息数据表技师信息数据表technicain用于储存技师的详细个人信息数据，所需要的数据主要以JSoN数居返回，主要的键有如下几个：键名类型长度含义idInt(11)技师唯一的idimageVarchar(256)技师的图片nameVarchar(24)技师的名字ageInt(11)技师年龄world_timeInt(11)技师的工作时间remarkVarchar(512)技师的座右铭Shop_nameVarchar(50)技师的所属店铺statusTinyint技师列表的状态created_atTimesta