基微信程序游戏玩家互动社区设计实现
Design and Implementation of Gamer Interactive Community Based on WeChat Mini Program
摘
微信社交软件基础造程序系统软件开发者户提供非常方便台线社区作社交系统中种聊天软件着时性信息传播速度区电子游戏年飞速发展玩家数量逐日升电子游戏方面线社区未发现方面微信程序
文基微信程序提出研究开发款面游戏玩家线社区程序微信开发者工具微信程序开发文档进行研究开发参考百度贴吧新浪微博CSDN社区等国知名社区结合微信程序特性两者进行融合利微信程序提供云开发功专注前端业务功构筑完成新闻发贴回贴点赞等社区功
关键词：微信程序 线社区 云开发 Nodejs框架 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 miniprograms 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 wellknown 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 frontend 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 Nodejs frame WXML
目 录
第章 绪………………………………………………………………1
11 研究背景 1
111 环境背景 1
112 线社区普性 1
113 游戏玩家日益增 1
114 微信程序优势 1
12 研究现状 2
121 现线社区现状 2
122 电子游戏玩家群体庞 2
123 微信程序普状况 2
13 研究目意义 2
131 研究目 2
132 研究意义 3
14 研究容文章组织结构 3
141 研究容 3
142 文章组织结构 3
第二章 系统开发环境介绍 4
21 环境技术简介 4
211 微信程序简介 4
212 微信云开发 4
22开发技术简介 4
221 WXML介绍 4
222 WXSS介绍 4
223 JavaScript简介 5
第三章 系统分析…………………………………………………………6
31 系统行性分析 6
32 系统功需求分析 6
第四章 系统设计…………………………………………………………8
41 系统架构设计 8
42 数库设计 8
43 功处理流程设计 11
431 新闻贴子版块列表展示流程设计 11
432点赞处理流程设计 12
433 评回复处理流程设计 12
第五章 系统实现…………………………………………………………13
51 户授权实现 13
52 新闻资讯功 14
53 贴子版块贴子容实现 16
54 点赞功实现 17
第六章 系统测试…………………………………………………………18
61 新闻发表测试 18
62 文章发表测试 20
63评回复评测试 21
结 24
参考文献……………………………………………………………………25
致谢…………………………………………………………………………26
第章 绪
11 研究背景
111 环境背景
信息技术发达天计算机互联网诞生世界造成非常改变许前敢想象画面已变成现实计算机断发展成天手部智手机互联网技术升级前网线网络天线时代信息技术正飞速发展天会新科技出现互联网强着限性聊天购物课事情通互联网线进行传统线方式更加方便快捷
112 线社区普性
互联网普时候线聊天室线社区已受欢迎足出户身处千里外网友聊天时候见新鲜事线社区处够分享事情者困难家求助直日社区分享求助种常方式私聊群聊面始终部分户社区型交流方式面群更广信息传播速度更快
两种模式特点户需求社交台两种模式户量非常户时刻会聊天软件进行沟通工作闲暇时间会社区中转转什趣事情
113 游戏玩家日益增
着计算机发展电子游戏成休闲娱乐方式抛开繁忙工作前游戏世界寻找片安宁选择电子游戏发展已仅仅够电脑玩电子游戏游戏厂商推出游戏机专门读取运行游戏体积常电脑点家进行游玩玩家时进行游戏游戏厂商继推出掌游戏机特点巧便携机限制掌游戏机运行游戏画质点折扣喜欢高质流畅游戏体验喜欢时进行游戏爱
游戏娱乐性越越接触游戏游戏社交功越越强电子游戏开始单机游戏增强互动性游戏开发者增加联机功够起进行款游戏乐趣更互联网诞生游戏联机终面面进行游戏互动性次加强游戏社交逐渐成种新型社交方式
114 微信程序优势
着互联网技术普应智手机技术断发展户业余时间逐渐互联网应占手机网率断增加手机APP断时俱进户需断进行更新者载新应占手机空间存操作起较麻烦[1]
手机户太喜欢手机中安装太软件微信推出程序户体验需载安装APP里功户更乐程序微信已成手机中必备软件拥庞户群体微信推出程序够更加快吸引户
12 研究现状
121 现线社区现状
线社区户目前分享求助线社区私聊功结交朋友会社交软件交流线社区群会百度贴吧样型社区户会常线回复消息户会闲暇时间浏览社区社区中家分享
122 电子游戏玩家群体庞
电子游戏玩家然众游戏种类数胜数玩游戏偏够遇喜欢相游戏玩家定难度没找集体玩家总孤独沉浸世界中玩家集体总难遇难求够玩家更加方便找直难点
尤游戏较注重玩家互动性组队游玩交换道具种模式已较普遍获取游戏部分乐趣玩家需找进行交流起游戏
123 微信程序普状况
线社交台中腾讯旗QQ微信户两款社交软件微信已成生活中常沟通交流软件拥庞户群体利微信程序传播新闻资讯更更加广阔户群体资讯传播显著提升[2]样社交台聊天时果想程序相信户会乐意微信推出程序程序优点够户需载APP需通分段加载APP功相起安装软件程序进行浏览更数户愿意做公司开发APP时候会选择做程序APP进行推广
13 研究目意义
131 研究目
电子游戏玩家群体日益庞找相爱群走少弯路实现集体寻找会时会通种社区户相够部分社区户少缺陷正微信弥补果微信推出专门玩家设立社区程序够方便玩家聚集措施玩家社区浏览类游戏相关新闻玩家分享游戏中喜悦者求助游戏中遇困难玩家通互相评分享见解然结识
132 研究意义
开发专门电子游戏玩家分享交流台方便玩家更容易找集体解决问题非常意义事情玩家费周章找游戏知音者某游戏中遇问题卡关难找解决办法玩家热爱放弃游戏热爱游戏玩家游戏开发者想见场景果户量庞微信中开发专门针游戏玩家线互动社区会玩家更快速浏览想容喜爱游戏新资讯者线分享游戏时光会玩家感受快乐
14 研究容文章组织结构
141 研究容
研究容三方面展开
首先分析游戏玩家互动社区发展现状探究微信程序开发游戏玩家互动社区行性
第二系统功进行分析设计程序架构数库搭建探讨种功开发方法
第三方面着手功具体实现攻破设计重点难点完成设计进行功测试保证程序够正常运行
142 文章组织结构
文结构
第章文研究背景目意义进行介绍梳理研究开展基础
第二章介绍系统开发环境技术研究中关键技术做简单解
第三章济技术社会环境方面分析研究行性系统需功作详细分析
第四章分析系统架构该设计设计整程序运作流程
第五章程序关键功探讨实现方法运作流程
第六章社区功进行运作测试保证开发完成度系统质量
第二章 系统开发环境介绍
21 环境技术简介
211 微信程序简介
微信程序种新型程序应需载安装项创新两年发展已构造新微信程序开发环境开发者生态微信程序年中国IT行业里真正够影响普通程序员创新成果已超150万开发者加入微信程序开发微信程序应数量超百万覆盖200细分行业日活户达两亿微信程序许城市实现支持铁公交服务微信程序发展带更业机会2017年程序带动业104万社会效应断提升
212 微信云开发
开发者云开发开发微信程序游戏需搭建服务器云端力云开发开发者提供完整原生云端支持微信服务支持弱化端运维概念需搭建服务器台提供 API 进行核心业务开发实现快速线迭代时力开发者已云服务相互兼容互斥[3]
云开发提供基础功支持：
云函数需建服务器云端运行代码微信私协议天然鉴权开发者需编写身业务逻辑代码
云数库需建数库程序前端操作云函数中读写JSON数库
云存储需建储存CDN程序前端直接传载云端文件开发控制台视化理
云调原生微信服务集成基云函数免鉴权程序开放接口力包括服务端调获取开放数等力
22开发技术简介
221 WXML介绍
WXML框架设计套标签语言结合基础组件事件系统构建出页面结构网站架构中HTML中标签名字渲染逻辑独特方面程序WXML标签包装基础功开发者需直接组件够快速搭建需功
222 WXSS介绍
WXSS具CSS部分特性程序中WXSS作出少改动匹配手机素px换算成rpx开发者减少计算分析界面设计时间WXSS支持CSS选择器支持选择器足够开发
223 JavaScript简介
JavaScript种具函数优先轻量级解释型时编译型编程语言然作开发Web页面脚语言出名非浏览器环境中JavaScript 基原型编程范式动态脚语言支持面象命令式声明式风格
JavaScript作户页面交互程序中部分功JavaScript控制
第三章 系统分析
31 系统行性分析
社区台新闻贴子两功组成新闻需组建团队进行实时更新理部分需求数分渠道获取新消息会线线商城功玩家会更愿意选择正规安全渠道进行游戏周边商品购买提供服务玩家满意提高户感度运营线商城盈利会观济方面完全行
技术方面微信云开发支持够减少搭建数库服务器工作量相关技术日渐成熟微信提供种API够非常方便组成种功微信开发者工具进行开发技术少提升
社会环境方面调查暂相似度高软件程序程序功发布游戏相关信息程序时户必须觉遵守国家相关法律法规旦发现违规者予惩罚
32 系统功需求分析
程序目玩家快速获准确游戏资讯够互相展开讨新闻发贴功必少互动程序需突出重点浏览新闻帖子时候玩家够发表见解第点
光户新闻者贴子评发帖者单方面收信息互动性欠缺文章发表者评者间评者评者间需够进行交流形成互动方式篇贴子真正成家够发言方
增强篇贴子新闻互动性加入点赞功够观者发帖表示支持发帖者够点赞中获动力成感部分社交软件会加入功贴子新闻功结构图3132
图31 新闻部分功结构图
图32 帖子部分功结构图
户需发帖子进行理需页面显示户写贴子者发表评户间需相互解方式户应该够浏览户发表文章时满足两需求制作页够方便浏览单户程序中活动方便户贴子理页面功结构图33
图33页功结构
第四章 系统设计
41 系统架构设计
微信程序通微信官方提供登录功快速获取户身份标识户信息整系统逻辑块分3部分：程序端云开发控制端功处理模块
微信程序端页面加载时云端服务器获取页面数图片进行布局户进行功操作时会调相应接口请求服务器完成操作功请求通功处理模块处理云端请求处理云端相应处理返回数交功处理模块回应微信程序逻辑结构图41示
图41 系统逻辑结构设计
42 数库设计
数库中分成四集合块：户文章新闻评
户集合存放户信息微信提供授权接口够获取户基础信息户程序中进行某特殊操作应记录户发表言信息索引户社区中独身份新收消息数信息微信会动保存需程序中单独保存户拥相应openid基础信息新消息数等创建集合user表41
字段
类型
空
默认值
注释
_id（键）
string
否
_openid
string
否
户身份标识
userInfo
object
NULL
户基础信息
newMessage
number
否
0
新收消息数
表41 user集合表
文章集合部分贴子版块分电脑机掌机三块集合进行存放读取相应版块文章时数中文章模块字段进行分类查询篇文章拥字段容属板块文章图片发表时间创建集合article表42
表42 article集合表
字段
类型
空
默认值
注释
_id（键）
string
否
_openid
string
否
传者身份标识
content
string
NULL
文章容
date
object
NULL
发表时间
images
array
NULL
文章图片
module
string
NULL
属版块
tittle
string
NULL
文章标题
新闻独立模块独集合新闻容文章相似点新闻普通户撰写拥源方新闻包含字段发表时新闻图片新闻容新闻信息源创建集合news表43
表43 news集合表
字段
类型
空
默认值
注释
_id（键）
string
否
_openid
string
否
传者身份标识
content
string
NULL
新闻容
date
object
NULL
发表时间
images
array
NULL
新闻图片
source
string
NULL
新闻源
tittle
string
NULL
新闻标题
评文章锁定文章搜索应评评数库设计newsCommentarticleComment两分存放新闻评文章评表4445
表44 newsComment集合表
字段
类型
空
默认值
注释
_id（键）
string
否
_openid
string
否
传者身份标识
cid
string
NULL
回复评id
date
object
NULL
发表时间
comment
string
NULL
评容
remark
string
NULL
标记
replyto
string
NULL
消息发送
表45 articleComment集合表
字段
类型
空
默认值
注释
_id（键）
string
否
_openid
string
否
传者身份标识
cid
string
NULL
回复评id
date
object
NULL
发表时间
comment
string
NULL
评容
module
string
NULL
属版块
remark
string
NULL
标记
replyto
string
NULL
消息发送
数库设计ER图图42
图42 数库设计ER图
43 功处理流程设计
431 新闻贴子版块列表展示流程设计
新闻贴子列表两者获取前时间线新列表通微信提供云数库查询接口云端服务器发起数请求返回新列表数数中图片等文件会云端服务器发起云存储文件调请求流程图43
图43 列表页面加载流程
432点赞处理流程设计
户点赞文章数中点赞数组需更新云函数进行数更新直接数接合云数库数中云服务器先获取前文章数云服务器中进行修改修改完成云端更新整数数组功实现流程图44
图44 文章点赞功处理流程
433 评回复处理流程设计
回复算评种处设计成评数库显示样式样回复普通评区评者定文章发布者应消息推送推送回复者名两者储存数库时数字段普通评通获取文章者openid新消息数进行改动回复评需获取评者openid功实现流程图45
图45 评回复功处理流程
第五章 系统实现
51 户授权实现
户授权获户信息便户提供更服务相般程序中注册登录微信程序建立微信基础户信息已存户登录微信中跳注册步骤微信钮button组件赋予getUserInfo属性拥属性钮直接户进行授权确认图51
图51 户未登录界面
户确定授权程序端获取户信息保存数库中程序缓存中保存户信息系统检测户已登录状态开放更功页面显示信息图52
图52 户已登录界面
52 新闻资讯功
新闻方面功发表查发表新闻理员操作功功特定开启新闻页面页面户开程序见新闻列表竖排列表会界面显单调页面顶端加滑动显示栏头条新闻展示图53页面加载时次性数库获取20条数时间倒序排列列表中数库中更数拉底部继续进行加载
图53 社区页
点击中某条新闻进入新闻详情界面标题采字号斜体特殊处理标题更加突出图54
图54 新闻详情页面
文章评输入框评框户未授权状态授权钮图55授权完成变评输入框图56
图55 未登录状态评框 图56 登录状态评框
53 贴子版块贴子容实现
贴子分PC机掌机三版块贴子列表户发表题展现新闻列表样式设计区分开列表中项采图文布局发表者头位分割线偏右方图57篇文章容布局样式类似新闻标题方左侧发表者信息右侧发表时间图58
图57版块文章列表 图58 文章详情布局
54 点赞功实现
点赞功位篇文章张图片方评框方户未点击时图标呈空心灰色心形灰色数字图59户文章进行点赞图标会变成填充红色心形旁边数字会加变成红色效果图510
图59未点赞状态 图510 户已点赞
第六章 系统测试
61 新闻发表测试
新闻户程序获取消息重功测试新闻否正常发布列表页面否够获取新闻数新闻详情页面否设定格式进行显示方便录入数建立录入新闻界面界面仅理员拥入口录入界面图61组新闻数进行测试中新三组数表61
图61 新闻录入界面
序号
标题
源
容
图片数量
1
锦罗红妆送心意决战安京春日活动袭
官方
万物新绿柳红妆春日暖阳总会周围映衬…
5
2
索尼造天堂PlayStation36万美元卖出
TGBUS编译
巴士前报道索尼1992年天堂制造…
4
3
初音未 MEGA39s出货破15万 未音色破45万
Gematsu
世嘉官方日宣布初音未 歌姬计划 MEGA39＇s日…
4
表61 新闻新三组测试数
图62 新闻页面获取数加载完成界面
测试数够时间降序新闻列表界面正常加载显示具体效果图62进入新闻界面够利读取应新闻完成加载测试数序号3新闻详细加载页面图6364
图63序号3数标题文显示效果 图64 数3图片评框显示效果
62 文章发表测试
发表文章户分享求助重渠道文章否正常发布列表页面否够获取文章数文章详情页面否设定格式进行显示模块右方会写贴子钮够进入贴子编写页面编写界面图65账号组数进行测试中新四组数表62
图65 贴子编写界面
序号
属版块
标题
发表户
容
图片数量
1
PC
动森种花指南啦
逆風
全种花指南
1
PC
求助卡关
D逆風
前求助
4
2
机
机测试
逆風
测试测试测试
3
3
掌机
篇
维柔钟纸巾
2
表62 新四组贴子测试数
录入刷新数够时间降序模块列表界面正常加载显示具体效果图66进入详情界面够利读取应新闻完成加载测试数序号1新闻详细加载页面图6768
图66 贴子列表获取数加载完成界面 图67序号1数标题文显示效果
图68 数1图片评框显示效果
63评回复评测试
贴子户分享开始评户交流方式户否收玩家消息互动重点普通评直接文章评框编写发送图69回复评需点击应评评文方出现输入框进行编写发送图610次测试文章评评回复回复相应回复会页面接收消息提醒4组数进行测试表63
图69 评框直接评 图610 点击评进行回复
表63 评测试数
序号
发送者
回复者
文章id
回复容
1
D逆風
逆風
2b4144565e88a9e80038a1b318270814
谢谢楼
2
逆風
D逆風
2b4144565e88a9e80038a1b318270814
常玩哈
3
维柔钟纸巾
逆風
6aebd2215e88a84e004935a3091bd658
写错
4
逆風
维柔钟纸巾
6aebd2215e88a84e004935a3091bd658
谢谢赞赏
测试两种评方法均成功评应文章回复者够页面中收消息提醒消息带数字红点数字代表新消息数图611
图611 户收消息提醒
结
互联网发展线社区直重社交方式线社区形式断时代变化断变化网站软件APP次进行研究程序种形态线社区家提供交流台研究概念出发分析设计实现终完成提供广游戏玩家畅欲言交流线社区程序
研究存定问题时间关系基微信程序游戏玩家互动社区开发功设计方做够完美例点赞功暂时法完美实现取消没记录已点赞户次进入文章点赞消息提醒功没做时明显显示需户点击进入户页面新消息提示社区界面设计改进空间会期需时逐步完善
次研究重点玩家互动社区构建实现社区容显够丰富社区功已基完成功方面少缺陷需期进行完善开发研究社区需功程序中实现代码方法优处理方法着微信程序越越众接受必定会更优秀社区程序面世户社交方式更加丰富
着社交方式日益丰富社交台选择更加谨慎方便高效简洁社交软件户更愿意微信早已仅仅款普通社交软件公众号程序微信直刷新社交软件认识越越台添加程序功相信段时间程序会吸引越越研究者前进行研究开发希更研究者线社区作更深入研究断丰富扩充线社区容满足广户社交需求
参 考 文 献
[1]尤学雷微信程序市场营理工作中应[J]技术市场201926(10)196+198
[2]陈海汝青潘轩杜飞范姣基微信程序资讯台设计开发[J]电脑知识技术201915(18)5354+61
[3]程序开发者文档[EBOL]httpsdevelopersweixinqqcom
[4]林健吴健基微信程序校友社区网络理台设计总结[J]电脑知识技术201915(05)7677
[5]安怡基微信程序校园二手交易市场系统开发设计[J]计算机产品流通2019(06)208
[6]张家麒基微信程序音乐播放器实现[J]通讯世界201926(05)2629
[7]瞿苏乾文基微信程序台电影播放功设计实现[J]安徽电子信息职业技术学院学报201918(02)14
[8]杨婉婧基户体验微信程序微交互设计[J]传媒2019(05)5658
[9]王维沈长娇高伊腾微信点餐程序设计实现[J]电脑编程技巧维护2019(09)7072
[10]邱家玉微信程序电商发展现状策探讨[J]现代商业2019(23)2627
[11]赵雪芹王少春微信程序户持续意愿影响素探究[J]现代情报201939(06)7080+90
[12]匡文波中国微信发展量化研究[J]国际新闻界 2014(05)
[13]付识睿微信公众台电视媒体中发展现状[J]众文艺 2013(24)
[14]弓萍利微信公众台做服务营销[J]现代营销(学苑版) 2013(10)
[15]张聪刘晓宇张志成浅析微信出版[J] 科技出版 2014(07)
[16]张秋瑰弱关系强应社会化媒体出版实践[J]出版发行研究 2014(06)
[17]刘禹基微信程序图书荐选程序设计实现[J]长春工程学院学报(然科学版)201920(02)5962
文档香网(httpswwwxiangdangnet)户传
《香当网》用户分享的内容，不代表《香当网》观点或立场，请自行判断内容的真实性和可靠性！
该内容是文档的文本内容，更好的格式请下载文档
基微信程序游戏玩家互动社区设计实现
Design and Implementation of Gamer Interactive Community Based on WeChat Mini Program
摘
微信社交软件基础造程序系统软件开发者户提供非常方便台线社区作社交系统中种聊天软件着时性信息传播速度区电子游戏年飞速发展玩家数量逐日升电子游戏方面线社区未发现方面微信程序
文基微信程序提出研究开发款面游戏玩家线社区程序微信开发者工具微信程序开发文档进行研究开发参考百度贴吧新浪微博CSDN社区等国知名社区结合微信程序特性两者进行融合利微信程序提供云开发功专注前端业务功构筑完成新闻发贴回贴点赞等社区功
关键词：微信程序 线社区 云开发 Nodejs框架 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 miniprograms 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 wellknown 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 frontend 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 Nodejs frame WXML
目 录
第章 绪………………………………………………………………1
11 研究背景 1
111 环境背景 1
112 线社区普性 1
113 游戏玩家日益增 1
114 微信程序优势 1
12 研究现状 2
121 现线社区现状 2
122 电子游戏玩家群体庞 2
123 微信程序普状况 2
13 研究目意义 2
131 研究目 2
132 研究意义 3
14 研究容文章组织结构 3
141 研究容 3
142 文章组织结构 3
第二章 系统开发环境介绍 4
21 环境技术简介 4
211 微信程序简介 4
212 微信云开发 4
22开发技术简介 4
221 WXML介绍 4
222 WXSS介绍 4
223 JavaScript简介 5
第三章 系统分析…………………………………………………………6
31 系统行性分析 6
32 系统功需求分析 6
第四章 系统设计…………………………………………………………8
41 系统架构设计 8
42 数库设计 8
43 功处理流程设计 11
431 新闻贴子版块列表展示流程设计 11
432点赞处理流程设计 12
433 评回复处理流程设计 12
第五章 系统实现…………………………………………………………13
51 户授权实现 13
52 新闻资讯功 14
53 贴子版块贴子容实现 16
54 点赞功实现 17
第六章 系统测试…………………………………………………………18
61 新闻发表测试 18
62 文章发表测试 20
63评回复评测试 21
结 24
参考文献……………………………………………………………………25
致谢…………………………………………………………………………26
第章 绪
11 研究背景
111 环境背景
信息技术发达天计算机互联网诞生世界造成非常改变许前敢想象画面已变成现实计算机断发展成天手部智手机互联网技术升级前网线网络天线时代信息技术正飞速发展天会新科技出现互联网强着限性聊天购物课事情通互联网线进行传统线方式更加方便快捷
112 线社区普性
互联网普时候线聊天室线社区已受欢迎足出户身处千里外网友聊天时候见新鲜事线社区处够分享事情者困难家求助直日社区分享求助种常方式私聊群聊面始终部分户社区型交流方式面群更广信息传播速度更快
两种模式特点户需求社交台两种模式户量非常户时刻会聊天软件进行沟通工作闲暇时间会社区中转转什趣事情
113 游戏玩家日益增
着计算机发展电子游戏成休闲娱乐方式抛开繁忙工作前游戏世界寻找片安宁选择电子游戏发展已仅仅够电脑玩电子游戏游戏厂商推出游戏机专门读取运行游戏体积常电脑点家进行游玩玩家时进行游戏游戏厂商继推出掌游戏机特点巧便携机限制掌游戏机运行游戏画质点折扣喜欢高质流畅游戏体验喜欢时进行游戏爱
游戏娱乐性越越接触游戏游戏社交功越越强电子游戏开始单机游戏增强互动性游戏开发者增加联机功够起进行款游戏乐趣更互联网诞生游戏联机终面面进行游戏互动性次加强游戏社交逐渐成种新型社交方式
114 微信程序优势
着互联网技术普应智手机技术断发展户业余时间逐渐互联网应占手机网率断增加手机APP断时俱进户需断进行更新者载新应占手机空间存操作起较麻烦[1]
手机户太喜欢手机中安装太软件微信推出程序户体验需载安装APP里功户更乐程序微信已成手机中必备软件拥庞户群体微信推出程序够更加快吸引户
12 研究现状
121 现线社区现状
线社区户目前分享求助线社区私聊功结交朋友会社交软件交流线社区群会百度贴吧样型社区户会常线回复消息户会闲暇时间浏览社区社区中家分享
122 电子游戏玩家群体庞
电子游戏玩家然众游戏种类数胜数玩游戏偏够遇喜欢相游戏玩家定难度没找集体玩家总孤独沉浸世界中玩家集体总难遇难求够玩家更加方便找直难点
尤游戏较注重玩家互动性组队游玩交换道具种模式已较普遍获取游戏部分乐趣玩家需找进行交流起游戏
123 微信程序普状况
线社交台中腾讯旗QQ微信户两款社交软件微信已成生活中常沟通交流软件拥庞户群体利微信程序传播新闻资讯更更加广阔户群体资讯传播显著提升[2]样社交台聊天时果想程序相信户会乐意微信推出程序程序优点够户需载APP需通分段加载APP功相起安装软件程序进行浏览更数户愿意做公司开发APP时候会选择做程序APP进行推广
13 研究目意义
131 研究目
电子游戏玩家群体日益庞找相爱群走少弯路实现集体寻找会时会通种社区户相够部分社区户少缺陷正微信弥补果微信推出专门玩家设立社区程序够方便玩家聚集措施玩家社区浏览类游戏相关新闻玩家分享游戏中喜悦者求助游戏中遇困难玩家通互相评分享见解然结识
132 研究意义
开发专门电子游戏玩家分享交流台方便玩家更容易找集体解决问题非常意义事情玩家费周章找游戏知音者某游戏中遇问题卡关难找解决办法玩家热爱放弃游戏热爱游戏玩家游戏开发者想见场景果户量庞微信中开发专门针游戏玩家线互动社区会玩家更快速浏览想容喜爱游戏新资讯者线分享游戏时光会玩家感受快乐
14 研究容文章组织结构
141 研究容
研究容三方面展开
首先分析游戏玩家互动社区发展现状探究微信程序开发游戏玩家互动社区行性
第二系统功进行分析设计程序架构数库搭建探讨种功开发方法
第三方面着手功具体实现攻破设计重点难点完成设计进行功测试保证程序够正常运行
142 文章组织结构
文结构
第章文研究背景目意义进行介绍梳理研究开展基础
第二章介绍系统开发环境技术研究中关键技术做简单解
第三章济技术社会环境方面分析研究行性系统需功作详细分析
第四章分析系统架构该设计设计整程序运作流程
第五章程序关键功探讨实现方法运作流程
第六章社区功进行运作测试保证开发完成度系统质量
第二章 系统开发环境介绍
21 环境技术简介
211 微信程序简介
微信程序种新型程序应需载安装项创新两年发展已构造新微信程序开发环境开发者生态微信程序年中国IT行业里真正够影响普通程序员创新成果已超150万开发者加入微信程序开发微信程序应数量超百万覆盖200细分行业日活户达两亿微信程序许城市实现支持铁公交服务微信程序发展带更业机会2017年程序带动业104万社会效应断提升
212 微信云开发
开发者云开发开发微信程序游戏需搭建服务器云端力云开发开发者提供完整原生云端支持微信服务支持弱化端运维概念需搭建服务器台提供 API 进行核心业务开发实现快速线迭代时力开发者已云服务相互兼容互斥[3]
云开发提供基础功支持：
云函数需建服务器云端运行代码微信私协议天然鉴权开发者需编写身业务逻辑代码
云数库需建数库程序前端操作云函数中读写JSON数库
云存储需建储存CDN程序前端直接传载云端文件开发控制台视化理
云调原生微信服务集成基云函数免鉴权程序开放接口力包括服务端调获取开放数等力
22开发技术简介
221 WXML介绍
WXML框架设计套标签语言结合基础组件事件系统构建出页面结构网站架构中HTML中标签名字渲染逻辑独特方面程序WXML标签包装基础功开发者需直接组件够快速搭建需功
222 WXSS介绍
WXSS具CSS部分特性程序中WXSS作出少改动匹配手机素px换算成rpx开发者减少计算分析界面设计时间WXSS支持CSS选择器支持选择器足够开发
223 JavaScript简介
JavaScript种具函数优先轻量级解释型时编译型编程语言然作开发Web页面脚语言出名非浏览器环境中JavaScript 基原型编程范式动态脚语言支持面象命令式声明式风格
JavaScript作户页面交互程序中部分功JavaScript控制
第三章 系统分析
31 系统行性分析
社区台新闻贴子两功组成新闻需组建团队进行实时更新理部分需求数分渠道获取新消息会线线商城功玩家会更愿意选择正规安全渠道进行游戏周边商品购买提供服务玩家满意提高户感度运营线商城盈利会观济方面完全行
技术方面微信云开发支持够减少搭建数库服务器工作量相关技术日渐成熟微信提供种API够非常方便组成种功微信开发者工具进行开发技术少提升
社会环境方面调查暂相似度高软件程序程序功发布游戏相关信息程序时户必须觉遵守国家相关法律法规旦发现违规者予惩罚
32 系统功需求分析
程序目玩家快速获准确游戏资讯够互相展开讨新闻发贴功必少互动程序需突出重点浏览新闻帖子时候玩家够发表见解第点
光户新闻者贴子评发帖者单方面收信息互动性欠缺文章发表者评者间评者评者间需够进行交流形成互动方式篇贴子真正成家够发言方
增强篇贴子新闻互动性加入点赞功够观者发帖表示支持发帖者够点赞中获动力成感部分社交软件会加入功贴子新闻功结构图3132
图31 新闻部分功结构图
图32 帖子部分功结构图
户需发帖子进行理需页面显示户写贴子者发表评户间需相互解方式户应该够浏览户发表文章时满足两需求制作页够方便浏览单户程序中活动方便户贴子理页面功结构图33
图33页功结构
第四章 系统设计
41 系统架构设计
微信程序通微信官方提供登录功快速获取户身份标识户信息整系统逻辑块分3部分：程序端云开发控制端功处理模块
微信程序端页面加载时云端服务器获取页面数图片进行布局户进行功操作时会调相应接口请求服务器完成操作功请求通功处理模块处理云端请求处理云端相应处理返回数交功处理模块回应微信程序逻辑结构图41示
图41 系统逻辑结构设计
42 数库设计
数库中分成四集合块：户文章新闻评
户集合存放户信息微信提供授权接口够获取户基础信息户程序中进行某特殊操作应记录户发表言信息索引户社区中独身份新收消息数信息微信会动保存需程序中单独保存户拥相应openid基础信息新消息数等创建集合user表41
字段
类型
空
默认值
注释
_id（键）
string
否
_openid
string
否
户身份标识
userInfo
object
NULL
户基础信息
newMessage
number
否
0
新收消息数
表41 user集合表
文章集合部分贴子版块分电脑机掌机三块集合进行存放读取相应版块文章时数中文章模块字段进行分类查询篇文章拥字段容属板块文章图片发表时间创建集合article表42
表42 article集合表
字段
类型
空
默认值
注释
_id（键）
string
否
_openid
string
否
传者身份标识
content
string
NULL
文章容
date
object
NULL
发表时间
images
array
NULL
文章图片
module
string
NULL
属版块
tittle
string
NULL
文章标题
新闻独立模块独集合新闻容文章相似点新闻普通户撰写拥源方新闻包含字段发表时新闻图片新闻容新闻信息源创建集合news表43
表43 news集合表
字段
类型
空
默认值
注释
_id（键）
string
否
_openid
string
否
传者身份标识
content
string
NULL
新闻容
date
object
NULL
发表时间
images
array
NULL
新闻图片
source
string
NULL
新闻源
tittle
string
NULL
新闻标题
评文章锁定文章搜索应评评数库设计newsCommentarticleComment两分存放新闻评文章评表4445
表44 newsComment集合表
字段
类型
空
默认值
注释
_id（键）
string
否
_openid
string
否
传者身份标识
cid
string
NULL
回复评id
date
object
NULL
发表时间
comment
string
NULL
评容
remark
string
NULL
标记
replyto
string
NULL
消息发送
表45 articleComment集合表
字段
类型
空
默认值
注释
_id（键）
string
否
_openid
string
否
传者身份标识
cid
string
NULL
回复评id
date
object
NULL
发表时间
comment
string
NULL
评容
module
string
NULL
属版块
remark
string
NULL
标记
replyto
string
NULL
消息发送
数库设计ER图图42
图42 数库设计ER图
43 功处理流程设计
431 新闻贴子版块列表展示流程设计
新闻贴子列表两者获取前时间线新列表通微信提供云数库查询接口云端服务器发起数请求返回新列表数数中图片等文件会云端服务器发起云存储文件调请求流程图43
图43 列表页面加载流程
432点赞处理流程设计
户点赞文章数中点赞数组需更新云函数进行数更新直接数接合云数库数中云服务器先获取前文章数云服务器中进行修改修改完成云端更新整数数组功实现流程图44
图44 文章点赞功处理流程
433 评回复处理流程设计
回复算评种处设计成评数库显示样式样回复普通评区评者定文章发布者应消息推送推送回复者名两者储存数库时数字段普通评通获取文章者openid新消息数进行改动回复评需获取评者openid功实现流程图45
图45 评回复功处理流程
第五章 系统实现
51 户授权实现
户授权获户信息便户提供更服务相般程序中注册登录微信程序建立微信基础户信息已存户登录微信中跳注册步骤微信钮button组件赋予getUserInfo属性拥属性钮直接户进行授权确认图51
图51 户未登录界面
户确定授权程序端获取户信息保存数库中程序缓存中保存户信息系统检测户已登录状态开放更功页面显示信息图52
图52 户已登录界面
52 新闻资讯功
新闻方面功发表查发表新闻理员操作功功特定开启新闻页面页面户开程序见新闻列表竖排列表会界面显单调页面顶端加滑动显示栏头条新闻展示图53页面加载时次性数库获取20条数时间倒序排列列表中数库中更数拉底部继续进行加载
图53 社区页
点击中某条新闻进入新闻详情界面标题采字号斜体特殊处理标题更加突出图54
图54 新闻详情页面
文章评输入框评框户未授权状态授权钮图55授权完成变评输入框图56
图55 未登录状态评框 图56 登录状态评框
53 贴子版块贴子容实现
贴子分PC机掌机三版块贴子列表户发表题展现新闻列表样式设计区分开列表中项采图文布局发表者头位分割线偏右方图57篇文章容布局样式类似新闻标题方左侧发表者信息右侧发表时间图58
图57版块文章列表 图58 文章详情布局
54 点赞功实现
点赞功位篇文章张图片方评框方户未点击时图标呈空心灰色心形灰色数字图59户文章进行点赞图标会变成填充红色心形旁边数字会加变成红色效果图510
图59未点赞状态 图510 户已点赞
第六章 系统测试
61 新闻发表测试
新闻户程序获取消息重功测试新闻否正常发布列表页面否够获取新闻数新闻详情页面否设定格式进行显示方便录入数建立录入新闻界面界面仅理员拥入口录入界面图61组新闻数进行测试中新三组数表61
图61 新闻录入界面
序号
标题
源
容
图片数量
1
锦罗红妆送心意决战安京春日活动袭
官方
万物新绿柳红妆春日暖阳总会周围映衬…
5
2
索尼造天堂PlayStation36万美元卖出
TGBUS编译
巴士前报道索尼1992年天堂制造…
4
3
初音未 MEGA39s出货破15万 未音色破45万
Gematsu
世嘉官方日宣布初音未 歌姬计划 MEGA39＇s日…
4
表61 新闻新三组测试数
图62 新闻页面获取数加载完成界面
测试数够时间降序新闻列表界面正常加载显示具体效果图62进入新闻界面够利读取应新闻完成加载测试数序号3新闻详细加载页面图6364
图63序号3数标题文显示效果 图64 数3图片评框显示效果
62 文章发表测试
发表文章户分享求助重渠道文章否正常发布列表页面否够获取文章数文章详情页面否设定格式进行显示模块右方会写贴子钮够进入贴子编写页面编写界面图65账号组数进行测试中新四组数表62
图65 贴子编写界面
序号
属版块
标题
发表户
容
图片数量
1
PC
动森种花指南啦
逆風
全种花指南
1
PC
求助卡关
D逆風
前求助
4
2
机
机测试
逆風
测试测试测试
3
3
掌机
篇
维柔钟纸巾
2
表62 新四组贴子测试数
录入刷新数够时间降序模块列表界面正常加载显示具体效果图66进入详情界面够利读取应新闻完成加载测试数序号1新闻详细加载页面图6768
图66 贴子列表获取数加载完成界面 图67序号1数标题文显示效果
图68 数1图片评框显示效果
63评回复评测试
贴子户分享开始评户交流方式户否收玩家消息互动重点普通评直接文章评框编写发送图69回复评需点击应评评文方出现输入框进行编写发送图610次测试文章评评回复回复相应回复会页面接收消息提醒4组数进行测试表63
图69 评框直接评 图610 点击评进行回复
表63 评测试数
序号
发送者
回复者
文章id
回复容
1
D逆風
逆風
2b4144565e88a9e80038a1b318270814
谢谢楼
2
逆風
D逆風
2b4144565e88a9e80038a1b318270814
常玩哈
3
维柔钟纸巾
逆風
6aebd2215e88a84e004935a3091bd658
写错
4
逆風
维柔钟纸巾
6aebd2215e88a84e004935a3091bd658
谢谢赞赏
测试两种评方法均成功评应文章回复者够页面中收消息提醒消息带数字红点数字代表新消息数图611
图611 户收消息提醒
结
互联网发展线社区直重社交方式线社区形式断时代变化断变化网站软件APP次进行研究程序种形态线社区家提供交流台研究概念出发分析设计实现终完成提供广游戏玩家畅欲言交流线社区程序
研究存定问题时间关系基微信程序游戏玩家互动社区开发功设计方做够完美例点赞功暂时法完美实现取消没记录已点赞户次进入文章点赞消息提醒功没做时明显显示需户点击进入户页面新消息提示社区界面设计改进空间会期需时逐步完善
次研究重点玩家互动社区构建实现社区容显够丰富社区功已基完成功方面少缺陷需期进行完善开发研究社区需功程序中实现代码方法优处理方法着微信程序越越众接受必定会更优秀社区程序面世户社交方式更加丰富
着社交方式日益丰富社交台选择更加谨慎方便高效简洁社交软件户更愿意微信早已仅仅款普通社交软件公众号程序微信直刷新社交软件认识越越台添加程序功相信段时间程序会吸引越越研究者前进行研究开发希更研究者线社区作更深入研究断丰富扩充线社区容满足广户社交需求
参 考 文 献
[1]尤学雷微信程序市场营理工作中应[J]技术市场201926(10)196+198
[2]陈海汝青潘轩杜飞范姣基微信程序资讯台设计开发[J]电脑知识技术201915(18)5354+61
[3]程序开发者文档[EBOL]httpsdevelopersweixinqqcom
[4]林健吴健基微信程序校友社区网络理台设计总结[J]电脑知识技术201915(05)7677
[5]安怡基微信程序校园二手交易市场系统开发设计[J]计算机产品流通2019(06)208
[6]张家麒基微信程序音乐播放器实现[J]通讯世界201926(05)2629
[7]瞿苏乾文基微信程序台电影播放功设计实现[J]安徽电子信息职业技术学院学报201918(02)14
[8]杨婉婧基户体验微信程序微交互设计[J]传媒2019(05)5658
[9]王维沈长娇高伊腾微信点餐程序设计实现[J]电脑编程技巧维护2019(09)7072
[10]邱家玉微信程序电商发展现状策探讨[J]现代商业2019(23)2627
[11]赵雪芹王少春微信程序户持续意愿影响素探究[J]现代情报201939(06)7080+90
[12]匡文波中国微信发展量化研究[J]国际新闻界 2014(05)
[13]付识睿微信公众台电视媒体中发展现状[J]众文艺 2013(24)
[14]弓萍利微信公众台做服务营销[J]现代营销(学苑版) 2013(10)
[15]张聪刘晓宇张志成浅析微信出版[J] 科技出版 2014(07)
[16]张秋瑰弱关系强应社会化媒体出版实践[J]出版发行研究 2014(06)
[17]刘禹基微信程序图书荐选程序设计实现[J]长春工程学院学报(然科学版)201920(02)5962
文档香网(httpswwwxiangdangnet)户传
《香当网》用户分享的内容，不代表《香当网》观点或立场，请自行判断内容的真实性和可靠性！
该内容是文档的文本内容，更好的格式请下载文档