评论

【高校征文】| 教务小程序-从想法到上线公益服务同学

#高校开发大赛#一个小白从想法到实现的心路历程以及开发分享

大家好!我们是来自“Ftime”二人组合,一人承担从后端到前端的构思以及开发,一人负责运营,下面我就讲讲从长大助手pro教务小程序的构思到开发实现

1、来源

教务小程序的想法来源:用完即走,查个成绩,查个课表,没必要下个app。加上个人很久以前就想实现开发一个类似的app,可惜了,小白实现这个app有点难,不知从何下手!本来自己是生物专业的,做这个完全是感兴趣加上时不时冒出的想法就想去实现,最近官方开展的高校开发大赛也正好赶上了!

2、构思

教务小程序需要核心就是:成绩查询、课表查询、教务通知查询!那么问题来了,学校教务处只有网页版,教务小程序数据从何而来呢?
经过一系列思考,百度各种问题,思路就来了:
后端模拟登陆——拿到页面数据——整理数据——反馈到小程序前端渲染
大概结构如下:

3、开发

3.1、后端

后端的实现完全基于微信小程序【云开发】:
部分目录:

采用云开发后端nodejs语言,主要利用模块有:

Router
Superagent
Cherrio

等等模块实现登陆,数据处理,云开发数据库操作,用户权限鉴定

3.2、前端


小白就是这样,简单粗暴的各种if、var操作;
部分详细介绍:**

  • ① 课程表:
    实现了一键导入(其实课程表这一功能可以单独形成一个通用的小程序上线,哈哈),每天一卡片形式在首页提醒:今天有什么课,上完没有?
  • ②主题全局替换:
    并且支持自定义主题色,给用户自定义能力
  • ③校历
    利用了插件【极点日历】加上自己部分美化
  • ④其它等等

4、感悟

一个从小白到从后端到前端到UI全部自己写的入门者参赛的心路历程就这么多了,该小程序已上线(不是本校的同学希望你不要打扰本小程序,谢谢,需要帮助的可以私聊我),同时希望大家能够利用好小程序实现自己的想法!

最后一次编辑于  2019-06-17  
点赞 4
收藏
评论

6 个评论

  • 2019-12-02
    老大,源码能分享学习一下嘛?
    2019-12-02
    赞同 1
    回复 1
    • Dream
      Dream
      2019-12-02
      云开发源码没开源
      2019-12-02
      2
      回复
  • YuLin
    YuLin
    2019-06-17

    那么问题来了,你是如何成功拿到校园内部网教务系统的接口的

    2019-06-17
    赞同 1
    回复 2
    • Dream
      Dream
      2019-06-17

      哈哈,我们学校教务处外网也可以访问,所以...

      2019-06-17
      1
      回复
    • YuLin
      YuLin
      2019-06-17回复Dream

      哇 这么好,我们的只有内网可以访问

      2019-06-17
      1
      回复
  • 太阳的光cc
    太阳的光cc
    2020-08-22

    大佬,自学该从哪里入手啊

    2020-08-22
    赞同
    回复 1
    • Dream
      Dream
      2020-09-07
      闲达到什么目的,然后就开始写,不会的看文档就行
      2020-09-07
      回复
  • 墨菲
    墨菲
    发表于移动端
    2020-03-25
    兄台哪个长大的
    2020-03-25
    赞同
    回复 2
    • Dream
      Dream
      2020-03-25
      长江
      2020-03-25
      回复
    • 墨菲
      墨菲
      2020-03-25回复Dream
      我还以为是长安大学的呢
      2020-03-25
      回复
  • 2019-12-03

    6666666666,我刚刚看完,很好很强大

    2019-12-03
    赞同
    回复
  • 煦日
    煦日
    2019-12-02
    老大源码分享一下
    2019-12-02
    赞同
    回复 1
    • Dream
      Dream
      2019-12-02
      木有开源
      2019-12-02
      回复
登录 后发表内容