blog
blog copied to clipboard
云开发竞技赛优秀作品-队名-项目名称
1.100字简介
2.实现思路/架构图/流程图
3.项目效果图例
4.源码链接
云开发竞赛作品-10ngui-ToGithuber
1. 作品简介
ToGithuber,诞生于2019年5月份,小程序是结合本人作为一名高校计算机专业的学生日常生活,平时希望能够在空闲的时候利用好零碎的时间,不仅能够实时跟进Github社区,了解互联网新鲜的新闻资讯以及刷刷leetcode,对于各大客户端app而言只是在零碎时间使用的需求而显得繁琐,因此利用小程序的即时即用的特点,能大限度的为程序员提供方便,充分利用碎片化时间。通过近一个月的个人独立开发,使用到小程序云开发,快速方便的实现了这个想法,“From Github,To Githuber”,也用来致敬Github社区.
2. 实现思路/架构图/流程图
小程序功能结构

小程序云开发架构

3. 项目结果图例

4. 源码链接
https://github.com/10ngui/ToGithuber
5. 小程序码

6. 详细开发文档
https://github.com/10ngui/ToGithuber/blob/master/ToGithuber-converted.pdf
云开发竞赛作品-XDU206-校园探宝
项目简介
不必再发愁组织“户外解谜活动”所需要投入的大量人力——发起/设计线索、参与/解决谜题,享受在户外行走和探索解密的乐趣。

产品设计思路
适用场景 大学生活除了学习、科研之外,必不可少的还有人与人之间的交际活动。
通常情况下,大学中存在着各种俱乐部、兴趣小组和社团等学生组织,这些学生组织经常会组织团队活动来加强社员间的关系、帮助新社员更好地认识彼此和融入集体。
此外,有些社团还会组织全校范围活动,这些活动不仅仅只面向内部人员,同时面向所有学生,以进行宣传社团、完成外联活动等社团任务。
在众多的社团活动中,我们找到了一个需求广泛但仍留有开发空间的需求,即“校园寻宝”活动(或户外解谜活动)。
我们所致力解决的问题 作为曾经的活动组织者,我们深知在线下组织此类活动所存在的种种不便和有待利用计算机程序自动化实现的地方:
- 开销较大 组织一场“校园寻宝”活动,需要大量的人力物力,以保证各个解谜点位的工作人员充足、提供给全校玩家的谜题线索(如打印的谜题)不会短缺。
- 破坏沉浸感 由于各个点位都需要工作人员存在,玩家在解谜时往往变成了“捉迷藏”,着重于依靠眼力寻找工作人员或相关标志,而不是“解谜”这个核心内容。
- 组织困难 由于工作人员基本都是在校学生,都有自己的学业要兼顾,无法保证一直在场以引导玩家获取新的线索;因此需要活动策划者耗尽心力进行统筹、排班以保证每个点位都有工作人员。
- 难以维持场地 在游戏进行过程中,一些必需无人看管的解谜点所隐藏的线索很容易被路人无心带走、破坏和剧透,严重影响游戏参与者的活动乐趣。
- 游戏乐趣不足 由于以上种种问题,哪怕再精心设计的谜题由于持续时间有限、组织难度较大等原因,常常草草收场,活动策划者期望带给玩家的乐趣并不能很好地为绝大多数玩家所体验。
我们的工作重点:
- 利用云数据库的存储功能,构建“无纸化解谜线索”存储、分发和查询系统,解决线下活动时需要有人看护解谜点隐藏线索的问题及削减分发纸质线索的所需人力物力开销。
- 基于微信的定位API,替代了工作人员的签到盖章,进一步削减了人力开销。
- 依靠电子化,实现游戏过程的无人化,提高玩家的沉浸感和单场游戏可持续时间。
- 支持使用文字和图片信息作为线索及设置解谜约束条件,方便活动策划者构建出优秀的游戏内容。
完整的产品简介:《校园探宝》产品简介
产品业务图
- 主业务引导

- 加入活动的业务图

- 创建活动的业务图

效果演示
- 载入引导界面

- 手动输入6位邀请码
3. 参与活动时的界面效果

- 设置文字线索

- 设置图片线索

- 分享你的活动

即刻体验

源码地址
云开发竞赛作品-向日葵-向日葵学习计划
1. 作品简介
向日葵学习计划是针对校园学习场景的计划管理小程序,包含制定计划、计划每日提醒、分享和借鉴他人的计划、助力同学、查看排行榜、获取阳光值等功能,旨在帮助同学们高效学习、交流学习经验、成为更好的自己!
2. 实现思路/架构图/流程图
- 主要页面实现思路
“今天”的实现思路

“发现”的实现思路

“计划详情”的实现思路

- 架构图
信息架构

功能结构

功能描述

- 流程图
主要功能流程

3.项目效果图例
4.源码链接
云开发竞赛作品-深大冲冲冲-图书角MANNAGER
作者:深圳大学 杨志发 叶恒
1.作品简介
图书角MANAGE是一个用于公司、机关单位、大学学院、中学班级的小型文化图书角,解决小型图书角管理繁杂和简化借阅流程的小程序。管理者页面有一键扫码图书入库和图书催还等功能,从而减轻管理者工作量;借阅者页面有一键扫码借/还书,临到期提醒等功能,从而简化借阅者的借书流程和防止逾期。用简单的程序,方便人们的生活,是我们制作的初衷。
2.实现思路/架构图/流程图
实现思路:
- 首先观察我们的校园生活,寻找校园生活中的问题,引发思考,找到痛点
- 设想小程序的主要功能、用户场景、解决问题的方式和效果
- 根据设计的主要功能和用户场景制作原型界面
- 根据原型界面编写wxml和wxss代码,同时实现页面路由
- 根据在编写前端界面的感受,设计云数据库和云存储,找到合适的方式渲染数据
- 补齐云函数和JavaScript代码,实现数据沟通
- 测试优化,整理简化功能,最后上线 (两个成员全程利用腾讯云开发者平台进行团队开发)
小程序功能结构

小程序云开发架构

小程序部分模块实现思路:

用户进入小程序后,入口文件app.js调用云函数login(),云端获取并返回当前用户的openid和该用户的微信公开信息。前端收到返回结果后会将用户的openid和微信昵称存储在globalData里。即登录成功。随后用户可从首页进入借阅者/管理者页面并进行后续操作。提前收取openid是因为多处有使用到,同时也可以实现异步效果。

管理者进入管理界面时,会调用云函数根据openid查询数据库获取用户信息,显示当前管理的图书角信息和图书角中的借阅记录和已有书籍记录。管理者可用手动输入或者扫码的方式输入图书背后的条形码,然后调用云函数根据输入的isbn码向第三方api平台获取图书详情信息,成功返回结果后,小程序端会显示这些信息,并且向管理者确认信息和要录入的数量。在完成确认后,数据库增加此书数据,即上传图书成功。

借阅者进入借书界面时,会调用云函数根据openid查询数据库获取用户信息,如果返回的结果显示用户未注册则提示用户注册,若显示已注册则进入下一步。输入图书角序列号后会调用云函数根据输入的id查询数据库获取图书角信息,若成功查询,则进入最后一步。手动输入或扫描图书背后的条形码,可调用云函数根据输入的条形码查询数据库,若此图书角有此书可借阅,则云端返回成功结果,并且将借阅记录存入数据库。即借书成功。
3. 项目结果图例
4.使用手册:
管理员新建图书角和录入图书:
借阅者借书:
5. 演示视频
https://6465-development-813720-1259208181.tcb.qcloud.la/%E5%9B%BE%E4%B9%A6%E8%A7%92MANAGE%E5%B1%95%E7%A4%BA%E8%A7%86%E9%A2%91.mp4?sign=2d9052cdebdfcc21b9350c204281a9ce&t=1560931771
6. 源码链接
https://github.com/HenryYey/bookManage
7.小程序码

8.详细产品设计和开发文档
https://github.com/HenryYey/bookManage
9.不知之处
由于临近期末时间紧张,考试逼迫,我们只有两个周末的时间设计和开发了这个项目,只做出了部分功能,不足之处希望见谅。
第二版本新增功能: 一键还书功能:上传一张借阅书籍放回到书架哪个位置的图片即可还书。 模板消息提醒功能:对于借阅者,借阅书籍临到期会有消息提醒;对于管理者,可以一键提醒逾期用户归还。
第三版功能: 图书角资源共享:可以搜索附近有权限进入的图书角,可以搜索图书,让每个图书角的资源整合起来,实现图书角资源利用最大化。
感谢浏览! 用程序创造更美好的生活是我们的所愿。
云开发竞技赛作品-对不队-Digital MET
1. 作品简介
本产品 DigitalMET 是基于解决历史类及设计类专业同学在实践学习中缺乏国外藏品图像、文字资料的借鉴参考和博物馆爱好者无法参观国外博物馆的痛点而设计,旨在翻译国外博物馆优秀数字资源并以精致复古的 ui 界面呈现给大家。本产品为数字化博物馆系列的第一弹,翻译和补充了美国大都会博物馆的藏品和展览信息,实现了引入 2m 以上非系统自带中文字体的功能,为我们日后和地方博物馆合作定制小程序提供了模板。
2. 实现思路/架构图/流程图
小程序功能结构

3. 项目效果图例
-
欢迎界面

-
展览会首页

-
藏品首页

-
收藏页

-
两种搜索页


-
藏品或展览会的详情页

4. 源码链接
云开发竞技赛作品-iRstoo-腾寻
1. 作品简介
腾寻——精准打造针对高校的失物招领平台。项目针对目前高校"失物难寻" 问题,以互联网和大数据为依托,与线下智能寻卡机关联,高效便捷地为高校用 户提供寻回各类失物的服务。
2. 实现思路/架构图/流程图
架构设计
目前小程序仅用两台服务器,一台用于访问控制,一台用于 数据处理。鉴于小程序处于初期,访问人数不多,在时间与资源利用率的酌量下, 选用单机 cs 架构。

功能设计

3. 项目结果图例
引导页
失物浏览
校园卡
认领
发布
我的
4. 使用手册
小程序太阳码
源码链接 https://github.com/Jason2Rum/Lost-Found/tree/master/Lost%26Found
云开发竞赛作品-TFA-西电墙
1.作品简介
西电有三大QQ公众号,分别是西电表白墙、西电小喇叭和西电撕逼墙,分别用于满足学生表白(情感诉求)、寻物找人租房(生活帮助)还有吐槽(压力宣泄)的需求。 这三大QQ公众号具有相同的运作模式:用户将信息发送给指定的QQ账号,负责接洽的人(类似客服)将发过来的消息直接截图,之后将多个截图合并发布一条说说,因此在这三大公众号的动态下,几乎全是图片九宫格的形式。 这种形式其实并不利于大段文本信息的展示,尽管采用上述的运作方式对于他们来说无遗是低成本高效的。但是我们还是决定开发这样一个小程序,将以上三者的功能合并,用户可以直接发表自己的想法,无需转发给相关账号再转变为截图的形式,直接支持发布文本和图片,同时支持匿名发表以保护用户隐私。
2.实现思路/架构图/流程图
小程序功能结构

3.项目效果图例








4.即刻体验

5.源码链接
https://github.com/15029035790/XidianWall
云开发竞赛作品-君君爱统计-统计君
1.作品简介
统计君的定位立足于贴近用户生活,从小的切入点入手做到快速高效的触达用户,解决痛点。用一句话介绍就是:统计君是一款将统计的信息自动整成成为一张表格并提供下载的工具类小程序。 解决的高频痛点是:在录入信息的时候,管理者需要每个填写者的excel写好发给他,数量多并且需要自己把每个excel手动整合成一个表格。重复做功,耗时耗力还容易出错。
2.实现思路/架构图/流程图
1.小程序功能架构

2.小程序流程图

3.效果图示

4.源码链接
https://github.com/SmlieQI/TJJ
云开发竞技赛-带我回家-失物寻物启事
1.简介
本款小程序为同学们集中、发布、查找关于失物、寻物的信息提供了平台。校园生活中难免会有丢失或者捡到物品的经历,一个个失物点寻找不够便利,有限的朋友圈又不足以让捡到失物的人看到联系方式,此时便需要如此一个平台来集中信息,更加方便大家的校园生活。
2.流程图
3.效果图示
4.源码链接
https://github.com/yirenpinxin/vxcode.git
云开发竞赛作品-直男也很暖-直男也很暖
1.作品简介
此款小程序考虑到大学生中,尤其是理工科男生较为普遍存在的直男问题,以及当今时代女生需要男生暖起来而产生的理想与现实的矛盾为出发点,以提高男生处理各种情感问题的能力(例如各种网红送命题),辅助男生准确把握各个纪念日并有相应的爱意表达为己任,力求达到即使是忙成狗的理工直男也可温暖如春,给女生带来最佳体验进而促进社会和谐发展的宏伟目标。
2.实现思路/架构图/流程图

主要功能实现:用户端小程序分为教学区,记事本(星河集)和讨论区。其中教学区是由暖男大佬分享情圣经验,各种送命网红题的标准答案,从为人处世等等细节方面给出直男如何暖起来的实用建议,并带有点赞功能(点击“妙啊”)。记事本是为用户随时记录爱情点滴,存储爱情照片,并有标定爱情纪念日的功能,可在记录爱情的同时方便快捷设置纪念日,并随时查看,并带有删除功能(“点击删除”)。讨论区是方便理工直男们遇到问题随时提问并相互之间交流意见。从个人主页可以快速进入我的纪念日(以防忘记重要纪念日招惹女朋友生气),我的日月树(用户发表过的讨论内容)以及我的教学区(发表过的教学帖)。
3.项目效果图例
教学区:

星河集:

交流区:

暖男主页:

我的纪念日:

我的日月树:

我的教学区:

4.源码链接
https://github.com/unicronli/weixinappp
失物 山商

一、定位说明
本人大二在校生,做这个小程序目前就是在校师生使用的,最初的想法是因为舍友在教室,操场丢过很多东西,再去找基本就不在了,像练习册,羽毛球拍,水杯,校园卡。搜集了一下相关失物找回渠道,基本只有QQ空间表白墙,万能墙;学生事务中心。我舍友有在事务中心担任部长一职,像我们日常用的水卡,校园卡一叠一叠的,耳机也有数百条,充电宝,水杯,但是每天去找的人寥寥无几,每年都会定期清理捐助给贫困地区。
二、产品描述、
小程序主要页面有失物展示页列表,失物详细信息页,失物发布页*3(通用发布页,校园卡发布页,书籍发布页-豆瓣限制了api所以砍掉了),联系信息页(发布失物前需先填写联系信息),
次要页面历史记录页,留言页。 失物详情页里增加了联系信息的展示,当时被拾者标记为已归还时,详情页隐藏联系信息,

小程序关键功能截屏
1、失物首页(广场)
2、使用提醒说明
3、失物信息详情页

4、发布失物
5、我的发布(标记已归还/删除发布)

6、联系信息(发布失物前需填写)
7、其他
三、技术流程
