微信课程表小程序（0基础教你用，从入门到发布）

原创已于 2023-05-27 20:36:18 修改 · 2.4w 阅读

171 ·

CC 4.0 BY-SA版权

文章标签：

#微信 #小程序

于 2022-03-10 12:17:40 首次发布

精品推荐专栏收录该内容

5 篇文章

订阅专栏

这篇教程详细介绍了如何使用微信小程序开发一个课程表应用。从下载微信开发者工具到修改课程内容，包括课程时间、课程名和教室等信息，一步步教你完成项目。此外，还提供了腾讯云开发的配置方法，帮助你免费获取服务器。最后，讲解了如何上传代码进行审核和发布，让你的小程序上线。

微信小程序课程表，微信小程序开发

演示：

1.效果图：

2.准备工具：

微信开发者工具：微信小程序开发网站

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

3.下载代码

我用夸克网盘分享了「课程表」
链接：https://pan.quark.cn/s/25f7c8da71e8
提取码：nLtn

4.部署项目

首先 先把压缩包解压，记住这个路径。

1.打开微信小程序：

点击黑框：

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

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

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

2.AppID查看方式:

1.百度搜索如图文字：

3.拿出你的小手机扫码、

没账号就注册一个（记住是小程序账号）

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

5.修改课程

将课程改成属于自己班的：

找到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" },],

修改标题：

如图黑框的就是标题