基于微信小程序的通达交流墙设计

季时鹏 刘源 赵铭婕

摘   要：近年来，随着高校学生们的情感需求愈发强烈，学生们也愈来愈需要平台来释放。由此，“表白墙”作为虚拟社区开始迅猛发展。而微信小程序经过数年的发展，已经相当完善，可以充当各行各业的工具与平台。微信小程序的轻应用、低成本等优点契合“表白墙”所需要的特性。因此，文章基于微信小程序，使用MINA框架开发出一款适合在校大学生的“表白墙”微信小程序。

关键词：微信小程序;表白墙;高校;虚拟社区

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]。

3    结语

文章设计并开发了基于微信小程序的虚拟网络社区。在研究高校虚拟社区的现状后，结合微信小程序的特性，使用MINA框架，将视图层与逻辑层分开，更好地对小程序进行结构设计与性能的优化。本文所展现的虚拟网络社区能满足学生间一定的物质及情感需求，具有相应的价值。

[参考文献]

[1]张汉林，潘俊虹，柯哲星，等.基于微信小程序的“微代”校园服务平台[J].电脑编程技巧与维护，2018（2）：14.

[2]谢洋，钟坤燕.表白墙：大学新社交平台的崛起[N].中国青年报，2019-09-23（A03）.

[3]吕云翔，田旺，朱子彧，等.小程序，大未来：微信小程序开发[M].北京：电子工业出版社，2018.