【云开发校园技术布道师】机电生活小程序

2020-04-07 12:05:44 浏览数 (1)

项目背景

刚到大学的你们,是否迷茫无助,是否对校园一无所知,又羞于询问师兄师姐?别担心,作为你们的师姐,考虑到你们的害羞,设计了一个小程序为你们答忧解惑

设计思路

基于小程序和云开发搭建,小程序不需要安装任何东西,只需拥有微信作为载体,云开发是最近接触并学习的,感觉很有意思,实用性也挺强,所以决定尝试以此为基础来设计。

技术架构

小程序框架

运用原生框架,简洁明了。

CSS框架

使用vant-weapp组件库,适用于开发者工具,构建方便,清晰好看。

后端框架

基于云开发,运用云函数和云数据库来实现交互与数据获取。

应用场景

适用于新生到校了解学校,也适用于在校学生对学校生活的了解与反馈。

项目痛点

1.没有实现从学校官网获取数据,固而没有写学校介绍方面内容。

2.无法实现用户切换效果,具体原因正在查找。

3.功能过于简单。

项目展示

首页,有通知栏滚动播放欢迎语句

生活常识页面,包含天气API,实时更新天气数据,点击宿舍概况、食堂概况有弹窗弹出简介

社团部门页面,通过标签页浏览,通过数据库查找获取关键词

学校地图,运用map组件,使使用者可以更好了解学校附近地区

讨论界面,通过数据库列表展示,可以通过搜索栏查找,也可以在右下角加号处自己增添新问题并解答。

我的界面,展示个人信息,通过右下角登录按钮获取用户数据并渲染到页面,点击修改个人信息,将个人信息录入到数据库并渲染出来。

0 人点赞