云开发校园技术布道师 --- 关于大学生绿色生活的小程序系统

2020-04-07 12:01:39 浏览数 (1)


前提:

大学生对于出行的需求其实不断提高,新生陌生城市地铁等线路交通的不熟悉,另外一方面,大学生是一群收入较低的群体,据调查有许多的大学生希望自己能够赚取生活费以减免父母的负担,因此我想结合上以上两点,对于出行使用交通工具或者步行的大学生甚至延伸至成年人上班族,希望通过一种绿色积分的方式鼓励大学生对步行,陌生城市交通工具的不断认识和提高,以积分换取实物生活用品等的方式希望能够一定程度上减轻大学生的经济压力等,同样也希望潜移默化影响到大学生对于绿色生活的一些想法的转变和提升,同样也延伸至社会同样可以如此。

因此本次我的作品是围绕着以绿色出行,换取积分,积分换物为主线的小程序系统。


设计思路:

1.采用云开发 小程序进行服务器和前端搭建

2.小程序简单便捷,利于出行需要和积分兑换等

3.对于小程序开发有一定的思路和开发流程理解,因此选择小程序进行开发

4.看到自身和周边大学生人群对于出行需要和自身经济的不足,希望两者结合的方式

技术架构:

1.小程序wxml与wxss框架:

使用we-ui框架和原生代码相结合的方式,结合自身的源码知识,对于小程序框架,we-ui上手较快,方便快捷更适合我进行小程序端的开发

2.后台框架:

使用后端云开发sdk进行开发,使用云函数对数据openid的获取和增加数据等,同时运用云函数和云存储搭建后台服务器,能够更大程度上减轻由于网络导致的服务器中断的情况

结果展示:

线路规划:

用于查询相关城市出行信息,步行以及交通线路的查询

利用其功能对线路进行规划出行,提高出行效率

线路规划线路规划

积分排行榜:

积分排行榜页面对积分top榜进行查询,同时能够获得自身额的积分情况

点击头像可以进入个人板块,查看个人近期出行积分情况

总体排行榜总体排行榜
个人排行榜个人排行榜

商城模块:

对个人积分的进行兑换,换取相关日常用品或者是关于出行有关的礼品券或者地铁券等

商家可以入驻到该项目中以这种方式加入小程序中,通过积分 现金补贴的方式进行入驻盈利

商品详情商品详情

我的个人页面:

对于个人信息的详情填写和对于个人的行程追踪模块

同时设立小论坛,对同一城市的出行,进行交流和沟通

个人模块个人模块
论坛模块论坛模块

主页面:

主页面包揽着对应的相关信息,如最近热门信息和相关轮播图的形式构建信息描绘等

主页面主页面

后记:

项目虽然不完善,但是基本功能实现和实现的思路已然形成。由于能力问题,呈交作品不算完美,在呈交之后依然会对相关页面进行完善和发展,希望能狗将该小程序作品完善,能够以此参加今年的小程序高校比赛,争取更高性能的提升和更多页面的不断提升功能

0 人点赞