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

这篇具有很好参考价值的文章主要介绍了课程表小程序(0基础从入门到发布,做给同学们看)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

个人主页:个人主页

系列专栏:前端小项目

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

🔮  效果动图:

课表小程序,前端小项目,小程序,前端,javascript

目录

 🍀准备工具

🌳准备代码:

🌞部署项目

🦠修改课程时间

🦠修改课程内容

🦠修改标题

🦠修改底部导航栏

🍍项目发布


 🍀准备工具

微信开发者工具:稳定版 Stable Build | 微信开放文档 (qq.com)

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

课表小程序,前端小项目,小程序,前端,javascript

🌳准备代码:

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

🌞部署项目

首先 先把代码的压缩包解压,并记住这个路径。

1.打开微信小程序:

课表小程序,前端小项目,小程序,前端,javascript

2. 点击黑框:

课表小程序,前端小项目,小程序,前端,javascript

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

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

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

课表小程序,前端小项目,小程序,前端,javascript

 3.AppID查看方式:

百度搜索如图文字: 

课表小程序,前端小项目,小程序,前端,javascript

 注册一个账号,并登录

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

课表小程序,前端小项目,小程序,前端,javascript

🦠修改课程时间

将课程改成属于自己班的: 找到tsj.js并点击打开

课表小程序,前端小项目,小程序,前端,javascript

课表小程序,前端小项目,小程序,前端,javascript

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

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

🦠修改标题

如图黑框的就是标题 

课表小程序,前端小项目,小程序,前端,javascript

 打开这个文件:

课表小程序,前端小项目,小程序,前端,javascript

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

课表小程序,前端小项目,小程序,前端,javascript

🦠修改底部导航栏

课表小程序,前端小项目,小程序,前端,javascript

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

课表小程序,前端小项目,小程序,前端,javascript

🍍项目发布

点击上传按钮:

课表小程序,前端小项目,小程序,前端,javascript

 点击上传即可:

课表小程序,前端小项目,小程序,前端,javascript

打开微信小程序网站:

登录好后,打开版本管理

课表小程序,前端小项目,小程序,前端,javascript

点击提交审核 

课表小程序,前端小项目,小程序,前端,javascript

 审核成功后点击发布就行

成品如图:

课表小程序,前端小项目,小程序,前端,javascript

 课表小程序,前端小项目,小程序,前端,javascript文章来源地址https://www.toymoban.com/news/detail-797397.html

到了这里,关于课程表小程序(0基础从入门到发布,做给同学们看)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • leetcode207. 课程表

    你这个学期必须选修 numCourses 门课程,记为 0 到 numCourses - 1 。 在选修某些课程之前需要一些先修课程。 先修课程按数组 prerequisites 给出,其中 prerequisites[i] = [ai, bi] ,表示如果要学习课程 ai 则 必须 先学习课程 bi 。 例如,先修课程对 [0, 1] 表示:想要学习课程 0 ,你需要先

    2023年04月24日
    浏览(43)
  • 210. 课程表 II Python

    现在你总共有 numCourses 门课需要选,记为 0 到 numCourses - 1 。给你一个数组 prerequisites ,其中 prerequisites[i] = [ai, bi] ,表示在选修课程 ai 前 必须 先选修 bi 。 返回你为了学完所有课程所安排的学习顺序。可能会有多个正确的顺序,你只要返回 任意一种 就可以了。如果不可能完

    2024年02月14日
    浏览(39)
  • leetcode 630. 课程表 III

    这里有 n 门不同的在线课程,按从 1 到 n 编号。给你一个数组 courses ,其中 courses[i] = [durationi, lastDayi] 表示第 i 门课将会 持续 上 durationi 天课,并且必须在不晚于 lastDayi 的时候完成。 你的学期从第 1 天开始。且不能同时修读两门及两门以上的课程。 返回你最多可以修读的课

    2024年02月16日
    浏览(43)
  • 【图论】Leetcode 207. 课程表【中等】

    你这个学期必须选修 numCourses 门课程,记为 0 到 numCourses - 1 。 在选修某些课程之前需要一些先修课程。 先修课程按数组 prerequisites 给出,其中 prerequisites[i] = [ai, bi] ,表示如果要学习课程 ai 则 必须 先学习课程 bi 。 例如,先修课程对 [0, 1] 表示:想要学习课程 0 ,你需要先

    2024年04月14日
    浏览(46)
  • java实现课程表 II

    题目: 现在你总共有  numCourses  门课需要选,记为  0  到  numCourses - 1 。给你一个数组  prerequisites  ,其中  prerequisites[i] = [ai, bi]  ,表示在选修课程  ai  前  必须  先选修  bi  。 例如,想要学习课程  0  ,你需要先完成课程  1  ,我们用一个匹配来表示: [0,1]  。

    2024年02月09日
    浏览(43)
  • vue实现动态课程表(TimeTable)

      (1)动态生成课程节数、时间周期        (2)遇到学科相等的可进行行合并、已解决合并后表格变形问题 (1)moment

    2024年02月04日
    浏览(40)
  • 刷题笔记25——图论课程表

    为了最终理解你所不理解的,你必须经历一条愚昧无知的道路。为了占有你从未占有的东西,你必须经历被剥夺的道路。为了达到你现在所不在的名位,你必须经历那条你不在其中的道路。——艾略特 非常奇妙,我最初的错误是如下,在找到目标节点后直接加入到res中,但是

    2024年02月07日
    浏览(38)
  • 【LeetCode】210. 课程表 II——拓扑排序

    题目链接:210. 课程表 II 题目描述: 现在你总共有 numCourses 门课需要选,记为 0 到 numCourses - 1。给你一个数组 prerequisites ,其中 prerequisites[i] = [ai, bi] ,表示在选修课程 ai 前 必须 先选修 bi 。 例如,想要学习课程 0 ,你需要先完成课程 1 ,我们用一个匹配来表示:[0,1] 。 返

    2024年02月09日
    浏览(37)
  • 前端drag api课程表demo

    HTML CSS JS

    2024年02月07日
    浏览(36)
  • mysql 创建学生表、课程表、学生选课表

    数据库系统概论(第五版)79页提供的三个表,为了我们上机操作容易,下面创建这三个表 学生-课程数据库中包含以下三个表 学生表:Student( Sno ,Sname,Ssex,Sage,Sdept) 课程表:Course( Cno ,Cname,Cpno,Ccredit) 学生选课表:SC( Sno , Cno ,Grade) 关系的主码加粗表示,各个表中的数据实例: St

    2024年02月11日
    浏览(41)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包