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

 

目录

1.效果图:

2.准备工具:

3.下载代码

4.部署项目

1.打开微信小程序:

2.AppID查看方式:

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

 5.修改课程

 6.项目发布


演示:

微信课程表小程序(0基础教你用,从入门到发布)-编程知识网

1.效果图:

微信课程表小程序(0基础教你用,从入门到发布)-编程知识网微信课程表小程序(0基础教你用,从入门到发布)-编程知识网

2.准备工具:

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

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

微信课程表小程序(0基础教你用,从入门到发布)-编程知识网

3.下载代码

链接:https://pan.baidu.com/s/11Dy2_0MUreyynIeIQNOdsg 
提取码:ht8u

4.部署项目

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

1.打开微信小程序:

微信课程表小程序(0基础教你用,从入门到发布)-编程知识网

点击黑框:

微信课程表小程序(0基础教你用,从入门到发布)-编程知识网

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

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

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

微信课程表小程序(0基础教你用,从入门到发布)-编程知识网

2.AppID查看方式:

1.百度搜索如图文字: 

微信课程表小程序(0基础教你用,从入门到发布)-编程知识网

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

没账号就注册一个(记住是小程序账号)

微信课程表小程序(0基础教你用,从入门到发布)-编程知识网

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

微信课程表小程序(0基础教你用,从入门到发布)-编程知识网

 5.修改课程

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

 找到tsj.js并点击打开

微信课程表小程序(0基础教你用,从入门到发布)-编程知识网

微信课程表小程序(0基础教你用,从入门到发布)-编程知识网

 黑框是课程时间,对应的代码是:

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

    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:教室的号码

微信课程表小程序(0基础教你用,从入门到发布)-编程知识网

  [     //第一周 { "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" },],

修改标题:

如图黑框的就是标题 

微信课程表小程序(0基础教你用,从入门到发布)-编程知识网

打开这个文件:

微信课程表小程序(0基础教你用,从入门到发布)-编程知识网

 需要啥内容改一下就行:

微信课程表小程序(0基础教你用,从入门到发布)-编程知识网

修改下图的名称:

微信课程表小程序(0基础教你用,从入门到发布)-编程知识网

 找到黑框的的内容 改一下就行微信课程表小程序(0基础教你用,从入门到发布)-编程知识网

 6.项目发布

点击上传按钮:

微信课程表小程序(0基础教你用,从入门到发布)-编程知识网

 点击上传即可:

微信课程表小程序(0基础教你用,从入门到发布)-编程知识网

打开微信小程序网站:

登录好后,打开版本管理

微信课程表小程序(0基础教你用,从入门到发布)-编程知识网

点击提交审核 微信课程表小程序(0基础教你用,从入门到发布)-编程知识网

 审核成功后点击发布就行

成品如图:

微信课程表小程序(0基础教你用,从入门到发布)-编程知识网

如果内容有错误,麻烦大家指出一下,有疑问的可以评论区留言(我会解答)。

觉得挺好的可以点赞和关注,谢谢大家