基于坚果云盘数据共享与微信小程序的校园信息发布平台设计与开发

Design and development of campus information publishing platform based on Nut Cloud data sharing and WeChat mini program

摘要

目的 基于坚果云数据共享平台与微信小程序架构设计并开发校园信息发布平台。 方法 使用坚果云的云储存与数据共享服务，将其作为图片的储存数据库及后端的媒介，将图片等数据上传至坚果云，利用JavaScript语言进行小程序前端逻辑处理，调用坚果云储存的后端文件进行数据提取，再通过WXSS和WXML对前端界面进行页面渲染。使用其他开源CSS库对页面进行美化。 结果 成功构建“坚果云—微信小程序—信息发布”一体化应用平台，不依赖目前主流的搭建服务器与使用云服务方法，通过坚果云进行本地修改数据内容并进行云端同步，使得微信小程序能够成功调用并渲染展示。 结论 该研究初步设计并完成了信息发布平台的开发，为在校大学生提供信息发布和获取的便利。

Abstract

Objective To design and develop a campus information publishing platform based on the architecture of Nut Cloud data sharing platform and WeChat mini program. Methods The cloud storage and data sharing service of Nut Cloud was used and applied as the storage database of images and the medium of the back-end. Pictures and other data were uploaded to Nut Cloud, JavaScript language was used for front-end logic processing of the applet, the back-end files stored by Nut Cloud was invoked for data extraction, the front-end interface was rendered displayed through WXSS and WXML, and other open-source CSS libraries were used to beautify the page. Results The integrated application platform of “Nut Cloud-WeChat mini program-information publishing” was successfully constructed, which did not rely on the current mainstream methods of building servers and using cloud services, and locally modified the data content and synchronized it with the cloud through Nut Cloud, so that WeChat mini program could be successfully applied and rendered displayed. Conclusion In this study, the development of an information release platform was preliminarily designed and completed, which provided convenience for college students to publish and obtain information.

Graphical abstract

关键词

坚果云盘 / 微信小程序 / 校园信息发布

Key words

Nut Cloud disk / WeChat mini program / campus information publishing

校园信息发布与传播是校园文化业务的核心内容之一^[1]。校园信息发布平台对于学生来说，优点在于方便快捷地获取校园资讯、促进信息交流、提高学生学习效率和生活质量^[2-4]，可见，信息发布平台在学生群体中显得尤为重要。相比传统的信息发布，基于微信小程序的信息发布有着方便快捷、即用即走的独特优势。微信小程序具有无须安装、加载迅速、社交属性强、成本低、周期短、操作简单、推广性强、占用内存小、可跨平台使用且自动更新，提供优异用户体验和降低企业开发成本等优点^[5-9]。使用云盘管理数据文件相较于服务器具备诸多优势，具体体现在便捷性、可扩展性、成本效益等方面^[10-12]。用户可随时随地通过互联网管理文件，在本地电脑上实现文件数据修改与上传而无须关注服务器维护，并且可以根据需求灵活扩展存储空间，降低成本支出^[13-16]。同时，坚果云盘还能确保数据安全，支持跨平台访问，提供版本控制与协作功能，满足个人和企业的多样化需求，促进高效团队协作^[17]。

鉴于微信小程序与坚果云盘的独特优势，该研究以微信开发者工具和坚果云为基础，通过JS、WXML、WXSS语言，实现校园信息发布平台的设计与开发，为在校学生的信息发布与获取提供方便快捷的稳定平台。

1 平台设计

1.1 基础框架

以小白菜祝福小程序（以下简称：小白菜）为例，对该项目所使用的框架以及方法进行描述，具体架构如图1所示。其网络架构主要包括前端展示层、服务器层、数据管理层三个层次。微信原生小程序框架作为前端展示层对数据进行处理并渲染展示，本地电脑和坚果云盘进行联动，作为服务器层与数据管理层对数据进行管理。小白菜小程序主要包含信息发布模块、健康打卡模块和基础翻译模块。这些基本的模块功能作为校园开展的业务演示，实际落地应用可衍生至其他多个方面。信息发布模块以卡片和轮播图展示为主，选择与查阅更加直观，其表现形式和线下海报发布类似；健康打卡模块以卡片列表形式呈现，便于滚动查看；基础翻译模块以问答聊天样式展示。

1.2 发布内容来源和储存

小白菜所发布的内容主要来源于在校学生、教师、学校组织，包括但不限于讲座通知、被试招募和社团招新。这些以往大多通过海报的形式发布于学校公告栏或朋友圈，而以小白菜电子海报的形式展出，再通过转发的方式能够获得更多曝光。

通过各种方式收集的内容按照不同的类型储存于不同的坚果云文件夹，这些文件夹也可备份储存于私人电脑，可以在本地随时修改并在云端进行同步更新。当管理员在本地修改了坚果云文件，小白菜展示的内容也将被同步修改。

1.3 界面与功能设计

小白菜的页面相对简单，易于使用，基本页面布局如图2所示。在小白菜主页上，列表展示不同分区，包括一些基础的区块介绍以及区块内所包含的条目数量。用户可选择进入感兴趣的区块，查看详细的子条目，对于感兴趣的项目还可以分享到对话框与朋友圈。在小白菜健康打卡模块中，用户可在指定时间点进行打卡签到并获取相应奖励，通过打卡的方式对用户进行激励，打卡获取的奖励可用于基础翻译页面。用户同时可以在个人中心页面查看获取的奖励与个人信息，可以获得一定奖励。通过这种方式形成闭环生态，有利于小程序的持久稳定运行与用户黏性。

信息发布模块中包括区块导航（类似主页）、信息海报浏览、海报分享等功能（如图3所示）。该页面使用轮播图对展示的内容进行滚动播放，用户可选中感兴趣的条目点击查看详情，同时也可将本页面进行转发分享至朋友圈或微信好友。

2 平台开发过程

2.1 开发环境准备

研发者使用微信开放平台所提供的微信开发者工具稳定版Stable Build(1.06.2310080)进行小白菜的开发。微信开发者工具提供一站式开发环境，调试方便、实时预览，支持版本管理，促进团队高效协作，具有稳定性和可靠性。使用该工具，开发者能够便捷地利用丰富的资源和官方文档（https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html）快速完成小程序开发并与微信平台无缝对接，简化发布流程，加快上线速度。

研发者使用坚果云（版本号：7.1.0.0）作为后端与储存数据的媒介，为应用程序提供稳定可靠的数据存储与跨平台上传修改维护的解决方案。在搭建坚果云后端环境时，需要有至少一台能够联网的设备并在该设备上安装坚果云服务器端软件，同时进行相关配置。经过适当的环境搭建和准备，坚果云将作为强大的后端支持，助力应用程序实现高效稳定的数据存储与共享功能。

2.2 逻辑与代码实现

在小白菜的开发过程中，研发者使用了多种文件格式用于不同场景（如表1所示）。通过微信小程序与坚果云之间联动对其功能进行实现。首先获取到坚果云储存的txt文件，作为“指引文件”，将获取的txt文本在前端js中进行处理，这些txt数据可以定向到不同的坚果云文件夹中；js再将所需的区块数据请求发送至坚果云，坚果云提供所需数据。在整个过程中，坚果云作为后端储存媒介，不进行逻辑处理部分，所有逻辑处理均在前端js中体现，前端获取到坚果云提供的数据后，再通过使用WXML与WXSS进行渲染展示。具体流程如图4所示。

2.3 数据结构与储存

在小程序开发过程中，所有的动态数据都分类存储于坚果云，以便在本地进行同步修改，其数据来源较多的是管理员所收集的图片数据，经过审核后放置于不同的坚果云文件夹中，利用坚果云盘的同步功能，实现在小程序上的实时渲染；部分静态数据与一些用户本地数据存储于微信小程序，以便快速地进行渲染与展示，这些数据主要包括小程序图标icon等，不用联网进行动态更新的数据将使用小程序的本地存储功能（如图5所示）。坚果云与微信小程序的结合为数据储存与管理提供了便捷与高效性。这种管理模式既确保了数据的实时更新，又考虑了用户体验和渲染速度。

2.4 页面渲染以及功能实现

所有模块均从坚果云或开放的API接口获取具体数据进行前端渲染，通过调用微信小程序所提供的本地储存与坚果云的云储存实现数据的储存与获取，每个页面底部的标题栏实现操作过程中的模块功能导航。采用swiper和scroll方法实现页面的左右滑动与上下滚动，flex布局确保页面内容的弹性排列布局，使用优秀的第三方css库与组件库对页面美化与迅捷引用开发，OnClick，OnShareAppMessage等方法监听用户点击按钮与分享行为并自定义分享内容，JS相关代码通过逻辑运算与多样的函数功能实现复杂的功能与用户的交互式响应，其主要包含综合大厅、打卡功能、翻译功能和个人主页4个功能模块，如图6所示。

在综合大厅界面，卡片式呈现多个栏目，用户可选择某个指定的栏目进入查看该栏目的相关海报，这些海报以轮播图的形式呈现（如图6a所示），用户可点击海报预览大图，还可以对这些海报进行分享，可分享至朋友圈与微信好友（如图6b所示）。

3 总结与展望

3.1 项目现状

文章从框架构思、数据来源、界面设计、功能实现等方面详细介绍了基于坚果云与微信小程序的信息发布平台的设计与开发过程，为校园信息发布提供了崭新的工具。通过开发者工具数据看板（https://mp.weixin.qq.com/）发现，自从小程序上线半年以来，小程序已累计用户1 443人，在近一个月的日访问页面数平均值为12.03，总数为361次。根据用户所提供的数据，从开发到目前稳定运行过程中，已累计发布海报30+，每周实现不同专业课程表的更新与发布，同时，在其他区块的项目中，还发布了“咸鱼二手”“互帮互助”等校园繁杂小业务。

3.2 项目创新以及优势

坚果云网盘的本地服务器方案为开发者和企业提供了一个新的选择，既能享受本地服务器的便捷与成本效益，又能确保数据的稳定与安全，实现了云与本地的完美结合。这无疑是未来数据管理的一个创新方向，值得研发者进一步探索与应用。鉴于本地服务器在某些情境下相比于云服务器受欢迎，因其易于操控、便于管理且拥有较高的成本效益而倍受青睐。

基于坚果云盘的数据储存与共享，本地对云端数据进行管理，能够减少数据备份和安全防护的开支，利用极低的成本实现项目的落地开发，甚至无须使用服务器或购买域名。通过坚果云提供的管理界面，可以轻松地进行文件管理和权限控制，满足团队协作和项目管理的需求。

3.3 项目不足及展望

小白菜已基本稳定运行近一年，但其依旧存在许多不足之处需要改进。在微信端，目前小程序界面尚不够美观，影响使用体验，可能导致用户流失。在未来可着力于界面美化的相关工作。其次，其数据处理的逻辑较多依赖于坚果云储存的文件，获取这些文件再进行前端的渲染，速度将会变慢，影响用户体验。在坚果云端，一方面，鉴于坚果云盘免费基础版所提供的服务，其数据储存受到上传下载的容量限制，故该项目不适合应用于需要频繁更新的场景；另一方面，小白菜依托于坚果云平台，当其对数据文件的储存结构发生改变后，原本的架构可能不再适用，研发者需要重新找到同样的替代品来维持程序的运作，否则可能要回归云端服务器的模式。该项目基于坚果云与微信小程序联动，提供了小程序开发并上线运行的新模式，为广大的开发者提供开发的新视角，在未来的小程序开发以及上线的过程中，可以尝试强大且免费的云服务平台作为数据储存媒介。

参考文献

[1] 耿晨曦. 结合电子沙盘的校园信息发布模式研究[D].哈尔滨: 哈尔滨工业大学, 2018.

[2] 赵小奇, 李姿莹. 基于校园活动信息整合与发布一站式平台的分析与设计[J].纳税, 2017 (35): 163-164.

[3] 赵家胜. 基于安卓平台信息发布系统的设计与实现[D].昆明: 云南大学, 2016.

[4] 范雨萱, 李玉梅, 杨英杰, 等. 智慧校园信息交互平台“天外贴普士”的开发与建设[J].新媒体研究, 2022, 8(5): 24-28.

[5] 李伟豪, 高博文, 刘佳. 基于微信小程序的校园服务平台设计与实现[J].计算机产品与流通, 2019(3): 283-284.

[6] 孙浩天, 朱乔裕, 乔雨. 基于微信小程序的校园互助平台设计[J].电子制作, 2023, 31(11): 72-74.

[7] 喻国明, 程思琪. 从“连接”到“场景”互联网发展的重要进阶: 试析微信小程序的价值逻辑与市场版图[J].新闻大学, 2018(1): 121-127.

[8] 刘红卫. 微信小程序应用探析[J].无线互联科技, 2016(23): 11-12.

[9] 倪改玲, 王会霞, 邹超, 等. “急救课堂”微信小程序的设计与开发[J].中国医学教育技术, 2022, 36(6): 670-674.

[10] 蔡冬, 闵浩. 浅析云存储在移动HIS中的运用[J].数字通信世界, 2022(1): 117-119.

[11] 张珊, 梁倩, 杨倩, 等. 企业云存储平台的应用研究[J].中国管理信息化, 2022, 25(2): 85-87.

[12] 小强. 云存储的优势[EB/OL].(2021-10-22)[2023-11-10].

[13] 张晓铎, 黄健华. 基于云盘的数据共享在选煤生产管理中的应用[J].山西焦煤科技, 2020, 44(11): 51-53.

[14] 鲁学亮, 陈金焘. 私有云存储助力高校智慧校园建设[J].中国教育信息化, 2019(9): 61-63.

[15] 刘小双, 韩晓彤, 马凯博. 基于用户体验要素的云盘小程序设计研究[J].工业设计, 2021(9): 123-124.

[16] 尹欢, 刘萍萍, 贾丽丽, 等. 期刊集约化运营的协同平台设计与实现: 以南京农业大学英文科技期刊刊群为例[J].编辑学报, 2023, 35(3): 326-331.

[17] 马力在知群. 坚果云——可能是国内体验最好的网盘[EB/OL].(2018-08-02)[2023-10-09].

基金资助

2023年广东省研究生教育创新计划项目(2023JGXM_115)

2022年度广州市重点领域研发计划脑科学与类脑研究项目(202206060004)

广东省普通高校哲学社会科学重点实验室项目(2023WSYS007)

2022年度教育科学规划课题（高等教育专项）(2022GXJK300)