基于微信小程序的O2O家政平台前端的设计与实现.docx

发布时间：2022-06-08 发布人：admin 分类：说明书资料大小：1.07M 资料格式：docx 举报版权申诉

beans9-12201954-4744302543008032070.docx.pdf-第1页.png

第1页 / 共59页

beans9-12201954-4744302543008032070.docx.pdf-第2页.png

第2页 / 共59页

beans9-12201954-4744302543008032070.docx.pdf-第3页.png

第3页 / 共59页

beans9-12201954-4744302543008032070.docx.pdf-第4页.png

第4页 / 共59页

beans9-12201954-4744302543008032070.docx.pdf-第5页.png

第5页 / 共59页

beans9-12201954-4744302543008032070.docx.pdf-第6页.png

第6页 / 共59页

beans9-12201954-4744302543008032070.docx.pdf-第7页.png

第7页 / 共59页

beans9-12201954-4744302543008032070.docx.pdf-第8页.png

第8页 / 共59页

1 绪论

1.1研究背景和研究意义

1.2国内外发展现状

1.3课题的研究内容

1.4关键性技术介绍

1.5 论文的组织结构

2可行性分析

2.1技术可行性

2.2经济可行性

2.3操作可行性

3需求分析

3.1系统研究预期目标

3.1.1预期系统的架构分析

3.1.2系统的需求概述

3.2小程序总体用例分析

3.3系统业务功能分析

3.3.1 登录业务

3.3.2 搜索业务

3.3.3 预约业务

3.3.4 订单管理业务

3.3.5 评价业务

3.3.6 积分业务

3.3.7 优惠券业务

3.3.8 个人页面管理业务

3.3.9 系统管理业务

3.4 系统技术分析

3.5系统性能分析

3.6本章小结

4总体设计

4.2 系统功能模块设计

4.2.1 登录模块

4.2.2 搜索模块

4.2.3 主页展示模块

4.2.4 预约模块

4.2.5 个人页面管理模块

4.2.6 程序管理模块

4.2.7系统总体架构

4.2.8 小程序生命周期

4.2.9 系统层次设计

4.3 系统接口调用

4.4 系统界面设计

4.5 本章小结

5详细设计

5.1 程序页面详细设计与实现

5.1.1 登录页面

5.1.2 首页设计

5.1.3 服务详情页面设计

5.1.4 购物车页面设计

购物车页面的效果如图5.10所示：

5.1.5我的页面设计

5.1.6 订单列表页面设计

5.1.7 评价页面设计

5.1.8 提交订单页面设计

5.2 程序功能模块详细设计与实现

5.2.1 登录模块

5.2.2搜索模块

5.2.3 主页展示模块

5.2.4 预约模块

5.2.5购物车模块

5.2.6服务详情页面展示模块

5.2.7个人页面管理模块

6 系统测试

6.1 测试目标

6.2 测试内容

6.2.1 功能测试

6.2.2 兼容测试

6.3 测试用例设计

6.3.1登录模块测试用例

6.3.2 搜索模块测试用例

6.3.3 预约模块测试用例

6.3.4 地址管理模块测试用例

6.3.5 优惠券领取模块测试用例

6.3.6 支付模块测试用例

6.3.7 评价模块测试用例

6.3.8 签到模块测试用例

结论

参考文献

基于微信小程序的 O2O 家政平台前端的设计与实现摘要本文所实现的家政系统是一种以 O2O 的电子商务形式，为大众提供一个能自主选择家政服务公司及服务人员且能进行线上支付的平台。由于基于微信小程序，本平台是一个满足便捷性、透明性的平台，通过使用本程序，用户不仅可以应对大多数家政方面的生活琐事，还可以选择到心仪的服务人员，使用户轻松解决一系列家政事务。本家政小程序主要是为了实现在线预约、在线支付及线下服务的完整的 O2O 家政服务过程。小程序总共分为五大模块：登录模块、主页展示模块、预约模块、搜索模块、个人页面管理模块。登录模块实现用户登录功能；主页展示模块能让用户快速了解平台提供的服务范围及类别；预约模块能够让用户浏览人员信息并进行预约；搜索模块实现基于关键字的搜索功能；个人页面管理模块包括订单管理、地址管理、评价管理、收藏管理和积分详情等二级模块。本小程序使用微信官方提供的微信开发者工具进行开发，基于微信的 MINA 框架，通过 Wxml 标记语言加 Wxss 样式，生成静态小程序页面，再通过 Js 文件调用服务器端开源接口取得相应 Json 数据流，实现前端页面所有交互功能，最后编译、调试、测试、上线。关键词：家政系统，微信小程序，O2O，MINA 框架

目录 1 绪论........................................................................................................................................1 1.1 研究背景和研究意义......................................................................................................1 1.2 国内外发展现状..............................................................................................................2 1.3 课题的研究内容..............................................................................................................3 1.4 关键性技术介绍..............................................................................................................3 1.5 论文的组织结构.............................................................................................................. 4 1.6 本章小结.......................................................................................................................... 4 2 可行性分析............................................................................................................................5 2.1 技术可行性.......................................................................................................................5 2.2 经济可行性.......................................................................................................................5 2.3 操作可行性.......................................................................................................................6 3 需求分析................................................................................................................................7 3.1 系统研究预期目标........................................................................................................7 3.1.1 预期系统的架构分析................................................................................................. 7 3.1.2 系统的需求概述......................................................................................................... 7 3.2 系统参与者用例分析.......................................................................................................8 3.3 系统功能分析...................................................................................................................9 3.3.1 登录业务.................................................................................................................... 9 3.3.2 搜索业务.................................................................................................................... 9 3.3.3 预约业务.................................................................................................................... 9 3.3.4 订单管理业务............................................................................................................ 9 3.3.5 评价业务.................................................................................................................. 10 3.3.6 积分业务.................................................................................................................. 10 3.3.7 优惠券业务.............................................................................................................. 10 3.3.8 个人页面管理业务.................................................................................................. 11

3.3.9 系统管理业务.......................................................................................................... 11 3.4 系统技术分析.................................................................................................................11 3.5 系统性能分析.................................................................................................................12 3.6 本章小结.........................................................................................................................13 4 总体设计..............................................................................................................................14 4.1 系统总体架构设计........................................................................................................ 14 4.2 系统功能模块设计........................................................................................................ 15 4.2.1 登录模块.................................................................................................................. 15 4.2.2 搜索模块.................................................................................................................. 15 4.2.3 主页展示模块.......................................................................................................... 15 4.2.4 预约模块.................................................................................................................. 16 4.2.5 个人页面管理模块.................................................................................................. 16 4.2.6 程序管理模块.......................................................................................................... 16 4.2.7 系统总体架构.......................................................................................................... 17 4.2.8 小程序生命周期...................................................................................................... 18 4.2.9 系统层次设计.......................................................................................................... 18 4.3 系统接口调用................................................................................................................ 19 4.4 系统界面设计................................................................................................................ 19 4.5 本章小结........................................................................................................................ 20 5 详细设计与实现..................................................................................................................21 5.1 程序页面详细设计与实现............................................................................................ 21 5.1.1 登录页面.................................................................................................................. 21 5.1.2 首页设计.................................................................................................................. 22 5.1.3 服务详情页面设计.................................................................................................. 24 5.1.4 购物车页面设计...................................................................................................... 26 5.1.5 我的页面设计.......................................................................................................... 27 5.1.6 订单列表页面设计.................................................................................................. 27 5.1.7 评价页面设计.......................................................................................................... 28 5.1.8 提交订单页面设计.................................................................................................. 29

5.2 程序功能模块详细设计与实现.................................................................................... 30 5.2.1 登录模块.................................................................................................................. 30 5.2.2 搜索模块.................................................................................................................. 31 5.2.3 主页展示模块.......................................................................................................... 32 5.2.4 预约模块.................................................................................................................. 37 5.2.5 购物车模块.............................................................................................................. 41 5.2.6 服务详情页面展示模块.......................................................................................... 43 5.2.7 个人页面管理模块.................................................................................................. 44 6 系统测试..............................................................................................................................47 6.1 测试目标........................................................................................................................ 47 6.2 测试内容........................................................................................................................ 47 6.2.1 功能测试.................................................................................................................. 47 6.2.2 兼容测试.................................................................................................................. 47 6.3 测试用例设计................................................................................................................ 47 6.3.1 登录模块测试用例................................................................................................... 47 6.3.2 搜索模块测试用例.................................................................................................. 47 6.3.3 预约模块测试用例.................................................................................................. 48 6.3.4 地址管理模块测试用例.......................................................................................... 48 6.3.5 优惠券领取模块测试用例...................................................................................... 50 6.3.6 支付模块测试用例.................................................................................................. 51 6.3.7 评价模块测试用例.................................................................................................. 51 6.3.8 签到模块测试用例.................................................................................................. 52 结论..................................................................................................................................53 谢..................................................................................................................................54 致参考文献..................................................................................................................................55 录..................................................................................................................................55 附

1 绪论 1.1 研究背景和研究意义当今社会我们常说的家政，一般就指家政服务，其服务内容包括：家教、月嫂、保姆、保洁护理、水电维修、钟点工、家庭搬迁服务等，家政服务是通过将一些家庭琐碎的事务职业化、社会化、市场化，从而帮助促进整个社会的发展[1]。而据资料显示。国内家政服务行业相比国外还是有很多不足之处。在国外，家政服务人员有使用智能手机、互联网的能力以及高中以上学历都是标准配置，而在国内，任何一个家政公司里的阿姨基本都只有小学以下学历，不会上网，不会使用智能机，甚至偷工减料、偷窃私藏的行为也时有发生。国情不同，所以国外的模式不能照搬，因此设计程序中设置基本要求时要基于国情，甚至细分到某个城市的情况来考虑。家政服务行业在近几年发展势头火热，而大多数人们在需要找家政服务人员时，只能想到家政公司或者中介。家政服务作为一个需要上门服务的行业，可以设计成用户通过微信小程序渠道下单，由服务方提供上门服务的新型服务模式，在这个互联网时代，一个好的家政 O2O 平台的出现应该能真正打开家政服务行业的大门[2]。目前市面上的家政服务类 APP 发展前景不错，但具体的发展方式和服务流程可以进一步优化。微信作为一款应运时代而生的创新的互联网应用，经过了 5 年多的不断发展，月活跃用户早已超过了 8 亿，而在月活跃用户中，95 后用户总共占比 14%，其运营方式也一直在不断的演化和进步着[3]。而在 2017 年 1 月 9 日诞生的微信小程序，代表着一种全新的用户与服务的链接方式，它不仅可以被微信用户方便快捷地获取及传播，而且具备良好的稳定性、兼容性和出色的用户体验，其最大特点就是它不需要下载安装即可使用，应用十分轻量，大小不超过 2M，使应用变得“触手可及”，用户也不需要担心应用过多过大的问题[4]。在各行各业信息化不断推进的大背景下，由于新兴社交软件具有便捷简单，信息传输快捷、使用人数众多等特点，将此类软件应用于社会热门行业已成为必然趋势[5]。因此，凭借微信小程序这个平台打开家政服务市场未尝不可一试。家政服务与大多数行业追求标准化不同，它提供的是一种个性化的服务，因为每位客户的家装风格不同、家庭布局不同、生活习惯不同，所以家政服务的第一要务就是贴

心的满足用户个性化需求[6]，只有积极了解客户的个性化需求，再在合理范围内尽量满足，整个体系才算健全完善。一系列家政软件的出现注定会促使传统的家政服务行业进行二次升级，不仅可以使家政公司能够借助移动互联网技术使家政行业信息更加公开透明，家政公司的成本也能得到大幅度缩减。而对于消费者来说，不仅可以在网上轻易了解到服务人员的信息，包括资质以及其他客户对他的评价等等，还可以对自己体验过的服务进行评价以帮助到他人。现阶段国内的家政服务大多数是用户-APP-家政公司-家政服务人员这样一个流程，通过家政公司对个体家政服务人员的联系，来完成用户与家政人员之间的对接[7]。在这个人人都有智能移动设备的时代，正处在风口浪尖上的微信小程序，其“用完即走”的理念极为符合当今快节奏的生活[8]，它虽然算不上是一种颠覆，但至少也是一种创新。而我们身为当代大学生对新鲜事物的关注度、热情度、参与度和传播度是极其高的，加之我个人认为微信小程序很有前景，便希望利用这个机会学习学习。 1.2 国内外发展现状（1）国内家政行业发展现状随着社会整体生活水平的提高，家政服务在国内近几年发展势头火热，而大多数人们在需要找家政服务人员时，只能传统地想到家政公司或者中介机构，因此在这个“互联网+”的时代，一个好的家政 O2O 平台的出现应该能真正打开家政服务行业的大门。虽然目前市面上的家政服务类 APP 发展前景不错，但具体的发展方式和服务流程可以进一步优化。据我了解，现在最令人诟病的有两点：一是服务人员的水平和素质参差不齐，二是服务后雇主难以申诉维权。因此开发一款能提供良好用户体验的人性化的系统就极有必要了。另外，国内家政服务行业的从业人员整体素质与地位跟国外相比有较大差距，虽然需求差异也有关系，但提高总体素质以致提高家政服务人员的社会地位也是家政行业完善的关键一步。（2）国外家政行业发展现状家政行业在美国最早是以一门学科的形式出现的，到现在，家政已经形成了完整的产业链，在许多发达国家也早已成为重要部门，家政服务人员不仅有着较高的个人素质、严格的管理方案和和服务标准规范，随之带来的收入也比较稳定丰厚，并且家政服务人

员的社会地位较之国内也高得多。但由于国外的家政服务体系已经极其成熟，人们基本通过电话预约就能满足需求，基于互联网的家政服务平台较少。 1.3 课题的研究内容本课题的主要任务是完成一个以微信小程序为载体运行的 O2O 家政服务平台前端页面的设计与实现。要设计好一个程序，必须有一个完整的体系，故首先对国内外家政服务行业的现状进行调研并分析其各自的优劣，结合必要需求和本人认为可以改进的功能对本系统进行功能模块设计，拟定使用微信自带的开发工具以及 MINA 框架进行开发。通过书籍与互联网查阅资料学习，参照使用微信官方开发文档及接口文档，独立完成家政微信小程序的前端页面搭建及各事件交互功能的实现。完成编程后，对程序进行各项调试并能成功运行。希望通过努力，能够完成一个设计较为完善，功能较为完整，用户体验良好的家政服务微信小程序。 1.4 关键性技术介绍微信团队为小程序提供了一个命名为 MINA 应用框架（Apache MINA）的开发框架。该框架通过对微信客户端提供的网络通信、文件系统、任务管理、数据安全等基础功能进行封装，对上层提供一整套 JavaScript API，能够使开发者非常便捷地调用微信客户端提供的各种基础功能，快速构建起来一个应用，通过尽可能简单、便捷、高效的方式让开发者可以在微信开发者工具中开发具有原生 APP 体验的服务[10]。 MINA 框架提供了自己的视图层描述描述语言 Wxml（WeiXin Markup Language）和 Wxss（WeiXin Style Sheets）。其中，视图层的 Wxml 是 MINA 框架设计的一套标签语言，它用于整个界面结构的搭建，是页面的骨架，通过使用基础组件、事件系统来构建出页面的结构，它包括数据绑定、列表渲染、条件渲染、template 模板以及事件这些功能，利用这些功能，就可以快速的构建出一个开发者想要呈现的页面。同时，视图层还有另外一套类似于 Css 但有差别的样式语言 Wxss，它的用处是来描述在 Wxml 文件中构建出的组件样式，Wxml 中的组件以何种样式，该如何显示，都是由对应的 Wxss 文件中的语句来决定的[11]。MINA 框架中，除了视图层的描述语言 Wxml 和 Wxss 之外，还有基于 JavaScript 的逻辑层框架，逻辑层需完成将处理好的数据发送给视图层的任务，同时还要接收视图层各事件的反馈[12]。 1.5 论文的组织结构

本论文主要是用于分析确定一个基于微信小程序的 O2O 家政系统的前端页面的功能结构以及完成该系统前端的编程与测试，本论文的整体组织结构如下所示：本论文由六章正文、总结与展望、致谢、参考文献和附录组成。第一章为绪论，介绍了课题研究背景及意义，分析对比了国内外家政行业发展状况，介绍了本课题的关键性技术，确定了论文的整体组织结构；第二章为可行性分析，从技术、经济、操作三个角度分析开发实现本小程序的可行性；第三章为需求分析，本章对小程序分别进行了总体分析、功能分析和技术分析，确定了本程序的各业务流程；第四章为总体设计，本章先将满足需求的功能设计出来并划分到相应模块，再确定设计各功能模块图，并对各功能模块加以说明；第五章为详细设计，本章对小程序每个页面进行详细设计，包括 UI 设计和各交互功能的设计；第六章为系统测试，本章通过设计测试用例，对小程序的各功能进行测试，检测是否符合预期；最后分别为总结与展望、致谢、参考文献以及附录。 1.6 本章小结本章主要介绍了拟定该课题的目的、研究意义及本论文整体结构，通过对比国内外家政行业发展状况，分析国内家政行业在软件市场的情况，提出了本课题的研究内容，大致确定课题目标，介绍关键技术，并划分了论文的整体组织结构，引导读者更好地阅读本论文。

分享到：

赞收藏

资料库

基于微信小程序的O2O家政平台前端的设计与实现.docx

相关推荐

课程资源

热门标签

最新资料