您的当前位置:易达范文网 > 专题范文 > 公文范文 >

基于微信小程序游戏玩家互动社区设计与实现

时间:2023-06-17 08:30:33 浏览次数:
导读: 基于微信小程序的游戏玩家互动社区的设计与实现DesignandImplementationofGam

基于微信小程序的游戏玩家互动社区的设计与实现 Design and Implementation of Gamer Interactive Community Based on WeChat Mini Program 摘要 微信以社交软件为基础打造小程序系统,对软件开发者以及用户都提供了一个非常方便的平台。线上社区作为社交系统的其中一种,与聊天软件有着很大的不同,其及时性和信息传播速度都有很大的区别。电子游戏近年来飞速发展,玩家数量逐日上升,但是电子游戏方面的线上社区还不多,并且还未发现这方面的微信小程序。

本文基于微信小程序,提出了研究开发一款面向游戏玩家的线上社区小程序。使用微信开发者工具以及微信小程序开发文档进行研究开发。参考了百度贴吧、新浪微博以及CSDN社区等国内知名社区,结合微信小程序的特性,将两者进行融合。利用微信小程序提供的云开发功能,专注于前端与业务功能的构筑,主要完成新闻、发贴、回贴以及点赞等主要的社区功能。

关键词:微信小程序 线上社区 云开发 Node.js框架 WXML Abstract WeChat builds a mini program system based on social software, providing a very convenient platform for software developers and users. As one of the social systems, online communities are very different from chat software. Their timeliness and the speed of information dissemination are very different. Video games have developed rapidly in recent years, and the number of players has increased day by day, but there are not many online communities in video games, and WeChat mini-programs in this area have not been found. Based on the WeChat mini program, this article proposes to research and develop an online community applet for gamers. Use WeChat developer tools and WeChat mini program development documents for research and development. References to well-known domestic communities such as Baidu Post Bar, Sina Weibo, and the CSDN community, combined the characteristics of WeChat mini program, to fuse the two. Utilizing the cloud development functions provided by the WeChat applet, it focuses on the construction of front-end and business functions, mainly completing the main community functions such as news, posting, replying, and liking. Key words: Wechat mini program Cloud development Online community Node.js frame WXML 目 录 第一章 绪论…………………………………………………………...…….1 1.1 研究背景 1 1.1.1 环境背景 1 1.1.2 线上社区的普及性 1 1.1.3 游戏玩家的日益增多 1 1.1.4 微信小程序的优势 1 1.2 研究现状 2 1.2.1 现有线上社区的现状 2 1.2.2 电子游戏玩家群体庞大 2 1.2.3 微信小程序的普及状况 2 1.3 研究的目的与意义 2 1.3.1 研究目的 2 1.3.2 研究意义 3 1.4 研究内容与文章组织结构 3 1.4.1 主要研究内容 3 1.4.2 文章组织结构 3 第二章 系统开发环境介绍 4 2.1 环境技术简介 4 2.1.1 微信小程序简介 4 2.1.2 微信云开发 4 2.2开发技术简介 4 2.2.1 WXML介绍 4 2.2.2 WXSS介绍 4 2.2.3 JavaScript简介 5 第三章 系统分析…………………………………………………...……….6 3.1 系统可行性分析 6 3.2 系统功能需求分析 6 第四章 系统设计………………………………………………………..…..8 4.1 系统架构设计 8 4.2 数据库设计 8 4.3 功能处理流程设计 11 4.3.1 新闻与贴子版块列表展示流程设计 11 4.3.2点赞处理流程设计 12 4.3.3 评论及回复处理流程设计 12 第五章 系统实现…………………………………………………………..13 5.1 用户授权实现 13 5.2 新闻资讯功能 14 5.3 贴子版块与贴子内容的实现 16 5.4 点赞功能的实现 17 第六章 系统测试…………………………………………………….…….18 6.1 新闻发表测试 18 6.2 文章发表测试 20 6.3评论及回复评论测试 21 结论 24 参考文献……………………………………………………………………25 致谢…………………………………………………………………………26 第一章 绪论 1.1 研究背景 1.1.1 环境背景 信息技术发达的今天,计算机、互联网的诞生对世界造成了非常大的改变,许多以前曾不敢想象的画面如今都已变成了现实。计算机的不断发展,成了今天人手一部的智能手机,互联网的技术升级也从从前的有网线才有网络到了今天的无线时代。信息技术正在飞速发展,每天都会有新的科技出现。互联网的强大有着无限的可能性,聊天、购物、上课这些事情如今都可以通过互联网在线上进行,比传统的线下方式更加方便快捷。

1.1.2 线上社区的普及性 在互联网普及的时候,线上聊天室和线上社区已经很受欢迎。因为足不出户就能与身处千里之外的网友聊天,在那个时候可是不多见的新鲜事。线上社区的好处就是能够跟所有人分享自己的事情,或者是有困难可以向大家求助。直至今日,社区还是人们分享与求助的一种常用方式,因为私聊与群聊面对的始终只是一部分用户,社区型的交流方式面向的人群更广,信息传播速度更快。

但是两种模式各有各的特点,用户们按照自己的需求使用不同的社交平台,至今两种模式下的用户使用量都非常多。用户几乎每时每刻都会使用聊天软件进行沟通与工作,闲暇时间会到社区中转转看看有什么有趣的事情。

1.1.3 游戏玩家的日益增多 随着计算机的发展,电子游戏成为了很多人的休闲娱乐方式。抛开繁忙的工作前往游戏世界寻找一片安宁,是很多人的选择。电子游戏发展至今,已不仅仅是只能够在电脑上玩电子游戏了,有的游戏厂商推出了游戏主机,专门用来读取与运行游戏,不过体积也只比平常所使用的电脑小一点,只能在家进行游玩。为了让玩家随时随地都能进行游戏,游戏厂商继而推出了掌上游戏机,其特点就是小巧便携,但是由于机能限制,往往在掌上游戏机运行的游戏画质都要打点折扣。有人喜欢高质流畅的游戏体验,有人喜欢随时随地进行游戏,各有所爱。

游戏的娱乐性使得越来越多人接触游戏,游戏的社交功能越来越强。电子游戏一开始都是单机游戏,为了增强互动性,游戏开发者们为他们增加了联机功能,使得人们能够在一起进行同一款游戏,乐趣更多。互联网诞生后,游戏联机也终于不用面对面进行了,使得游戏的互动性再一次加强,游戏社交也逐渐成为了一种新型社交方式。

1.1.4 微信小程序的优势 随着互联网技术的普及应用和智能手机技术的不断发展,用户的业余时间逐渐被互联网应用所占据,手机上网的使用率在不断增加,手机APP也在不断地与时俱进,但用户就需要不断地进行更新或者下载新的应用,不但占据手机空间内存,而且操作起来也比较麻烦[1]。

很多手机用户都不太喜欢在手机中安装太多软件.自从微信推出了小程序之后,这就给了用户一个很好的体验。不需要下载安装即可使用APP里的功能,这就使得用户更乐于使用小程序。而且微信已经成为了手机中的必备软件,它拥有最庞大的用户群体,在微信推出小程序后能够更加快地吸引用户使用。

1.2 研究现状 1.2.1 现有线上社区的现状 线上社区的用户目前还是以分享与求助为主,即使线上社区大多都有私聊功能,但是在之后结交朋友还是会在社交软件上交流。使用同一个线上社区的人群并不会很多,即使像百度贴吧这样的大型社区,用户们也不会经常地在线回复消息。用户们会在闲暇时间浏览社区,在社区中与大家分享。

1.2.2 电子游戏玩家群体庞大 电子游戏玩家虽然众多,但是游戏的种类也是数不胜数。每个人都有自己玩游戏的偏好,所以能够遇到喜欢相同游戏的玩家是有一定难度的。没有找到集体的玩家总是孤独的,只能自己沉浸在自己的世界中。玩家同好集体是总是难遇难求,如何能够让玩家更加方便地找到有同好的人,一直是一个难点。

尤其是如今的游戏都比较注重玩家们的互动性,组队游玩、交换道具这种模式已经是比较普遍的了。为了获取游戏的这一部分乐趣玩家们需要找到与自己同好的人进行交流,一起游戏。

1.2.3 微信小程序的普及状况 在线上社交平台中,腾讯旗下的QQ和微信是如今用户最多的两款社交软件。微信已经成为生活中最常用的沟通交流软件,拥有庞大的用户群体,利用微信小程序传播新闻资讯更有更加广阔的用户群体,对于资讯传播有显著的提升[2]。在这样的一个社交平台上聊天的同时,如果还能使用到我想要用到的程序,相信很多用户都会很乐意去使用它,所以微信推出了小程序。小程序的优点就是能够让用户不需要下载其他的APP,只需要通过分段的加载,即可使用到其他APP上的功能。相比起安装一个可能用不到的软件,使用小程序来进行浏览更是大多数用户都愿意去做的。所以很多的公司在开发自己的APP的时候都会选择再做一个小程序来对自己的APP进行推广。

1.3 研究的目的与意义 1.3.1 研究目的 电子游戏玩家群体日益庞大,但是要找到相同爱好的一群人往往都要走不少弯路。其实在现在很多的集体在寻找自己的同好会时都会通过各种社区,但是用户相对不够多,所以还是有部分人不能看到的。而社区用户少这个缺陷正好微信可以弥补。所以如果能在微信上推出专门对玩家而设立的社区小程序,这是一个能够方便玩家们聚集的措施。能让玩家们在社区上浏览到各类游戏相关的新闻;
能让玩家们分享自己在游戏中的喜悦或者是求助自己在游戏中遇到的困难;
能让玩家们通过互相评论分享自己的见解然后结识。

1.3.2 研究意义 开发一个专门给电子游戏玩家们分享交流的平台,方便玩家们更容易找到自己的集体与解决问题,这是一个非常有意义的事情。以往玩家们得大费周章才能找到游戏知音,或者是在某个游戏中遇到了问题卡关了却难以找到解决办法,从而使很多玩家从热爱到放弃一个游戏。这是热爱游戏的玩家与游戏开发者都不想见到的场景。如果我们在用户量庞大的微信中开发专门针对游戏玩家们的线上互动社区,这会使玩家们更能快速的浏览到自己想要看到的内容。不管是自己喜爱的游戏的最新资讯或者是同好们在线上分享的游戏时光,都会让玩家们感受到各自的快乐。

1.4 研究内容与文章组织结构 1.4.1 主要研究内容 研究的内容主要从三个方面展开。

首先是分析游戏玩家互动社区的发展以及现状,探究使用微信小程序开发游戏玩家互动社区的可行性。

第二是对系统功能进行分析,设计程序架构与数据库搭建,探讨各种功能的开发方法。

第三方面着手功能的具体实现,攻破设计重点难点。完成设计后进行功能测试,保证程序能够正常运行。

1.4.2 文章组织结构 本文的主要结构如下。

第一章对本文的研究背景、目的以及意义进行介绍和梳理,为研究的开展打下基础。

第二章介绍系统开发环境与技术,对研究中使用到的关键技术做简单的了解。

第三章从经济、技术、社会环境方面分析本研究的可行性,对系统所需要到的功能作详细分析。

第四章分析系统架构该如何设计,设计整一个小程序的运作流程。

第五章对小程序的关键功能探讨实现方法以及运作流程。

第六章则对社区主要功能进行运作与测试,保证开发的完成度与系统质量。

第二章 系统开发环境介绍 2.1 环境技术简介 2.1.1 微信小程序简介 微信小程序是一种新型程序内应用。不需要下载与安装即可使用。他是一项创新,经过将近两年的发展,已经构造了新的微信小程序开发环境和开发者生态。微信小程序也是这么多年来中国IT行业里一个真正能够影响到普通程序员的创新成果,已经有超过150万的开发者加入到了微信小程序的开发,微信小程序应用数量超过了一百万,覆盖200多个细分的行业,日活用户达到两个亿,微信小程序还在许多城市实现了支持地铁、公交服务。微信小程序发展带来更多的就业机会,2017年小程序带动就业104万人,社会效应不断提升。

2.1.2 微信云开发 开发者可以使用云开发开发微信小程序、小游戏,无需搭建服务器,即可使用云端能力。云开发为开发者提供完整的原生云端支持和微信服务支持,弱化后端和运维概念,无需搭建服务器,使用平台提供的 API 进行核心业务开发,即可实现快速上线和迭代,同时这一能力,同开发者已经使用的云服务相互兼容,并不互斥[3]。

云开发提供了几大基础功能支持:
云函数。无需自建服务器,在云端运行的代码,微信私有协议天然鉴权,开发者只需编写自身业务逻辑代码。

云数据库。无需自建数据库,一个既可在小程序前端操作,也能在云函数中读写的JSON数据库。

云存储。无需自建储存和CDN,在小程序前端直接上传或下载云端文件,在开发控制台可视化管理。

云调用。原生微信服务集成,基于云函数免鉴权使用小程序开放接口的能力,包括服务端调用、获取开放数据等能力。

2.2开发技术简介 2.2.1 WXML介绍 WXML是框架设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构。与网站架构中的HTML有所不同,其中标签名字与渲染逻辑都有独特的方面。小程序使用的WXML的标签都是包装好基础功能的,开发者只需要直接使用这些组件就能够快速搭建所需功能。

2.2.2 WXSS介绍 WXSS具有CSS的大部分特性。在小程序中,WXSS也作出了不少的改动。匹配手机像素比,px换算成了rpx,使开发者减少了计算以及分析界面设计的时间。WXSS并不支持所有的CSS选择器,但支持的选择器都足够开发使用。

2.2.3 JavaScript简介 JavaScript是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名的,但是它也被用到了很多非浏览器环境中。JavaScript 基于原型编程、多范式的动态脚本语言。并且支持面向对象、命令式和声明式风格。

JavaScript的作用是用于用户与页面交互,小程序中的大部分功能都是由JavaScript来控制的。

第三章 系统分析 3.1 系统可行性分析 本社区平台主要由新闻和贴子两大功能组成,新闻需要组建团队进行实时更新和管理。这部分需求的人数不多,一个人可分管多个渠道获取最新消息。之后会上线线上商城功能,玩家往往会更愿意选择正规、安全的渠道进行游戏及周边商品的购买。只要提供的服务能让玩家满意,提高用户们的好感度,运营线上商城的盈利将会是可观的。在经济这一方面是完全可行的。

技术方面有微信云开发的支持,能够减少搭建数据库以及服务器的工作量。相关技术日渐成熟,微信提供的各种API能够非常方便地组成各种功能。使用微信开发者工具进行开发能在技术上得到不少提升。

社会环境方面,经调查暂无相似度高的软件以及小程序。小程序功能上是用于发布游戏相关信息,使用本小程序时,用户必须自觉遵守国家相关的法律法规,一旦发现有违规者将予以惩罚。

3.2 系统功能需求分析 本小程序的目的是让玩家们快速获得准确的游戏资讯,并能够互相展开讨论。所以新闻和发贴功能必不可少。互动是本小程序需要突出的重点,在浏览新闻和帖子的时候,让玩家们能够发表自己的见解,这是第一点。

光凭用户对新闻或者贴子评论,这只能使发帖者单方面收到信息,互动性还有所欠缺。文章发表者与评论者之间、评论者与评论者之间也需要能够进行交流形成一个多对多的互动方式,能让一篇贴子真正成为一个大家都能够自由发言的地方。

为了增强每篇贴子和新闻的互动性,加入一个点赞功能能够让观看者能对发帖人表示支持,发帖者也能够从点赞中获得动力和成就感,这也是如今大部分社交软件会加入的一个功能。贴子与新闻的功能结构如图3-1和3-2。

图3-1 新闻部分功能结构图 图3-2 帖子部分功能结构图 用户还需要对自己发的帖子进行管理,需要一个页面用于显示用户自己所写的贴子或者是所发表过的评论。用户之间也需要有一个相互了解的方式,一个用户应该能够浏览另一用户所发表过的文章。同时满足这两个需求的,就是制作一个个人主页,能够方便浏览单一用户在小程序中的活动,也方便用户自己对自己的贴子的管理。个人页面功能结构如图3-3。

图3-3个人主页功能结构 第四章 系统设计 4.1 系统架构设计 微信小程序可以通过微信官方提供的登录功能快速获取用户的身份标识和用户信息。整个系统的逻辑块可以分为3部分:小程序端、云开发控制端以及功能处理模块。

微信小程序端在页面加载时从云端服务器获取页面数据与图片进行布局,在用户进行了功能操作时,则会调用相应接口请求服务器完成操作。所有的功能请求都是通过功能处理模块处理后,向云端请求处理,云端相应处理后返回数据,交由功能处理模块回应给微信小程序,其逻辑结构如图4-1所示。

图4-1 系统逻辑结构设计 4.2 数据库设计 数据库中,主要分成四大集合块:用户、文章、新闻以及评论。

用户集合用于存放每个用户的信息。微信提供的授权接口只能够获取到用户的基础信息,但是用户在小程序中进行过的某些特殊操作应当被记录下来。如用户发表过的言论信息索引用户在社区中的独有身份和新收到的消息数。这些信息微信并不会自动保存,需要在小程序中单独保存。每个用户拥有其相对应的openid、基础信息和新消息数等,创建集合user,如表4-1。

字段 类型 空 默认值 注释 _id(主键)
string 否 _openid string 否 用户身份标识 userInfo object 是 NULL 用户基础信息 newMessage number 否 0 新收到消息数 表4-1 user集合表 文章集合部分,贴子的版块分为了电脑、主机和掌机三块。共用同一集合进行存放。读取相应版块的文章时,按数据中的文章模块字段进行分类查询即可。每篇文章所拥有的字段有内容、所属板块、文章图片以及发表时间,创建集合article,如表4-2。

表4-2 article集合表 字段 类型 空 默认值 注释 _id(主键)
string 否 _openid string 否 上传者身份标识 content string 是 NULL 文章内容 date object 是 NULL 发表时间 images array 是 NULL 文章图片 module string 是 NULL 所属版块 tittle string 是 NULL 文章标题 新闻为独立的一个模块,独用一个集合。新闻的内容与文章相似,不同点是新闻不是由普通用户撰写的,并拥有其来源的地方。新闻所包含的字段有发表时新闻图片、新闻内容和新闻信息来源,创建集合news,如表4-3。

表4-3 news集合表 字段 类型 空 默认值 注释 _id(主键)
string 否 _openid string 否 上传者身份标识 content string 是 NULL 新闻内容 date object 是 NULL 发表时间 images array 是 NULL 新闻图片 source string 是 NULL 新闻来源 tittle string 是 NULL 新闻标题 评论跟随文章,只要锁定文章就能搜索到对应的评论。据此评论数据库设计为newsComment和articleComment两个,分别存放新闻评论以及文章评论,如表4-4和4-5。

表4-4 newsComment集合表 字段 类型 空 默认值 注释 _id(主键)
string 否 _openid string 否 上传者身份标识 cid string 是 NULL 被回复评论id date object 是 NULL 发表时间 comment string 是 NULL 评论内容 remark string 是 NULL 标记 replyto string 是 NULL 消息发送到 表4-5 articleComment集合表 字段 类型 空 默认值 注释 _id(主键)
string 否 _openid string 否 上传者身份标识 cid string 是 NULL 被回复评论id date object 是 NULL 发表时间 comment string 是 NULL 评论内容 module string 是 NULL 所属版块 remark string 是 NULL 标记 replyto string 是 NULL 消息发送到 数据库设计的E-R图如图4-2。

图4-2 数据库设计E-R图 4.3 功能处理流程设计 4.3.1 新闻与贴子版块列表展示流程设计 新闻和贴子列表两者都是获取当前时间线上最新的列表。通过微信提供的云数据库查询接口向云端服务器发起数据请求,返回到最新的列表数据。若数据中有图片等文件,又会再向云端服务器发起云存储文件的调用。请求流程如图4-3。

图4-3 列表页面加载流程 4.3.2点赞处理流程设计 当用户点赞后,文章数据中的点赞数组需要更新。使用云函数进行数据更新并不能直接把数据接合到云数据库的数据中。云服务器先获取到当前文章数据,在云服务器中对其进行修改。修改完成后再由云端更新整个数据数组。功能实现流程如图4-4。

图4-4 文章点赞功能处理流程 4.3.3 评论及回复处理流程设计 回复算评论的一种,此处设计成与与评论的数据库以及显示样式一样。回复与普通评论的区别是,被评论者不一定是文章的发布者。对应的消息推送是推送到被回复者的名下的。两者储存到数据库时,数据的字段也有所不同。普通评论通过获取文章所有者的openid对其新消息数进行改动,回复评论则需要获取被评论者的openid。功能实现流程如图4-5。

图4-5 评论及回复功能处理流程 第五章 系统实现 5.1 用户授权实现 用户授权是为了获得用户的信息,以便给用户提供更多的服务。相当于一般程序中的注册和登录。微信小程序建立在微信的基础上,用户信息已经存在于用户登录的微信中,跳过了注册这一步骤。微信给按钮button组件赋予了一个getUserInfo的属性,拥有这属性的按钮可以直接让用户进行授权的确认,如图5-1。

图5-1 用户未登录界面 当用户确定授权后,小程序端获取到用户信息并保存到数据库中,小程序缓存中也保存有用户信息,系统检测到用户已登录状态即开放更多功能,“我的”页面显示个人信息,如图5-2。

图5-2 用户已登录界面 5.2 新闻资讯功能 新闻方面的功能主要是发表和查看。发表新闻是管理人员才能操作的功能,这个功能也只为特定的人开启。新闻页面在主页面,用户打开小程序即可看见新闻列表。因为只有竖排列表会让界面显得过于单调,在页面顶端加上了一个滑动显示栏,用于对头条新闻的展示,如图5-3。页面加载时可一次性从数据库获取到最多20条数据,按时间倒序排列在列表中,若数据库中还有更多数据,下拉至底部即可继续进行加载。

图5-3 社区主页 点击其中某条新闻,进入到新闻详情的界面。标题采用大字号与斜体的特殊处理,使标题更加突出,如图5-4。

图5-4 新闻详情页面 文章下是评论输入框,评论框在用户未授权的状态下是一个授权按钮,如图5-5。当授权完成后变为评论输入框,如图5-6。

图5-5 未登录状态评论框 图5-6 登录状态评论框 5.3 贴子版块与贴子内容的实现 贴子分为PC、主机、掌机三个版块。贴子列表是用户发表主题的展现,要与新闻列表的样式设计区分开来。列表中的每一项采用上图下文的布局,发表者的头像则位于分割线的偏右方,如图5-7。每篇文章内容的布局和样式类似于新闻,标题下方左侧是发表者信息,右侧是发表的时间,如图5-8。

图5-7版块文章列表 图5-8 文章详情布局 5.4 点赞功能的实现 点赞功能位于每篇文章最后一张图片的下方,评论框的上方。用户未点击时,图标呈空心的灰色心形和灰色数字,如图5-9。当用户对文章进行点赞之后,图标会变成填充的红色心形,旁边的数字也会加一并变成红色。效果如图5-10。

图5-9未点赞状态 图5-10 用户已点赞 第六章 系统测试 6.1 新闻发表测试 新闻是用户使用本小程序获取消息的一个重要功能。主要测试新闻能否正常发布、列表页面是否能够获取得到新闻数据以及新闻详情页面能否按照设定格式进行显示。为方便录入数据,建立一个录入新闻界面,此界面仅管理员才能拥有入口。录入界面如图6-1。使用了多组新闻数据来进行测试,其中最新三组数据如表6-1。

图6-1 新闻录入界面 序号 标题 来源 内容 图片数量 1 锦罗红妆送心意《决战!平安京》春日活动来袭 官方 万物一新,绿柳红妆。春日的暖阳,总会把周围映衬… 5 2 索尼造“任天堂PlayStation”以36万美元卖出 TGBUS编译 巴士此前曾报道过,索尼1992年为任天堂制造… 4 3 《初音未来 MEGA39s》出货破15万 《未来音色》破45万 Gematsu 世嘉官方今日宣布,《初音未来 歌姬计划 MEGA39's》在日本… 4 表6-1 新闻最新三组测试数据 图6-2 新闻页面获取数据加载完成界面 经测试,所有数据都能够按照时间降序在新闻列表界面正常加载并显示,具体效果如图6-2。进入新闻界面也能够顺利读取对应新闻,完成加载。测试数据序号3的新闻详细加载页面如图6-3和6-4。

图6-3序号3数据标题和文本显示效果 图6-4 数据3图片与评论框显示效果 6.2 文章发表测试 发表文章是用户分享与求助的重要渠道。主要文章能否正常发布、列表页面是否能够获取得到文章数据以及文章详情页面能否按照设定格式进行显示。在每个模块的右上方,都会有一个写贴子的按钮能够进入到贴子编写页面。编写界面如图6-5。使用了多个账号、多组数据来进行测试,其中最新四组数据如表6-2。

图6-5 贴子编写界面 序号 所属版块 标题 发表用户 内容 图片数量 1 PC 动森种花指南来啦! 逆風 最全种花指南! 1 PC 求助!卡关了! D逆風 前来求助 4 2 主机 主机测试 逆風 测试测试测试 3 3 掌机 再来一篇 维柔钟纸巾 别过来! 2 表6-2 最新四组贴子测试数据 经录入并刷新后,所有数据都能够按照时间降序在各自的模块列表界面正常加载并显示,具体效果如图6-6。进入详情界面也能够顺利读取对应新闻,完成加载。测试数据序号1的新闻详细加载页面如图6-7和6-8。

图6-6 贴子列表获取数据加载完成界面 图6-7序号1数据标题和文本显示效果 图6-8 数据1图片与评论框显示效果 6.3评论及回复评论测试 贴子是用户们分享的开始,评论则是用户们交流的方式。用户能否收到来自其他玩家的消息,是互动的重点。普通评论直接在文章下的评论框编写发送即可,如图6-9。回复评论则需要点击对应评论,评论文本下方出现输入框,进行编写发送,如图6-10。本次测试文章下的评论以及评论回复,回复后相应的被回复人会在个人页面接收到消息提醒。共使用4组数据进行测试,如表6-3。

图6-9 评论框直接评论 图6-10 点击评论进行回复 表6-3 评论测试数据 序号 发送者 被回复者 文章id 回复内容 1 D逆風 逆風 2b4144565e88a9e80038a1b318270814 谢谢楼主 2 逆風 D逆風 2b4144565e88a9e80038a1b318270814 经常来玩哈 3 维柔钟纸巾 逆風 6aebd2215e88a84e004935a3091bd658 写的不错 4 逆風 维柔钟纸巾 6aebd2215e88a84e004935a3091bd658 谢谢赞赏 经测试,两种评论方法均能成功评论到对应文章。并且被回复者能够在“我的”页面中收到消息提醒,即“我的消息”后带有数字的小红点,数字代表新消息数,如图6-11。

图6-11 用户收到消息提醒 结论 互联网发展至今,线上社区一直是人们重要的社交方式。线上社区的形式也在不断地跟随时代的变化而不断地变化。从网站到软件到APP,再到本次进行研究的小程序,各种形态的线上社区都为大家提供了一个又一个的交流平台。本研究从概念出发,经过分析、设计再到实现,最终完成了一个提供给广大游戏玩家畅所欲言交流的线上社区小程序。

本研究也存在一定的问题。由于时间关系,基于微信小程序的游戏玩家互动社区的开发的功能和设计还有很多地方做得不够完美。例如点赞功能暂时无法完美实现取消,没能记录已点赞的用户使得下次进入文章还能点赞。消息提醒功能也没能做到即时明显地显示,需要用户自己点击进入用户页面,才能看到新消息的提示。社区的界面设计也还有很大的改进空间,这些将会在后期需要时逐步完善。

本次研究的重点在于玩家互动社区的构建和实现,对于社区内容显得不够丰富。社区的主要功能已经基本完成,但是小功能方面还有不少缺陷,需要在后期进行完善开发。本研究只是将社区需要的功能在小程序中实现,并不是所有使用到的代码方法都是最优处理方法,随着微信小程序越来越被大众所接受和使用,必定会有更多优秀的社区小程序面世,为用户们的社交方式更加丰富。

随着人们社交方式的日益丰富,人们对社交平台的选择也更加谨慎。方便、高效、简洁的社交软件往往都是用户们更愿意使用的。微信也早已不仅仅是一款普通的社交软件。从公众号到小程序,微信一直在刷新人们对社交软件的认识。越来越多的平台都在添加小程序的功能,相信在一段时间内,小程序将会吸引越来越多的研究者前来进行研究开发。希望更多的研究者对线上社区作更深入的研究,不断丰富和扩充线上社区的内容,以满足广大用户的社交需求。

参 考 文 献 [1]尤学雷.微信小程序在市场经营管理工作中的应用[J].技术与市场,2019,26(10):196+198. [2]陈海汝,何青,潘轩平,杜飞,范姣.基于微信小程序的资讯平台设计与开发[J].电脑知识与技术,2019,15(18):53-54+61. [3]小程序开发者文档[EB/OL].https//developers.weixin.qq.com. [4]林健,吴才健.基于微信小程序的校友社区网络管理平台的设计总结[J].电脑知识与技术,2019,15(05):76-77. [5]安怡.基于微信小程序的校园二手交易市场系统的开发设计[J].计算机产品与流通,2019(06):208. [6]张家麒.基于微信小程序的音乐播放器实现[J].通讯世界,2019,26(05):26-29. [7]瞿苏,管乾文.基于微信小程序平台电影播放功能的设计与实现[J].安徽电子信息职业技术学院学报,2019,18(02):1-4. [8]杨婉婧.基于用户体验的微信小程序微交互设计[J].传媒,2019(05):56-58. [9]王维,沈长娇,高伊腾.微信点餐小程序的设计与实现[J].电脑编程技巧与维护,2019(09):70-72. [10]邱家玉.微信小程序电商发展现状和对策探讨[J].现代商业,2019(23):26-27. [11]赵雪芹,王少春.微信小程序用户持续使用意愿的影响因素探究[J].现代情报,2019,39(06):70-80+90. [12]匡文波.中国微信发展的量化研究[J].国际新闻界. 2014(05) [13]付识睿.微信公众平台在电视媒体中的发展现状[J].大众文艺. 2013(24) [14]弓萍.利用微信公众平台做好服务营销[J].现代营销(学苑版). 2013(10) [15]张聪,刘晓宇,张志成.浅析微信出版[J]. 科技与出版. 2014(07) [16]张秋瑰.弱关系与强应用:社会化媒体的出版实践[J].出版发行研究. 2014(06) [17]刘禹.基于微信小程序的图书荐选程序设计及实现[J].长春工程学院学报(自然科学版),2019,20(02):59-62.

本文链接:https://www.gxcjt.com/zhuantifanwen/gongwenfanwen/49741.html(转载请注明文章来源)
Copyright © 2024 易达范文网 版权所有 备案号:桂ICP备20004951号-1
声明 :本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载的作品侵犯了您的权利,请在一个月内通知我们,我们会及时删除。
Top