【微信小程序】课程表案例--0基础版-阿里云开发者社区

【微信小程序】课程表案例--0基础版

2022-10-13 246

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 🔮 效果动图：🍀准备工具🌳准备代码：🌞部署项目🦠修改课程时间🦠修改课程内容🦠修改标题🦠修改底部导航栏🍍项目发布

🔮 效果动图：

🍀准备工具

微信开发者工具：稳定版 Stable Build | 微信开放文档 (qq.com)

根据自己电脑系统下载对应的版本：

🌳准备代码：

🧊完整代码链接：https://pan.baidu.com/s/11Dy2_0MUreyynIeIQNOdsg

提取码：ht8u

🌞部署项目

首先先把代码的压缩包解压，并记住这个路径。

1.打开微信小程序：

2. 点击黑框：

注意看黑框所包围的东西这些是重点

这里的目录：就是你刚刚解压文件的路径

后端服务选择腾讯云开发（wx小程序会免费给你送服务器）

3.AppID查看方式:

百度搜索如图文字：

注册一个账号，并登录

登录成功后，在开发设置这里就能找到ID了

🦠修改课程时间

将课程改成属于自己班的：找到tsj.js并点击打开

黑框是课程时间，对应的代码是：

    course_time:[
      ['8:40',''],
      ['','10:00'],
      ['10:30',''],
      ['','11:50'],
      ['14:00',''],
      ['','15:20'],
      ['15:50',''],
      ['','17:10'],
      ['18:30',''],
      ['','19:50'],
      ['20:00',''],
      ['','21:20'],
  ],

你们上课时间是多少，就把数字改成多少

🦠修改课程内容

id：负责展示的颜色，id不同颜色不同

isToday：就是代表星期几，1就是代表周一，2代表周二，一次推类。

classNumber：代表占几个课时，说白了就是长方形的高度。

name：课程的名字

address：教室的号码

  [     //第一周 
        { "id":2,"isToday": 1, "jie": 3, "classNumber": 2, "name": "操作系统" ,"address":"5409" },
        { "id":3,"isToday": 1, "jie": 5, "classNumber": 2, "name": "毛概","address":"6202" },
        { "id":4,"isToday": 2, "jie": 1, "classNumber": 2, "name": "Matlab" ,"address":"2306" },
        { "id":2,"isToday": 2, "jie": 5, "classNumber": 2, "name": "操作系统" ,"address":"5409" },
        {"id":7,"isToday": 2, "jie": 3, "classNumber": 2, "name": "数学建模","address":"1215"},
        { "id":6,"isToday": 3, "jie": 1, "classNumber": 2, "name": "计算机网络" ,"address":"5102" },
       { "id":3,"isToday": 3, "jie": 5, "classNumber": 2, "name": "毛概" ,"address":"6202" },
       { "id":5,"isToday": 4, "jie": 5, "classNumber": 2, "name": "数据库原理及应用" ,"address":"2306" },
         { "id":1,"isToday": 5, "jie": 1, "classNumber": 2, "name": "算法设计与分析" ,"address":"5506" },
        { "id":6,"isToday": 5, "jie": 3, "classNumber": 2, "name": "数据库原理及应用" ,"address":"5102" },
   ],
      [      //第二
     { "id":1,"isToday": 1, "jie": 7, "classNumber": 2, "name": "算法设计与分析","address":"2306" },
        { "id":2,"isToday": 1, "jie": 3, "classNumber": 2, "name": "操作系统" ,"address":"5409" },
        { "id":3,"isToday": 1, "jie": 5, "classNumber": 2, "name": "毛概","address":"6202" },
        {"id":7,"isToday": 2, "jie": 3, "classNumber": 2, "name": "数学建模","address":"未知"},
        { "id":4,"isToday": 2, "jie": 1, "classNumber": 2, "name": "Matlab" ,"address":"2306" },
        { "id":2,"isToday": 2, "jie": 5, "classNumber": 2, "name": "操作系统" ,"address":"5409" },
        { "id":6,"isToday": 3, "jie": 1, "classNumber": 2, "name": "计算机网络" ,"address":"5102" },
       { "id":3,"isToday": 3, "jie": 5, "classNumber": 2, "name": "毛概" ,"address":"6202" },
       { "id":5,"isToday": 4, "jie": 5, "classNumber": 2, "name": "计算机网络" ,"address":"2304" },
         { "id":1,"isToday": 5, "jie": 1, "classNumber": 2, "name": "算法设计与分析" ,"address":"5506" },
        { "id":6,"isToday": 5, "jie": 3, "classNumber": 2, "name": "数据库原理及应用" ,"address":"5102" },],