社区管理系统的设计与实现
作者:沈东旭 白建 姚嘉明 张晶
来源:《电脑知识与技术》2020年第15期
作者:沈东旭 白建 姚嘉明 张晶
来源:《电脑知识与技术》2020年第15期
摘要:现如今随着互联网的深入发展,移动营销、移动服务已经逐渐成为主流。随着生活水平的提高,人们对社区的活动和管理也越来越注重。为了更好地提供社区服务,在注重社区服务的同时,针对社区的服务系统的要求也有所提高,社区管理系统的设计与开发是必要的。快节奏的数据信息时代,移动终端的手机成为每个人接收信息的载体,而则是人们使用最多的App之一,且目前也是移动端网站最好的载体。选用小程序平台作为开发平台,对社区管理系统进行分析和设计,在此基础上研究社区用户需求及与社区用户相关政策的实时更新,使得社区服务不断完善,从而设计出更符合市场、用户需求的社区管理系统。
关键词:;小程序;App;社区管理
中图分类号:TP393 文献标识码:A
文章编号:1009-3044(2020115-0126-02
随着互联网的深入发展,移动技术的投入数据增长得特别快,远远的高于其他平台的增长,目前是移动端网站最好的载体,小程序已经完全融入移动服务技术的发展趋势。
由于智能移动设备在中国大面积普及,移动设备的App成为多数人的首选,但由于App需要在移动端下载及注册,且开发成本相对于小程序来说偏高,因此小程序成为用户最主要的使用功能之一。通过可以大大增加网站的访问人口,如朋友圈与好友直接分享链接、二维码、、小程序等等。那么基于小程序平台的社区管理系统,让社区管理及服务更加简单、方便。
是眼下国内最热门的通讯App,社区管理系统使用小程序平台,让社区服务更加简单、便捷,以小程序作为人口,用户可以通过账号自动注册,且登录过程用户可以一键登录,避免注册的烦琐。同时,为了用户的使用体验更好,利用小程序收集数据进行分析,为用户提供更贴心的社区服务。
小程序开发者社区 小程序开发采用JavaScript、WXML、WXSS技术进行,JavaScript技术是其代码在App中运行,而不是在浏览器里运行,因此App需要提供对应的APl支持。WXML类似于HTML语言,WXML(WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构。WXML是基于XML语法开发的的语言,具有数据绑定、列表渲染、条件渲染、模板、事件、引用等能力。WXSS(weiXin Style Sh
eets)是一套样式语言,用于描述WXML的组件样式,具有CSS的大部分特性,用来决定WXML的组件应该怎么显示。的架构,是数据驱动的架构模式,页面的更新都需要通过对数据更新来实现,uI和数据是分离的。
小程序分为webview和appService。uI主要通过web-view来展现,appService是用来处理数据、业务和调用接口。运行过程中,通過系统层JSBridge进行通信,实现uI的渲染以及时间的处理等。
该设计涵盖了目前主流金融App的主要功能,包括社区福利,社区新闻等功能,并对其进行改进与创新。
1可行性分析
作为社区管理App,在安全性和实时性稳定的基础上,设计的目的是提高用户的体验,使软件的操作更为简捷。基于小程序开发平台,省去App烦琐的下载,通过搜索和扫一扫就可以打开,更容易宣传和获取用户信息。与App开发成本相对比,小程序开发成本较低,且小程序有原生的内置组件,对于web的扩展能力更强大,体验更好,减轻对we
bview的渲染工作,可以绕过setData数据通信和重渲染流程,且小程序基于Exparser框架,在JS环境中运行,支持自定义组件,性能更好。安卓系统可以添加到移动端桌面,与原生Aop基本相同,自己拥有严格的审查流程,为用户提供良好的安全保障。
2系统需求分析
基于小程序的社区管理系统的使用者基本为社区用户,程序在功能上应具备一些App的主流功能,并且可以实时将最新政策更新至社区新闻。本社区用户能够注册和登录该系统,社区新闻应实时随着每天的政策第一时间更新。通过每个界面的搜索信息能搜索到社区用户需求的相关界面的信息,并且巧用的搜索功能来抢排位。社区互动里通过咸鱼商场来推动国家提倡物品的二次利用。与附近的有相同兴趣爱好的社区用户可以相约一起交流,使社区生活更加融洽。通过附近娱乐展现附近的小程序领取各种优惠券等,小程序自动展现给周边5km内的用户,所有符合条件的小程序能被免费曝光。做一个小程序,相当于给店铺增加10倍曝光的机会。同时还需开发针对管理员的后台管理系统,主要用于发布新闻、用户管理、热门新闻推送和订单管理等。如图1所示。
3社区管理系统的功能及设计
社区管理系统的功能包括:登录及验证、社区新闻、搜索、咸鱼商城、附近娱乐、约友。
小程序的登录及验证,点击“我的”即可进入该页面,该页面显示社区用户的注册个人信息,包括头像、用户名、所属地区和性别等,这些信息均是通过获取。用户在尚未登录的情况下可使用该小程序。用户进行注册时,小程序端wx log-in获取code并wx request提交code给服务器,用WX~login获取登录凭证code。服务器提交Appid、appSecret、code到方服务器,获取session_key&openid。服务器根据session_key&ope-nid生成3rd_sessio,并返回3rd_session到小程序端。小程序端wx getUserInfo获取用户信息和wx.getStorage获取3rd_session数据,根据这两项参数获取到注册用户的基本信息,服务器SQL用户会将数据信息更新,自动注册并保存在数据库中。如图2所示。
社区管理系统小程序的首页为搜索和社区新闻界面,内容主要有搜索框。通过顶部的搜索框可以搜索社区用户需求的相关信息,然后进入信息详情页面。社区新闻设置在搜索框下面,首先显示的是社区要闻,要闻下面是一个轮播图,主要显示当日头条,图片会自动切换,也可以通过滑动屏幕切换。点击图片可以进入新闻详情页。轮播图下方是社区实时新闻列表,下拉可以加载更多关于社区的新闻。
社区互动内容主要有搜索框,tab标签。通过顶部的搜索框可以搜索到社区用户需求的相关信息,然后进入信息详情页面。点击tab标签可以对社区互动进行分类,可以分为咸鱼商城、附近娱乐、约友。可以通过搜索框来搜索二手物品,附近的娱乐场所及约友信息等,每个界面能搜索到社区用户需求的相关信息,并且巧用的搜索功能来抢排位,设置标题时标题不能太短,建议使用长尾标题,关键词描述优化。
4系统测试
在社区管理系统完成之后需要对整个系统的各个功能模块进行测试,来验证其是否能正常运行。为了系统的完整性与用户体验,首先要测试的是前端页面的功能逻辑是否正常,然后对数据的提交,后端数据的处理进行检验,确保没有严重的错误。
5总结
本系统基于小程序技术进行开发,采用Exparser框架作为实现框架,在Js环境中运行,支持自定义组件。基于安卓系统可以添加小程序到移动端桌面,与原生App基本相同,且自己拥有严格的审查流程,为用户提供良好的安全保障,除此之外还有更多的人
性化服务。本系统拥有简洁和易于使用的特点,但是还是存在很多的不足之处,比如在很多关键点都没有设置一些提示信息,如防止用户操作错误的提示。虽然系统能够很好地满足实际应用,但是由于在设计时没有丰富的社区管理经验,因此对业务的理解和设计存在一定的差距。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论