课程表小程序(0基础从入门到发布,做给同学们看)

个人主页:个人主页

系列专栏:前端小项目

热爱前端,有共同兴趣的小伙伴,一起交流哦。

🔮  效果动图:

目录

 🍀准备工具

🌳准备代码:

🌞部署项目

🦠修改课程时间

🦠修改课程内容

🦠修改标题

🦠修改底部导航栏

🍍项目发布


 🍀准备工具

微信开发者工具:稳定版 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" },],

🦠修改标题

如图黑框的就是标题 

 打开这个文件:

 需要什么内容改一下就行:

🦠修改底部导航栏

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

🍍项目发布

点击上传按钮:

 点击上传即可:

打开微信小程序网站:

登录好后,打开版本管理

点击提交审核 

 审核成功后点击发布就行

成品如图:

 

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

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

相关文章

创建学生表,课程表,班级表,班级课程表

首先创建班级表,因为班级跟学生为一对多关系,先创建班级表能在学生表中插入外键 班级表 CREATE TABLE banji(id INT PRIMARY KEY AUTO_INCREMENT,name VARCHAR(10) NOT NULL ); INSERT INTO banji(name)VALUES(class1),(class2); SELECT * FROM banji;…

用HTML设计一个课程表

用HTML设计一个课程表 如下是其效果图&#xff1a; 其HTML的代码&#xff1a; <html > <head> <title>课程表 自我创作</title> </head> <body bgcolor "lightblue"> <table b…

android实现课程表界面

这是我第一次写博客&#xff0c;也是刚开始学习android&#xff0c;做了一个课程表界面的小练习。做的过程中遇到了一些问题也参考了许多人的解决方法&#xff0c;希望在这里总结下&#xff0c;就当做学习笔记。如果能对那些像我一样的初学者有一点点帮助就更好啦&#xff0c;要…

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

微信小程序课程表&#xff0c;微信小程序开发 目录 1.效果图&#xff1a; 2.准备工具&#xff1a; 3.下载代码 4.部署项目 1.打开微信小程序&#xff1a; 2.AppID查看方式: 3.拿出你的小手机扫码、 5.修改课程 6.项目发布 演示&#xff1a; 1.效果图&#xff1a; 2.准备工…

课程表管理系统

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

Android课程表App

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

微信小程序实现课程表

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

学生表,选课表,课程表

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

Android课程表的设计开发

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

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

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

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

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

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

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

测试职业的发展方向

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

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

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

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

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

AI_News周刊:第二期

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

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

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

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

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

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

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

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

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