基于微信的健身小程序设计与实现(附件)【字数：10134】
本次开发的程序是基于微信小程序的健身项目，围绕着健身为主题进行分析，拓展出其他的模块，例如对健身计划的模块开发，训练教学模块，以及教练信息介绍模块，健身新闻模块，天气查看模块，通过对健身的宣传，让更多的用户参与到健身运动中。开发的项目为微信小程序，微信小程序所使用的语言是自定义的一套语言标准，它是在HTML，CSS和JS的基础之上进行研发，定义为WXML，WXSS以及JS，并且重新规定了语法和具体的标签，通过使用微信小程序开发工具，开发出一套以健身为主题的微信小程序。
目 录
一、引言 1
（一）研究背景 1
（二）目的和意义 1
二、开发工具和技术 1
（一）WXML 1
（二）WXSS 2
（三）JS 2
三、系统分析 2
（一）功能需求分析 2
（二）可行性分析 3
1.技术可行性分析 3
2.操作可行性分析 3
3.经济可行性分析 4
（三）用例图分析 4
（四）流程分析 4
1.训练教学视频查看流程分析 4
2.训练视频添加到个人信息流程分析 5
3.健身计划管理流程分析 6
四、系统设计 7
（一）接口设计 7
1.定位接口 7
2.天气接口 7
（二）系统的总体设计 7
五、系统主要功能实现 8
（一）系统主页面模块 8
（二）健身计划模块 9
（三）训练视频模块 13
（四）私教信息模块 16
（五）健身文章查看模块 17
（六）天气查看模块 19
六、系统测试与维护 21
（一）系统测试分析 21
1.单元测试 21
2.集成测试 21
3.确认测试 21
4.系统测试 21
（二）系统测试内容分析 22
1.健身计划功能测试 22
2.健身训练视频功能测试 22
（三）系统测试结果分析 *好棒文|www.hbsrm.com +Q: ^351916072^
22
1.系统优点 22
2.系统不足和改进方案 22
七、总结 22
致谢 24
参考文献 25
一、引言
（一）研究背景
随着时代科技的发展，互联网作为当前的主流发展方向，衍生出来各种新技术，在20世纪末尾，人们还将发展的重心放在台式电脑上，通过台式电脑连接互联网进行沟通交流，而到了21世纪之后，互联网技术已经上升到了一个新的平台，并且计算机的硬件也随之更新换代，运行内存从以前的M发展到现在的G，处理器的工艺也在提高，发展到现在的纳米级工艺，人们已经不能满足使用笨重不方便的台式电脑进行日常的工作，为了开发出更为便携的计算机，出现了笔记本电脑，平板电脑以及手机等移动设备，在这样一个环境下，互联网则拓展出了移动互联网技术，通过一些移动设备接入到互联网中，例如手机或者平板电脑，而移动互联网则是当前最为先进的技术，而软件的开发也从传统的客户端开发，WEB网站开发到现在的APP开发和小程序开发，为了不被社会发展所淘汰，于是本次通过钻研新技术，开发出与小程序有关的健身系统。
（二）目的和意义
本次开发的程序为微信小程序，不仅用户操作方便简单，只需要通过微信就可以访问本程序，并且不占用手机的存储空间，不需要用户再去进行下载安装，让用户的操作变得更加轻松，方便，除此之外，小程序也代表了新一代的软件研发方向，微信通过提供相关技术支持和规范，让用户能够遵循它的软件生态圈进行开发，不仅确保了软件的质量，也保证了微信软件生态圈所有软件的稳定运行，并且开发起来简单方便，同时也出现了其他小程序，例如支付宝小程序等等，都说明了小程序才是未来程序的发展方向，本次开发的健身小程序，就是将传统的健身行业与小程序相结合，用户可以通过打开小程序查看到健身的教学视频和相关新闻，小程序的火热不仅是因为程序开发简单方便，也得益于微信庞大的用户使用量，用户可以通过微信就能访问不同类型的小程序，这也让小程序的市场变得更加火热起来，现在许多已经有APP和IOS版的软件都已经开发出了对应的小程序版本，随着个人小程序的开放，越来越多的人加入到了小程序的开发中，只有当大家都专注于小程序开发时，这种新的软件形式才会枝繁叶茂。
二、开发工具和技术
为在进行微信小程序开发之前，要了解到开发小程序需要使用哪些技术，了解小程序的发展由来，并应用这些技术才能去开发一个完整的小程序，本次主要是对小程序的三个主要技术部分进行分析，针对不同的技术进行详细的了解。
（一）WXML
WXML是微信设计的一套标签语言框架，它是从HTML的基础之上开发演变而来，它加入了微信定义的基本语法，将HTML默认的DIV标签转化为VIEW标签，也自定义了一套数据绑定方式和组件结构，不仅功能强大而且使用起来十分简单，并且面对有HTML开发基础的人来说，WXML的学习十分简单，可以通过微信定义的一些特殊符号实现对信息的动态展示效果，并且所有的集合或者数组都采用JSON的数据结构，方便数据的传输，并且与其他的WXSS和WXS进行组合使用，开发出一套完善的小程序界面。
（二）WXSS
WXSS是在CSS的基础之上演化而来，它与CSS的格式基本相同，都是用于描述组件样式，但是与CSS不同的是，CSS是对HTML进行样式的修饰，而WXSS是与WXML搭配使用的，只能修饰WXML标签语言编写的页面，通过对页面中图片或者组件的宽高样式等结构的调整，绘制出一套画面美观，结构完善的页面。
（三）JS
JS作为小程序的主要功能技术部分，它对传统的JavaScript进行了优化，除了可以编写传统的方法语句之外，还加入了微信内置的api接口，也去除了一些DOM层的文件，让用户专注于业务逻辑代码的编写，除此之外，编写的方法必须要按照微信制定的结构规范进行编写，保证代码的结构完善，小程序的接口访问或者是对页面动态效果的控制以及页面信息的传输显示，都是以JS作为载体进行的，为了拓展小程序的功能模块，还通过JS文件去编写一系列的组件，结合其他的WXML和WXSS开发出完整的小程序系统。
三、系统分析
（一）功能需求分析
目 录
一、引言 1
（一）研究背景 1
（二）目的和意义 1
二、开发工具和技术 1
（一）WXML 1
（二）WXSS 2
（三）JS 2
三、系统分析 2
（一）功能需求分析 2
（二）可行性分析 3
1.技术可行性分析 3
2.操作可行性分析 3
3.经济可行性分析 4
（三）用例图分析 4
（四）流程分析 4
1.训练教学视频查看流程分析 4
2.训练视频添加到个人信息流程分析 5
3.健身计划管理流程分析 6
四、系统设计 7
（一）接口设计 7
1.定位接口 7
2.天气接口 7
（二）系统的总体设计 7
五、系统主要功能实现 8
（一）系统主页面模块 8
（二）健身计划模块 9
（三）训练视频模块 13
（四）私教信息模块 16
（五）健身文章查看模块 17
（六）天气查看模块 19
六、系统测试与维护 21
（一）系统测试分析 21
1.单元测试 21
2.集成测试 21
3.确认测试 21
4.系统测试 21
（二）系统测试内容分析 22
1.健身计划功能测试 22
2.健身训练视频功能测试 22
（三）系统测试结果分析 *好棒文|www.hbsrm.com +Q: ^351916072^
22
1.系统优点 22
2.系统不足和改进方案 22
七、总结 22
致谢 24
参考文献 25
一、引言
（一）研究背景
随着时代科技的发展，互联网作为当前的主流发展方向，衍生出来各种新技术，在20世纪末尾，人们还将发展的重心放在台式电脑上，通过台式电脑连接互联网进行沟通交流，而到了21世纪之后，互联网技术已经上升到了一个新的平台，并且计算机的硬件也随之更新换代，运行内存从以前的M发展到现在的G，处理器的工艺也在提高，发展到现在的纳米级工艺，人们已经不能满足使用笨重不方便的台式电脑进行日常的工作，为了开发出更为便携的计算机，出现了笔记本电脑，平板电脑以及手机等移动设备，在这样一个环境下，互联网则拓展出了移动互联网技术，通过一些移动设备接入到互联网中，例如手机或者平板电脑，而移动互联网则是当前最为先进的技术，而软件的开发也从传统的客户端开发，WEB网站开发到现在的APP开发和小程序开发，为了不被社会发展所淘汰，于是本次通过钻研新技术，开发出与小程序有关的健身系统。
（二）目的和意义
本次开发的程序为微信小程序，不仅用户操作方便简单，只需要通过微信就可以访问本程序，并且不占用手机的存储空间，不需要用户再去进行下载安装，让用户的操作变得更加轻松，方便，除此之外，小程序也代表了新一代的软件研发方向，微信通过提供相关技术支持和规范，让用户能够遵循它的软件生态圈进行开发，不仅确保了软件的质量，也保证了微信软件生态圈所有软件的稳定运行，并且开发起来简单方便，同时也出现了其他小程序，例如支付宝小程序等等，都说明了小程序才是未来程序的发展方向，本次开发的健身小程序，就是将传统的健身行业与小程序相结合，用户可以通过打开小程序查看到健身的教学视频和相关新闻，小程序的火热不仅是因为程序开发简单方便，也得益于微信庞大的用户使用量，用户可以通过微信就能访问不同类型的小程序，这也让小程序的市场变得更加火热起来，现在许多已经有APP和IOS版的软件都已经开发出了对应的小程序版本，随着个人小程序的开放，越来越多的人加入到了小程序的开发中，只有当大家都专注于小程序开发时，这种新的软件形式才会枝繁叶茂。
二、开发工具和技术
为在进行微信小程序开发之前，要了解到开发小程序需要使用哪些技术，了解小程序的发展由来，并应用这些技术才能去开发一个完整的小程序，本次主要是对小程序的三个主要技术部分进行分析，针对不同的技术进行详细的了解。
（一）WXML
WXML是微信设计的一套标签语言框架，它是从HTML的基础之上开发演变而来，它加入了微信定义的基本语法，将HTML默认的DIV标签转化为VIEW标签，也自定义了一套数据绑定方式和组件结构，不仅功能强大而且使用起来十分简单，并且面对有HTML开发基础的人来说，WXML的学习十分简单，可以通过微信定义的一些特殊符号实现对信息的动态展示效果，并且所有的集合或者数组都采用JSON的数据结构，方便数据的传输，并且与其他的WXSS和WXS进行组合使用，开发出一套完善的小程序界面。
（二）WXSS
WXSS是在CSS的基础之上演化而来，它与CSS的格式基本相同，都是用于描述组件样式，但是与CSS不同的是，CSS是对HTML进行样式的修饰，而WXSS是与WXML搭配使用的，只能修饰WXML标签语言编写的页面，通过对页面中图片或者组件的宽高样式等结构的调整，绘制出一套画面美观，结构完善的页面。
（三）JS
JS作为小程序的主要功能技术部分，它对传统的JavaScript进行了优化，除了可以编写传统的方法语句之外，还加入了微信内置的api接口，也去除了一些DOM层的文件，让用户专注于业务逻辑代码的编写，除此之外，编写的方法必须要按照微信制定的结构规范进行编写，保证代码的结构完善，小程序的接口访问或者是对页面动态效果的控制以及页面信息的传输显示，都是以JS作为载体进行的，为了拓展小程序的功能模块，还通过JS文件去编写一系列的组件，结合其他的WXML和WXSS开发出完整的小程序系统。
三、系统分析
（一）功能需求分析
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/wljs/103.html
