课程表小程序0基础从入门到发布,做把同学们看
个人主页:个人主页
系列专栏:前端小项目
热爱前端,有共同兴趣的小伙伴,一起交流哦。
🔮 效果动图:
目录
🍀准备工具
微信开发者工具:稳定版 Stable Build | 微信开放文档 (qq.com)
根据自己电脑系统下载对应的版本:
🌳准备代码:
🧊完整代码链接:https://pan.百度.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" },],
🦠修改标题
如图黑框的就是标题
打开这个文件:
需要什么内容改一下就行:
🦠修改底部导航栏
找到黑框的的内容 改一下就行
🍍项目发布
点击上传按钮:
点击上传即可:
打开微信小程序网站:
登录好后,打开版本管理
点击提交审核
审核成功后点击发布就行
成品如图:
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanhgicfbj
系列文章
更多
同类精品
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01 -
怎样阻止微信小程序自动打开
PHP中文网 06-13