基于微信小程序的美容美发预约系统的设计与实现.docx
《基于微信小程序的美容美发预约系统的设计与实现.docx》由会员分享,可在线阅读,更多相关《基于微信小程序的美容美发预约系统的设计与实现.docx(40页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、摘要在快节奏的时代当中,人们很难抽出恰当的时间来去到实体店来保养美化自己,往往已经制定的安排被迫取消,这实在当代人的一个痛点。假如有一款不需要下载app的微信小程序,微信用户基数大,小程序是部署在微信平台运行的,简单,快捷,极度方便人们使用,至此就提出了一款基于微信小程序的美容美发预约项目,通过小程序,顾客只需要在手机上浏览各种美容美发美甲项目,可以减免顾客消费的场地不定性,消费时间不定性,以及内容的不定性,通过微信小程序就可以提前了解美容项目的具体详情,而不需要到实体店等待技师的介绍。根据自己的空闲时间来预约自己想要的美容美发等项目,可以享受提前预约,随时预约,随时取消,理性安排的优越体验感
2、,避免直接到店享受美容美发项目的人满为患,店铺休息等各种尴尬的问题。关键词:提前预约 小程序 美容美发 保养美化AbstractIn the fast-paced era, it is difficult to find the right time to go to the store to maintain their beautification, often has been established arrangements have been forced to cancel, this is a pain in contemporary people. If there is a
3、wechat APP that doesnt need to download an APP, wechat has a large user base, and the APP is deployed to run on the wechat platform, which is simple, fast and extremely convenient for people to use, so far, a beauty salon reservation project based on a wechat APP has been proposed. Through the APP,
4、customers only need to browse various beauty salon and nail salon projects on their mobile phones, which can reduce the uncertainty of the venue for customersconsumption, consumption time uncertainty, as well as content uncertainty, through the WECHAT APP can be aware of the specific details of beau
5、ty programs in advance, without the need to go to the store waiting for the introduction of technicians. According to their own free time to make appointments for the Beauty Salon and other items they want, they can enjoy the superior experience of making appointments in advance, making appointments
6、 at any time, cancelling at any time, arranging rationally, and avoiding the overcrowding of people who go directly to the store to enjoy the beauty salon and hair salon items, awkward questions about the store break.Key words: Make an appointment in advance Applet Hairdressing Maintenance and beaut
7、ification目录第一章 引言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 系统常规功能94.2.1 首页模块94.2.2 技师模块134.2.3
8、预约订单模块154.2.4 个人中心模块164.3本章小结19第五章 系统总体设计205.1编写目的205.2总体软件实现架构描述205.2.1 软件层次结构205.2.2 软件实现技术架构215.2.3 系统总体模块结构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.2 数据库概念设计246.3.3数据库逻辑设计266.4 本章小结30第七章 系统的测试317.1 功能模
9、块测试317.2 兼容性测试327.3 本章小结32第八章 总结33参考文献34致谢35第一章 引言 1.1 开发背景微信成为人们日常使用最多的消费,通讯工具,拥有大量的用户量,微信小程序作为以微信平台为基准的不用下载app就能使用里面的功能,自然吸引了大量微信用户的喜欢,对比传统的原生应用程序,微信小程序似乎更加的简单快捷,而美容美发预约系统正是基于当前火爆的微信小程序的的开发,顾客只需在日常的通讯工具微信中使用微信小程序直接可以进入到美容美发预约小程序里面,浏览美容美发套餐的的相关信息并实现一键预约,简单快捷。1.2 研究目的和意义(1)研究目的:爱美之心人皆有之,在这个城市步伐快节奏的工
10、作生活当中,特别对于女孩子来说,能在繁忙的工作或者学习之余抽出一段小小的空闲去做一次美容或者美发是每一个爱美女孩子的心愿,而当每次想去美容店放松一下,享受一下的时候,却有一个苦恼?美容院是否营业,是否需要排队,金钱预留是怎样的,有什么美容美发套餐我可以去放松的,预留的时间是否充裕,这其中充满太多的未知性严重降低顾客的消费欲望。美容美发预约小程序的的宗旨就是让顾客能提前了解到套餐的服务内容,了解美容美发套餐的透明度。自己能有选择性预约保养套餐,做到自己安排时间,减少金钱,时间,精力三者的盲目性。(2) 研究意义:时代的发展变迁,人们在解决温饱的基础上,越来越注重自己的外在形象,一个好的形象在很多
11、场合都让你更加出众,基于这个需求,各种美容美发实体店如雨后春笋一般拔地而起,格式各样的美容套餐层出不穷,有需求就有供应,目前的美容美发店铺基本都是顾客进店询问套餐的服务内容,技师,服务时间 ,金额等信息再选择套餐进行消费,线上预约好套餐确定好时间再去店里消费,消费的主动权掌握在顾客手中,有助于顾客合理安排时间精力进行享受消费,很好得避免了顾客时间精力的浪费,线上预约再消费是一个新的消费的主流,相信能打破传统的消费观念,让顾客进行美容美发消费的同时,时间的可安排性,未知因素的确定性,消费的透明度得到更好的掌控。1.3研究内容及创新点1.3.1主要工作内容1、美容美发预约小程序以顾客的消费流程作为
12、基础详细的分析与讨论,搭建项目组成结构以及理清并掌握其中的核心的问题,需要学习小程序的组成与构架,同时参考大量小程序网页相关专业的知识、课外书籍以及网络资源来辅助完成。 2、美容美发预约小程序的基础结构,首先要将界面搭建成型,以及做好界面的基础交互,主要分为小程序的外观页面分布设计、具体功能模块的应用、以及走通基础小程序的业务流程。 3、需要对国内目前的美容美发项目的组成以及商业架构,以及人们消费心理等多方面的知识都有基础的分析能力和了解 4、小程序的的开发周期需要持续一段较长的时间,在这个过程中需要到微信开发者平台了解微信小程序前端的知识体系,后端需要用到什么框架,以及后端数据和前端的交互等
13、多方面的知识,全面了解开发过程中所需要用到的知识点,提升小程序开发工作效率,减少小程序开发的周期。1.3.2 小程序主要创新点 1、美容美发预约小程序是一个大胆的尝试,与传统的源生应用程序最大的区别在于,不用下载那繁琐的应用,只需要一个小小的网页,就可以达到有源生应用程序同样的使用效果。 2、美容美发预约小程序的界面简洁明了,特征突出,目的明确,顾客使用起来小程序在人机交互方面更加简易。 3、美容美发预约小程序使用接口的方式访问数据,前端读取后端数据的读取速度更加快速。 4、美容美发预约小程序采用灵活的前后端分离技术,页面良好的交互性更好的适应数据信息的改进和创新。1.4 技术支持美容美发预约
14、是基于微信小程序开发的一款应用程序,所涉及到的技术栈有以下几种:基础语言采用的是JavaScript,网页骨架采用HTML,网页外观CSS,数据库采用主流数据库mysql,后端接口开发语言Node.js,开发工具采用微信开发者工具。1.5本章小结本章介绍了第三产业中的美容美发项目线上预约的发展前景,基于目前微信小程序正在热门当中,开发一项基于微信小程序的美容美发预约系统,顾客可以通过小程序提前浏览到商品的详细情况,让顾客实现先线上了解并预约再门店消费。做到时间,金钱,精力的同步掌控,同时还介绍了微信小程序所需要的基本技术以及做好一款微信预约小程序需要做什么,如何做。总此,便是本章论文所描述的大
15、体内容。第二章 开发相关概念与技术2.1 关于小程序的介绍2.1.1 小程序的概念微信小程序,一款不用下载安装繁琐的应用就可以使用的网页程序,用户使用微信小程序访问网页可以做到与原生app同样功能,微信用户只需要拿出手机扫一扫小程序二维码,好友分享链接或者在微信搜一下小程序名字就可以打开应用并使用其中的功能。2015年以来,微信小程序开始慢慢变得火热起来,相对原生app,人们更喜欢轻盈便捷的网页小程序,小程序也慢慢走进社会的大多数行业,比如金融业,教育,销售餐饮等每个行业都有对应的小程序,小程序活跃在各大市场当中。小程序的兴起带动了中国IT界对于微信小程序的研发的热潮,受到数以万计的普通程序员
16、的追捧,同时小程序还应用于公交,地铁等大多数公共场合,让每一个微信用户都能享受小程序带来的便捷,小程序的兴起为大多数人赢得了就业机会,单是2017年,小程序带动人们就业就达到180万的数目,大大增加社会效益。小程序,方便快捷,不占用内存,安全稳定开发成本低,入口众多等多方面的优点让它在市场中占有很大的分量。2.1.2 小程序的作用1.广泛消费场景小程序作为一个便捷的网页程序,轻小,快捷得特点让它渗透了行业的各个领域,小程序场景的使用与设计使得它成为互联网新的一匹“黑马”,它的出现被业界称为变革的先驱者。事实上小程序也确实做到了,它在潜移默化中改变了用户对应用的使用习惯,基于线下的消费,服务需求
17、,引领线上开发,产品为王的新的经营方式。2.可及时更新页面数据小程序最重要一个属性,就是可以通过更改接口及时的更新网站内容与信息,用户可以在最短时间了解小程序最新发布内容,随时浏览最新消息而不需要下载更新。信息的更新会随着接口的改变而随之改变,并不会存在信息延迟的特点,大大提高了微信小程序的灵活性,同时提供了用户的更优越的用户体验。3.平台没有限制微信小程序是一款运行在微信上的网页。无论任何电脑以及手机安装有通讯工具微信即可扫码或者识别并使用,不存在某一方面限制而无法访问。4.提高开发效率,降低开发成本如果将小程序的页面以及功能功能的实现与其他源生应用程序进行对比,从展示布局扩展到,那么小程序
18、的开发并不需要配置相对复杂的环境,以及对应的依赖包。大大得降低管理成本。2.2 小程序前端的介绍微信小程序前端是近几年慢慢发展的热门项目,一开始的时候只有简单的应用能实现功能的程序,小程序的火热发酵发展,小程序的使用者对用户交互这一方面的需求日益增高,既要视觉上的满足也要增加使用者的用户交互体验,而JavaScript加上WXSS和WXML就能满足视觉上的要求以及小程序与使用者的交互也能更加融洽,使用WXML,WXSS构成前端页面的组成要素,JavaScript负责的是增加人机交互体验和逻辑数据的处理。JavaScript负责将数据库的数据传递给前端页面并进行渲染,而用户的操作交互则通过JS的
19、逻辑思维进行对数据库的数据进行读写操作。2.2.1 系统开发所需的技能1.WXML的逻辑与写法开发人员需要适应WXML的逻辑与编写,WXML不像HTML那么宽松,单个标志需要以END结束,否则运行页面将会报错,无法正确进行页面的渲染,页面将渲染失败,无法满足需求文档所要求的功能页面展示。WXML可以与page页面的动态数据进行绑定,WXML主要的功能是构建界面元素并进行数据的渲染展示。2.WXSS的使用WXSS用来控制WXML的控件在所属page页面当中怎么展示,在页面绘制采用WXSS组件样式,对页面的布局、颜色等因素和页面内容等多方面有着很大的搭建作用,WXSS是通过调控页面结构的风格,从而
20、搭建整个页面的主题风格,WXSS相当于一个修饰器,修饰我们的界面元素之间的布局以及他们之间的相互关系。3.JavaScriptJavaScript是一种轻量级的编程语言,属于脚本解释性语言,JavaScript对于新手来说很容易入门,可插入HTML页面中,由现代所有的浏览器都可以执行程序,JavaScript的标准库维护状态活跃,主要的标准库包括:Underscore,Loadsh,Ramda,MathJS,Moment,Sugar等当前热门的JS标准库。JavaScript的主要用途包括:嵌入动态文本到HTML页面,对浏览器做出响应,读写HTML元素,检测访客的浏览器信息,控制cookies
21、,包括创建和修改等,最关键的是新兴的node.js把JavaScript引入了服务器端,JavaScript已经成为全能型选手。4.node JSNode.js 提供一种简单安全的方法在JavaScript中构建高性能,可扩展性的网络应用程序,主要特点有:单线程,非阻塞,事件驱动编程,以及跨平台。正是Node.js具有多方面的优点,使得它在服务器端占领一个领先地位。Node.js适用于密集型场景,ResultFul API,RPC服务等多个流行场景,最重要的是Node.js可以作为基础工具,前端领域的编译器,构建工具,搭建脚手架等,比较出名的例如Webpack,Guip都是比较成功的。2.3微
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 基于 微信小 程序 美容美发 预约 系统 设计 实现
限制150内