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

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

目录

1.效果图:

2.准备工具:

3.下载代码

4.部署项目

1.打开微信小程序:

2.AppID查看方式:

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

 5.修改课程

 6.项目发布


演示:

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

修改标题:

如图黑框的就是标题 

打开这个文件:

 需要啥内容改一下就行:

修改下图的名称:

 找到黑框的的内容 改一下就行

 6.项目发布

点击上传按钮:

 点击上传即可:

打开微信小程序网站:

登录好后,打开版本管理


点击提交审核 

 审核成功后点击发布就行

成品如图:

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

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/36720.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

课程表管理系统

课程表管理系统 1.学生/教师用户登录界面 2.首页 3.课程详细 4.保存csv功能 5.管理员登录界面 6.管理员后台界面 7.代码详解 8.项目部署 课程表管理系统 1.学生/教师用户登录界面 2.首页 3.课程详细 点击已有课程,可弹出课程详细数据。 4.保存csv功能 点击…

Android课程表App

最近写了个简单的Android 课程表App,我是个初学者,这个App里使用了: Android内置的SQLite数据库储存课程数据。课程的视图用CardView卡片视图。 课程的View是动态加入的,动态添加View的好处是很灵活 如果靠静态的XML构建的话就有点难扩展了,因为你不知道…

微信小程序实现课程表

1.实现效果 2.实现步骤 2.1 获取当前日期一周数据 Date.getDay(): getDay() 方法返回指定日期是星期几(从 0 到 6,星期日为 0,星期一为 1,依此类推。)。 var d new Date();//2022-8-11 var n d.getDay();//4--周四Date.getDate…

学生表,选课表,课程表

课后作业 一、用Navicat Premium 12软件创建三张表:学生表、选课表、课程表 学生表(学号, 姓名, 性别, 年龄, 电话) - 学号是字符串类型 选课表(学号, 课程号, 成绩) 课程表(课程号, 课程名, 课时数) - 课程号是字符串类型 学生表: 选课表: …

Android课程表的设计开发

Android课程表的设计开发 下载链接 鉴于很多人需要源码,这里给下代码。 下载地址(需要5积分,支持下(积累点积分。。。),没有积分的直接留言邮箱,我发给你或者找其他已经发过的人要下&#xf…

超级课程表课表的界面的实现

由于毕业设计有一个功能模块是课程表,就想模仿一下超级课程表的界面,可是开始做的时候却没有一点头绪,百度google均无果,在CSDN和知乎上提问了也没人回答,总之自己鼓捣了几天还是弄出来了,虽然实现的方法很挫。。。因为有好几个人都发私信问我怎么实现的,现在毕设做完了…

尤瓦尔最新演讲:人工智能不需要意识就可以毁灭人类文明

我们现在必须与一种新的大规模杀伤性武器作斗争,这种武器可以消灭我们的精神和社会世界。核武器和人工智能最大的区别是,核武器不能制造更强大的核武器。 但人工智能可以产生更强大的人工智能,所以我们需要在人工智能失去控制之前迅速采取行动…

chatgpt赋能python:Python绘制雷达图教程

Python绘制雷达图教程 在数据分析和可视化中,雷达图是一种非常有用的可视化工具,用于显示多个变量的相对大小。在这篇文章中,我们将介绍如何使用Python绘制雷达图,使用Matplotlib和Seaborn这两个Python数据可视化库。 准备数据 …

测试职业的发展方向

测试职业转型 很多工作了几年的测试人员都会产生迷惘,随着经验的累积和技能的提升,会有一个瓶颈期。未来应该往哪个方向发展,之前说过做测试要懂得很多技能和知识。正因为如此测试可以发展的方向选择面就非常广了,既可以继续在测试…

重塑职业未来:在竞争激烈的职场上脱颖而出的关键策略

在竞争激烈的职场上,各种职场难题时常出现,如何进行有效沟通、如何应对工作压力、如何提升职业能力等,这都是需要去克服的问题。下面分享一下职场老人的经验! 一、你遇到过哪些职场问题?分享一下你是怎么解决的呢&…

未来软件测试人员会失业?看ChatGPT怎么说

Q:未来软件测试人员会失业? A:虽然自动化测试和AI技术的应用已经带来了一定的冲击,但是软件测试人员未来失业的可能性非常低。以下是几个原因: 软件测试是软件开发生命周期的重要环节。在软件开发过程中,…

AI_News周刊:第二期

2023.02.13—2023.02.17 1.ChatGPT 登上TIME时代周刊封面 这一转变标志着自社交媒体以来最重要的技术突破。近几个月来,好奇、震惊的公众如饥似渴地采用了生成式人工智能工具,这要归功于诸如 ChatGPT 之类的程序,它对几乎任何查询做出连贯&a…

各大工作室都在用的视觉特效软件,开启你的虚拟制作之旅

为您的虚拟制作设置的免费视觉特效工具 使用领先工作室们所信任的创意资源管理软件,免费开始您的下一个虚拟制作项目。 花更多时间在创作上,更少时间在设置上 增强型Studio包 —— 现已可以部署在微软 Azure 上使用 —— 包含了您所需要的所有工具&…

博主,公司让我们无限期放假!

推荐阅读:程序员降薪40%去国企,只因要35岁了!值得吗? 下午收到一位网友的求助: 公司无故辞退员工,却不按正常裁员程序走。公司以没钱为由,给出2种方案: 一个月赔偿;无限期…

网址被腾讯拦截的处理方法

事发于2021年6月5日,为主域名的其中一个子域名被拦截,主域名未被拦截,原因为恶意广告,恶意营销。 网站内容为普通商城类,不存在强制推广,于是进行站长申诉,反馈结果为驳回~ 2021年6月7日&#…

文远知行COO张力离职;天翼云宣布进军国际市场;百家云发布AIGC新品;深兰科技推出大语言模型SaaS平台丨每日大事件...

‍ ‍数据智能产业创新服务媒体 ——聚焦数智 改变商业 企业动态 文远知行COO张力离职 文远知行COO张力日前在个人社交平台发布疑似离职的相关动态。对此,文远知行方面今日回应称:“由于个人及家庭原因,文远知行COO张力最近决定辞任&#xf…

对话数十位学术合作代表:如何提升前沿技术在商业领域的落地应用?

从去年火出天际的元宇宙,到今年年初的现象级应用 ChatGPT,科技圈似乎从不缺少热门的技术概念与话题。尤其是在云计算、人工智能、大数据等技术呈爆发式增长的背景下,我们愈发体会到前沿技术对于产业产生的深远影响,而这也延伸出了…

Gartner:数字经济如火如荼,企业该做哪些准备?

从“数据二十条”发布,到国家数据局成立,广大中国企业应该从中嗅到哪些重要信号? “数据二十条”与国家数据局 关注数据领域的小伙伴估计都知道,我国近年来一直高度重视数字经济的发展,尤其是近期更是接连出台针对数据…

快商通与美亚、华大共同申报的AI课题被纳入科技局重大科技项目

近日,厦门市科学技术局对“2022年工业及信息化领域科技计划项目”进行公示,快商通与美亚柏科、华侨大学联合申报的“基于深度学习的可信多媒体鉴定关键技术研究及其产业化应用”课题成功入选厦门市重大科技项目! ChatGPT震惊全球、效果爆棚&a…

近期最火AutoGPT|自主 AI 来了?来看怎么玩!

文章目录 近期最火AutoGPT|自主 AI 来了?来看怎么玩!1. 它是什么?2. 能做些什么?3. 本质是什么?4. 怎么尝试5. 注意点6. 期待 近期最火AutoGPT|自主 AI 来了?来看怎么玩!…