大家好！我们是来自“Ftime”二人组合，一人承担从后端到前端的构思以及开发，一人负责运营，下面我就讲讲从长大助手pro教务小程序的构思到开发实现 1、来源 教务小程序的想法来源：用完即走，查个成绩，查个课表，没必要下个app。加上个人很久以前就想实现开发一个类似的app，可惜了，小白实现这个app有点难，不知从何下手！本来自己是生物专业的，做这个完全是感兴趣加上时不时冒出的想法就想去实现，最近官方开展的高校开发大赛也正好赶上了！ 2、构思 教务小程序需要核心就是：成绩查询、课表查询、教务通知查询！那么问题来了，学校教务处只有网页版，教务小程序数据从何而来呢？ 经过一系列思考，百度各种问题，思路就来了： 后端模拟登陆——拿到页面数据——整理数据——反馈到小程序前端渲染 大概结构如下： [图片] 3、开发 3.1、后端 后端的实现完全基于微信小程序【云开发】: 部分目录: [图片] 采用云开发后端nodejs语言，主要利用模块有： Router Superagent Cherrio 等等模块实现登陆，数据处理，云开发数据库操作，用户权限鉴定 3.2、前端 [图片] 小白就是这样，简单粗暴的各种if、var操作； 部分详细介绍：** ① 课程表: 实现了一键导入（其实课程表这一功能可以单独形成一个通用的小程序上线，哈哈），每天一卡片形式在首页提醒：今天有什么课，上完没有？ [图片] ②主题全局替换： 并且支持自定义主题色，给用户自定义能力 [图片] ③校历 利用了插件【极点日历】加上自己部分美化 [图片] ④其它等等 4、感悟 一个从小白到从后端到前端到UI全部自己写的入门者参赛的心路历程就这么多了,该小程序已上线（不是本校的同学希望你不要打扰本小程序，谢谢，需要帮助的可以私聊我），同时希望大家能够利用好小程序实现自己的想法！

js: [代码]const db = wx.cloud.database() const _ = db.command const col = "test" const sql = { _id: _.neq(1) } //获取所有记录 Page({ data: { isEndOfList: false, list: [], limit: 20 //每次拉取数量 }, onLoad: function(options) { this.getData() }, getData: function() { db.collection(col) .where(sql) .skip(this.data.list.length) .limit(this.data.limit) .get() .then(res => { this.setData({ list: [...this.data.list, ...res.data], //合并数据 isEndOfList: res.data.length < this.data.limit ? true : false //判断是否结束 }) }) }, onReachBottom: function() { this.data.isEndOfList || this.getData() } }) [代码] wxml [代码]<view style="height:100px" wx:for='{{list}}' wx:key='none'>{{index}}</view> <view style="padding:15px;text-align:center;color:grey" wx:if='{{list.length>limit}}'> <view wx:if='{{(!isEndOfList)}}'>正在加载数据...</view> <view wx:else>----END----</view> </view> [代码]