基于微信小程序的圈层式校园墙设计与实现

徐志杰 许忠维 吴昊

摘要：随着科学技术的迅速发展，校园中校园墙所拥有的功能以及用户也越来越多，同时大学生对其生活需求也越来越高，目前大多数校园墙采用微信或QQ个人用户以及团队的形式存在，而当今大学生希望能在校园里结交更多志同道合的朋友，以及需要实现失物招领、寻物启事、活动发布、信息咨询等功能。为此在对现有的校园墙使用现状了解以及分析后，该小程序特色在于实现圈层式交友，并且实现大学生生活小功能，希望满足大学生对校园墙的需求。

关键词：微信小程序;圈层式;校园墙;云开发

中图分类号：TP311.52      文献标识码：A

文章编号：1009-3044（2022）12-0041-02

开放科学（资源服务）标识码（OSID）：

1 引言

近年来，随着移动互联网技术的发展和移动设备的在校园的普及，大学生的交流频率也在不断增高，交友的欲望也很强烈，因此出现了校园墙，涉及大学生的日常生活以及交友，经过对现有的校园墙进行分析后，发现校园墙多为团队运营一个特定的QQ和微信账号，以朋友圈和QQ空间的形式存在，功能主要为寻物启事、失物招领、活动以及信息的发布、交友等功能，信息的发布主要是图文形式，而后可在朋友圈或QQ空间下进行留言交流。这种形式存在一些缺点：1）难以实现发布者与用户的及时联系，需先添加发布者的联系方式后才可进行交流。2）失物招领方式常常面临各种问题，如寻找过于分散，人工查找不便、执行效率低、数据无法集中统一管理等问题，失物招领效果不佳[1]。3）交友活动较多但没有分类，同学们通过活动结交志同道合的朋友效率较低。本文提出并设计一款圈层式交友的校园墙小程序，该程序可根据用户的喜好向用户精准推荐合适的社交圈以及社交活动，满足大学生交友的愿望，帮助大学生结交有共同爱好的朋友，同时又实现大学生日常生活的基本小功能。微信小程序的应用开发具有周期短、流程简单、测试时间短、跨平台运行等优点，使其成为目前应用广泛的移动应用程序[2]。

2 圈层式校园墙小程序的需求分析

圈層式校园墙主要针对同学们渴望通过活动结交更多志同道合的朋友的愿望而提出的，目的为不同爱好的同学们找到同气相求的同学，同时又结合了当前 QQ空间以及微信朋友圈校园墙的小功能，为同学们的大学生活带来更多乐趣和便利。

经过问卷调查得知，校园墙小程序需拥有以下功能：1）校园墙类小程序需要实现用户及时的交流，不必另外进行好友的添加，提升沟通的时效性。2）对用户进行分类，方便相同爱好的同学建立社交圈，以达到结交志同道合朋友的目的。3）为方便日常生活，还需要实现寻物启事与失物招领的功能，对物品信息进行完善以及分类，方便用户搜索。4）日常消息的发布，如活动或者比赛以及校园、社会实时新闻。

3 系统开发流程

3.1 注册账号

在电脑上打开https：//mp.weixin.qq.com/，在页面右上角单击“立即注册”，然后按要求填写账号信息，提交后点击前往微信小程序，在设置面板中找到开发设置将APPID复制后存储备用，同时点击开发进入云服务开通云开发功能。

3.2 配置开发工具

打开下列地址：https：//www.weixin.qq.com/debug/wxadoc/dev/devtools/download.html，选择与电脑适配的版本下载安装即可。

3.3 创建项目

打开开发者工具，使用微信扫码登录后点击创建项目，设置项目名称，填写已获取的AppID，并勾选使用云开发，确认后创建成功。利用导航栏中的“编辑”可以查看和编辑代码，利用“调试”可以 测试代码并模拟小程序的客户端效果，利用“项目” 可以将项目结果发送到手机浏览实际效果[3]。视图层采用WXML和WXSS的微信前端语言，分别对应页面的结构和样式，与逻辑层的数据相结合后进过渲染展现给用户;逻辑层则采用JavaScript语言编写，与视图层的数据进行交互和通信。同时也借助于微信小程序的API实现网络请求、数据缓存、获取数据等功能。后端系统则利用微信云开发的云函数、云数据库等功能进行数据的处理。

4 圈层式校园墙小程序的功能设计

小程序的主页面框架分为“首页”“寻物失招”“活动”“个人”四个模块。“首页”为小程序的基础部分，主要功能实现实时消息的推送，供用户浏览了解;“寻物失招”部分用于实现日常的失物招领和寻物启事，将物品的信息进行分类，实现用户的精确搜索;“活动”部分则是小程序的核心部分，首先基于用户的个人资料，对用户进行分类后，为用户推荐社交圈以及社交活动;“个人”为用户部分，实现用户登录后对个人资料的填写以及修改。小程序系统框架图如图1。

4.1 个人中心模块

进入小程序首先需进入个人中心获取用户授权登录，才可进入其他功能模块，若未进行登录则只可进行浏览程序。个人中心模块记录了用户的个人资料、发布的失物招领或寻物启事以及活动发布等信息。登录后填写个人资料，系统根据用户的个人资料中填写的兴趣爱好对用户进行分类。用户还可以对已发布的失物招领、寻物启事、活动信息进行访问。

4.2 失物招领与寻物启事模块

用户登录小程序后，在寻物失招页面发布近日拾到或丢失的物品信息，填写物品特征、丢失（拾到）时间、地点、发布者联系方式等详细信息，系统将根据填入的信息将物品分类，随后用户可在搜索栏对寻找的物品进行搜索，搜索成功即可点击进入物品详情页面，查看物品信息，用户确定是目的物品即可点击发布者头像与发布联系，进行线下约定后物归原主[4]。

4.3 交友活动发布

当用户需要发布活动时，进入界面新建活动后，首先选择活动类型，随后需根据提示输入活动持续时间、地点、名称等基本信息后发布活动，系统将优先对该类型活动感兴趣的用户进行推送，建立不同的社交圈方便同学们结交志同道合的朋友。活动发布后如需修改，访问已发布活动即可进行内容的修改以及删除，同时系统会将已结束的活动信息进行删除，避免信息的堆积而造成的问题。

4.4 消息推送模块

消息推送模块包含在首页轮播图下方，点击后即可查看。輪播图下方存在滑动浏览组件，用户可滑动查看不同信息，其中包括两部分：1）实时消息推送，校园实时信息以及社会新闻等，2）用户动态发布，可进行实时评论，同时也可对动态、评论进行删除和分享，用于发布日常生活的咨询、表白、吐槽等信息，用户之间可借此进行日常的交流，实现传统校园墙的沟通功能。

5 圈层式校园墙小程序的功能实现

5.1 微信小程序端

5.2 系统逻辑结构

用户进入小程序后可进入首页等其他界面进行信息浏览，若要实现不同模块的具体功能则需要进入个人中心界面进行授权登录，授权登录的账号才可获取在首页发布日常动态、发布失物招领等权限[5]，同时系统会自动识别用户的openid来辨别是否为管理员，管理员可获得最高权限，对他人发布的信息进行审查、删除，起到避免消息冗余、维护良好的网络环境等作用。

5.3 数据库设计

数据库的设计师程序开发过程中的重要步骤之一，经过对系统的需求分析后，做出数据库的概念模型（E-R图），其中实体之间存在一对一、一对多、多对多的三种联系，具体如图3所示。该程序使用的数据包括：1）用户动态发布信息表，实现用户发布动态时记录用户信息以及动态中的文字、图片、视频、评论等信息。2）寻物失招信息表，记录不同用户发布的失物招领与寻物启事信息。3）活动内容表，在用户发布活动后记录活动信息，根据活动内容动态推荐给合适的用户。

5.4 系统后端设计

鉴于微信开发中自带有云服务功能，利用小程序内提供给云函数调用的API以及云调用实现云函数功能，获取用户openid、unionid等，使得前端与服务器后端的数据能进行交互;微信云开发的云存储为微信小程序提供了存储空间，可以上传或下载文件，实现了对信息的调用和图片的显示;利用云数据库的权限控制以及特有的API对数据进行操作，实现信息的发布、删除、编辑等功能。后台界面图如图4所示。

6 结束语

本文介绍了基于微信小程序的圈层式校园墙小程序，通过该小程序，将大学生用户进行分类，对不同大学生推荐合适的交友活动，实现圈层式交友，同时又实现了现有校园墙的基本功能：日常信息交流、失物招领与寻物启事。圈层式校园墙小程序提升了大学生交友效率，同时又满足了大学生的日常交流和生活需求，为大学生美好的校园生活服务。

参考文献：

[1] 宋龙生，倪胜巧.校园失物招领微信小程序的设计与实现[J].计算机时代，2021（10）：86-89.

[2] 郭灿杰.微信小程序在校园资讯系统中的应用[J].河北软件职业技术学院学报，2021，23（3）：10-14.

[3] 弋改珍.校园失物招领微信小程序的设计与开发[J].福建电脑，2021，37（11）：104-106.

[4] 王庆月，吴宇，张天宝.基于微信小程序的失物招领系统开发[J].电子质量，2020（10）：66-70.

[5] 陈严纯，孟莉秋，徐博.基于微信小程序的高校大学生信息服务平台设计[J].电脑编程技巧与维护，2022（1）：61-64.

【通联编辑：谢媛媛】