微信小程序制作
当前位置:网站首页 > 小程序热文 > 微信小程序交流墙开发框架该如何构建设计 返回列表

微信小程序交流墙开发框架该如何构建设计

作者:admin 时间:2022-04-07 浏览量:241

1    高校虚拟社区现状
互联网的快速发展,使得擅长接触新事物的学生们加入到互联网的世界。中国互联网络信息中心CNNIC第44次的统计显示:截至2019年6月,我国网民达到8.54亿的规模,且网民中使用手机上网比例达到99.1%,网民中学生最多,达到26.0%。所谓有人的地方就有江湖,人一多就会产生相应的聚集区,所以虚拟社区也随着互联网的发展而发展[1]。在高校学生的虚拟社区中,较为热门的有微博虚拟社区、QQ虚拟社区、贴吧虚拟社区等。其中QQ是作为即时通讯软件开发的,后来添加了看点、兴趣部落等功能来吸引、留存用户。通过实际体验可以看出,这些功能最后主要承载了新闻热点、八卦、娱乐等信息,而非作为虚拟社区[2]。不过,现在QQ上有一种新兴的虚拟社区—表白墙。
2    通达交流墙的微信小程序开发框架
2.1  表白墙
“表白墙”并非是QQ的一个应用或者功能,其本质是一位QQ用户充当“墙”,接受别人给其发的信息,再截图发布“说说”到自己的空间里。由于其添加了大量的校内好友,所以校内相当多的人可以在其空间里看到“墙”的内容。QQ空间有评论功能,用户可以通过设置,选择是否允许陌生人访问自己的空間,“表白墙”一般不会选择禁止。QQ空间的“说说”与微信的“朋友圈”极为相似,但比微信的“朋友圈”更开放。微信不允许用户在好友的“朋友圈”里看到非自己好友的评论与点赞。例如A和C有共同的好友B,且A与B并非为好友,那么A无法在B的“朋友圈”里看到C留下的评论与点赞,但是“说说”可以。
表白墙上有非常众多的校内好友,使得在上面传递消息非常的方便。所以表白墙除了告白之外,还承担了传递消息和相互交流的功能,这使得表白墙的功能愈发的多样全面化。
由于表白墙切合到学生间真正所需,再加上其新颖性和保密性,使得表白墙在学生群体中迅速蔓延开来。例如,截至2019/12/6 16:04,南京邮电大学通达学院比较热门的两个表白墙(北有清华-南邮通达-墙和万能墙里里)的空间浏览数量之和达到了一千一百多万人次(11 657 132),而与之相对的,该校总人数仅为一万左右。
2.2  微信小程序
微信小程序是一种新兴的程序类型,于2017年被腾讯发布。这类小程序的主要特点是小。体积小,不用下载、不用管理、不用卸载,使得用户可以做到即用即走。
而微信小程序的开发也相当简单。其采用了PHP开发模式,相较于原生APP,它更方便。微信是跨平台的,使得基于微信开发的微信小程序也随着跨平台,不用为了适应不同的系统而多次开发,大大减少了开发流程。所以微信小程序一经推出,迅速发展。
考虑到微信小程序更符合本文的程序构想,决定用微信小程序来开发。
2.3  微信小程序的框架
通达交流墙采用MINA框架。MINA框架是一个简单但功能齐全的框架。同时使用微信提供的视图层描述语言WXML和WXSS,并使用JavaScript作为逻辑层。微信小程序的逻辑层描述语言与网页设计的JavaScript并无区别,而视图层描述语言WXML和WXSS对应于网页开发的HTML和CSS。
2.4  基于微信小程序的通达交流墙系统设计
通达交流墙通过实现表白墙,来实现帮助同学表达表白、寻物、寻人、情感等问题或者事情。从而加强同学之间的信息交流,满足同学之间一些意愿,让同学之间互相帮助,使整个学校的同学连为一个整体。通达交流墙有3个界面,名字分别为“墙”“发墙”和“我的”,用户可以通过底部的导航栏对这3个界面进行访问。
(1)注册界面。用户进入到“通达交流墙”时,将会出现一个欢迎界面,如图1所示。由于微信的wx.getUserInfo(object)接口需要用户授权,确认授权后才可以开始获取用户信息。所以,点击“开始使用”按钮后,将会弹出是否确认授权登陆的弹窗。点击确定之后就进入了主页面—“墙”,如图2—3所示。
(2)“墙”界面。本界面设置了顶部导航栏,用户可以点击相应的区域进行访问,如图2所示。“最新的墙”和“最热的墙”是用户发布的“墙”展示的区域,不过“最新的墙”是按照时间先后顺序方式进行排列用户发布的卡片,“最热的墙”是按照热度高低进行排列。“今日话题”是用户进行聊天、讨论的区域。
在“最新的墙”和“最热的墙”界面,用户可以看到他人或者自己所发墙的信息,该信息将以卡片的布局排列。第一条是操作者发布的信息,如图4所示,信息包括发布者用户名、主题、内容、图片、点赞及留言,如图2所示。
在“今日话题”界面,用户可以看到他人在上面讨论的话题,用户可以发布诸如校草校花讨论和书画影视作品讨论等对某些事物或者事件的讨论,如图3所示。
在“墙”的3个界面,所有用户都可查看他人的发布卡片以及在上面留下点赞、评论等信息。
(3)“发墙”界面。用户在“发墙”界面填写完信息并发布,如图5所示。为了保密性以及神秘感,用户可以选择匿名发布。
“发布话题”的跳转链接固定在“今日话题”的下方,以话筒的形式呈现,如图4所示。“发布话题”界面与“发墙”界面大体一样,但由于必要性不高,故不设置匿名功能。
(4)“我的”界面。本界面的背景采用南京邮电大学通达学院的风景图,如图6所示。在注册界面的用户授权步骤中所授权的用户头像与微信昵称被用于“最新的墙”“我的话题”“最热的墙”和此界面来显示。
此界面有3个链接:“消息”“我的墙”“我的话题”。“消息界面”是用户接收到其他用户对其曾发布的话题或者墙的点赞、取消点赞、评论等消息的通知界面,“我的墙”和“我的话题”是用户对其曾发布的墙或者话题进行管理操作的界面[3]。
文章设计并开发了基于微信小程序的虚拟网络社区。在研究高校虚拟社区的现状后,结合微信小程序的特性,使用MINA框架,将视图层与逻辑层分开,更好地对小程序进行结构设计与性能的优化。本文所展现的虚拟网络社区能满足学生间一定的物质及情感需求,具有相应的价值。

联系方式:18066528545   029-89298792

阅读过此文章的读者,还阅读过下面的文章

  • 小程序与原生APP那个好?下面我们就来一起了解一下小程序与原生APP那个好。以下是所整理的小程序与原生App的内容,希望对你有所帮助。

    小程序的优点:

    基于微信平台开发,享受微信自带的流量,这个优点最大
    无需安装,只要打开微信就能用,不占手机内存,体验好
    开发周期段,一般最多一个月就可以上线完成
    开发所需的资金少,所需资金是开发原生APP的一半不到
    小程序名称是唯一的,在微信的搜索里权重很高
    容易上手,只要之前有HTML+CSS+JS基础知识,写小程序基本没有大问题
    基本不需要考虑兼容性问题,只要微信可以正常运行的机器,就可以运行小程序
    发布,审核高效,基本上午发布审核,下午就审核通过,升级简单,支持灰度发布
    开发文档完善,社区活跃
    支持插件式开发,一些基本功能可以开发成插件,供多个小程序使用
    小程序的缺点:
    局限性很强(比如页面大小不能超过1M,不能打开超过5个层级的页面,样式单一,小程序的部分组件已经是成型的- 了,样式不能修改,比如幻灯片,导航)只能依赖于微信依托与微信,无法开发后台管理功能
    不利于推广,推广面窄,不能分享朋友圈,只能分享给朋友,附近小程序推广,其中附加小程序也收到微信限制
    后台调试麻烦,因为API接口必须https请求,且公网地址,也就是说后台代码必须发布到远程服务器上;当然我们可以修改host进行dns映射把远程服务器转到本地,或者开启tomcat远程调试;不管怎么说终归调试比较麻烦
    前台测试有诸多坑,最头疼莫过于模拟器与真机显示不一致
    js引用只能使用绝对路径,不能操作DOM
    原生App优点:
    原生的相应速度快
    对于有无网络操作时,譬如离线操作基本选用原生开发
    需要调用系统硬件的功能(摄像头,拨号,短信蓝牙…)
    在无网络或者弱网情况下体验好
    原生App缺点:
    开发周期长,开发成本高,需要下载
  • 小程序和Vue写法的区别?下面我们就来一起了解一下小程序和Vue写法的区别。以下是我所整理的小程序和Vue写法的区别,希望对你有所帮助。

    遍历的时候:

    • 小程序wx:for=“list”,
    • 而Vue是v-for=“item in list”

    调用data模型(赋值)的时候:

    • 小程序:this.data.item // 调用,

    • 小程序:this.setDate({item:1})//赋值

    • Vue:this.item //调用,

    • Vue:this.item=1 //赋值

  • 小程序调用后台接口遇到那些问题?下面我们就来一起了解一下小程序调用后台接口遇到那些问题。以下是所整理的小程序调用后台接口遇到的问题,希望对你有所帮助。

    数据的大小限制,超过范围会直接导致整个小程序崩溃,除非重启小程序

    小程序不可以直接渲染文章内容这类型的html文本,显示需要借助插件
    注:插件渲染会导致页面加载变慢,建议在后台对文章内容的html进行过滤,后台直接处理批量替换p标签div标签为view标签,然后其他的标签让插件来做
  • 分析微信小程序的优劣势?下面我们就来一起简单的了解一下微信小程序的优劣势。下面是所整理的微信小程序的优劣势,希望对你有所帮助。

    优势:

    容易上手,基础组件库比较全,基本不需要考虑兼容问题
    开发文档比较完善,开发社区比较活跃,支持插件式开发
    良好的用户体验,无需下载,通过搜索和扫一扫就可以打开,打开速度快,安卓上可以添加到桌面,与原生APP差不多
    开发成本比APP要低
    为用户提供良好的保障(小程序发布,严格是审查流程)

    劣势:
    限制较多,页面大小不能超过1M,不能打开超过5个层级的页面
    样式单一,部分组件已经是成型的,样式不可修改,例如:幻灯片,导航
    推广面窄,不能分享朋友圈,只能通过分享给朋友,附加小程序推广
    依托与微信,无法开发后台管理功能
    后台调试麻烦,因为api接口必须https请求且公网地址
    真机测试,个别安卓和苹果表现迥异,例如安卓的定位功能加载很慢

  • 简单描述下微信小程序的 相关文件类型。下面我们就来一起了解一下微信小程序的 相关文件类型。以下是所整理的微信小程序的 相关文件类型,希望对你有所帮助。

    wxml 模板文件,是框架设计的一套标签预言,结合基础组件,事件系统,可以构建出页面的结构

    wxss 样式文件,是一套样式语言,用于描述WXML的组件样式
    js脚本逻辑文件。逻辑处理网络请求
    json配置文件,小程序设置,如页面注册,页面标题及tabBar
    app.json 整个小程序的全局配置,包括:
    pages:\[所有页面路径]
    网络设置(网络超时事件)
    页面表现(页面注册)
    window:(背景色,导航样式,默认标题)
    底部tab等
    app.js 监听并处理小程序的生命周期函数,声明全局变量等
    app.wxss 全局配置的样式文件

  • 请谈谈原生开发小程序,wepy,mpvue的对比?下面我们就来一起了解一下原生开发小程序,wepy,mpvue的对比。个人认为,如果是新项目,且没有旧的 h5 项目迁移,则考虑用小程序原生开发,好处是相比于第三方框架,坑少。

    而如果有 老的 h5 项目是 vue 开发 或者 也有 h5 项目也需要小程序开发,则比较适合 wepy 或者 mpvue 来做迁移或者开发,近期看wepy几乎不更新了,所以推荐美团的mpvue。
    而如果如果团队前端强大,自己做一套框架也没问题。

029-86195145 180 6652 8545 西安嘉瑞德网络科技公司
工作时间:周一到周六 8:30-18:30
邮箱:2528823962@qq.com
QQ:2528823962
地址:陕西省西安市未央元朔路明丰伯马都A座10820室
  • 微信小程序制作微信二维码
    扫码咨询
Copyright © 2015 西安嘉瑞德网络科技有限公司 陕ICP备17015187号-1