基于微信小程序星座系统的设计与实现(附件)【字数:11633】
目录
一、引言 1
(一)选题背景 1
(二)选题意义 1
(三)设计目标 2
(四)开发技术 2
1.开发语言 2
2.开发者工具内部组件 2
二、系统分析与设计 2
(一)系统需求分析 2
(二)系统功能 3
1.用户调用API时序图 3
2.系统用户登录活动图 4
3.管理员用例图 5
4.用户用例图 6
(三)系统架构 6
1.开发者工具系统架构 6
2.微信小程序内部架构 8
三、系统功能设计与实现 9
(一)界面设计 9
(二)云数据库存储及调用 10
(二)用户登录功能 11
(三)图片轮播和存储功能 12
(四)页面跳转功能 13
(五)组件和API设计 13
(七)API接口调用设计 16
1.今日星座运势功能 16
2.星座特征功能 17
3.脑筋急转弯功能 18
4.雷人笑话功能 19
四、系统测试 20
(一)测试环境 20
(二)测试用例及结果 21
1.用户注册登录功能测试 21
2.用户后台登录测试 21
3.用户实现页面跳转测试 22
4.用户点击视频实现播放测试 22
5.用户搜索查询测试 23
*51今日免费论文网|www.51jrft.com +Q: ^351916072*
/> 6.用户查看星座运势测试 24
7.用户查看星座特征测试 24
8.用户查看脑筋急转弯测试 25
9.用户查看雷人笑话测试 26
五、总结 27
致谢 28
参考文献 29
一、引言
(一)选题背景
随着移动互联网技术日新月异的发展,它以成为生活、工作、商业活动等不可抛离的组成部分。于是互联网巨头企业腾讯开始布局未来的生态圈,2017年微信正式推出小程序,它既是一种全新的连接用户与服务的方式,可以在微信内被便捷地获取和传播,同时具有出色的使用体验[1]。现微信的用户已经超过了10亿,而且是中国排名第一社交软件,开发微信小程序与APP相比、获取用户和传播成本更低。微信小程序易变现、易获取、易沟通、易使用、易传播。中国互联网络信息中心(CNNIC)在京发布第49次《中国互联网络发展状况统计报告》显示,截止2021年12月,我国网民规模达10.32亿,较2020年12月增长4296万,互联网普及率达73%,浏览网络方式使用率[2],如图11所示。互联网时代的快速发展,导致手机已经成为了人们生活中的必需品,人们可以通过手机快速获取信息和学习的渠道。在这个庞大的人群中,每个人的手机都有不同的系统,但是他们手机都会装有微信,就可以进入微信小程序。
/
图11 网络方式使用率
(二)选题意义
小程序简而言之就是镶嵌在微信内部的小程序,也可以说是镶嵌在微信内部无需下载安装的APP应用。小程序能够呈现持续性宣传的效果、功能更丰富收到大家欢迎、开发成本非常低维护更省心。综合看来,微信小程序确实具有非常重要的价值和意义,而且在使用方面也是有很好的优势,所以受众群体就会变得更加广泛,开发者开发适合的小程序,融合不同的功能促进大家的使用,自然就会在发展竞争方面得到很好的优势[3]。目前小程序支持扫码、分享、查找等一系列功能,保证用户的体验,而且小程序开发工具使用的是微信开发者工具,里面配套的API功能以及云存储的功能方便编写者更容易地实现功能,完全满足线下服务的需求,此微信小程序能满足用户查看自己星座相关的信息,给用户带来信息的同时,也带来了愉悦。
(三)设计目标
星座微信小程序的设计主要目的是给用户带来关于星座的数据,用户与小程序交互后,小程序能实现数据的调取与使用。本文主要研究的问题是如何将数据从提供的API接口调入,以及各部分功能如何实现从而带给用户怎样的体验。研究其调用数据的功能实现,了解后台数据的存储功能。主要选题出发点是能编写一个小程序使得用户能查看星座一些基本常识,能用简单的按钮功能就能调用数据,实现数据的显示,并且微信开发者平台是容易实现项目上线,能云服务存储。希望通过这个项目设计能提升自己对前端与后端开发相结合的概念理解,以及学会前端与后端的融合。坚持创新的观念及思想开发小程序,符合学校对学生的期望。
(四)开发技术
与其他大部分程序一样,微信小程序也是由前端和后端组成,开发微信小程序之前需要下载开发者工具,使用这个工具编写小程序[4]。
1.开发语言
微信开发者工具用到的语言有:WXML、Javascrip、WXSS等。WXML(WeiXin Markup Language)是一种类似于HTML框架设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构。还有Javascrip是作为后台代码编写语言,与前端内容进行互动,能完成功能的实现。WXSS(WeiXin Style Sheets)是一套样式语言,与CSS相比,WXSS扩展特性有:尺寸单位和样式导入。
2.开发者工具内部组件
微信开发者工具的组件有许多,不同组件实现的功能也是不同的,例如icon、text、button、input等,此类组件能与用户实现交互功能。还有view、swiper、scrollview等,此类组件能给用户带来视觉上的体验,能展现出页面的结构和图片等需要显示的内容。Audio与video组件的运用能实现用户视听的感受。表单 form 控件的提交原理与提交操作、表单控件如 checkbox、label、picker、pickerview、radio、slider、switch、textarea、导航组件 navigator 的跳转与 tabbar 跳转操作,opendata 获取用户资讯包括和 webview 容器的加载动作、网络API:上传、下载。
原文链接:http://www.jxszl.com/jsj/wljs/608382.html