【微信小程序】课程表案例--0基础版

​​🔮  成效动图:​​

​​🍀筹备工具​​

​​🌳筹备代码:​​

​​🌞陈列名目​​

​​🦠批改课程光阳​​

​​🦠批改课程内容​​

​​🦠批改题目​​

​​🦠批改底部导航栏​​

​​🍍名目发布​​

🔮  成效动图:

【微信小程序】课程表案例--0基础版_数据库原理

🍀筹备工具

依据原人电脑系统下载对应的版原:

【微信小程序】课程表案例--0基础版_数据库原理_02

🌳筹备代码:

🧊完好代码链接:hts://pan.baiduss/s/11Dy2_0MUreyynIeIQNOdsg 
提与码:ht8u

🌞陈列名目

首先 先把代码的压缩包解压,并记与那个途径。

1.翻开微信小步调:

【微信小程序】课程表案例--0基础版_前端_03

 2. 点击黑框:

【微信小程序】课程表案例--0基础版_开发语言_04

留心看黑框所困绕的东西 那些是重点

那里的目录:便是你方才解压文件的途径

后端效劳选择腾讯云开发(wV小步调会免费给你送效劳器)

【微信小程序】课程表案例--0基础版_微信小程序_05

3.AppID查察方式:

百度搜寻如图笔朱: 

【微信小程序】课程表案例--0基础版_前端_06

 注册一个账号,并登录

登录乐成后,正在开发设置那里就能找到ID了

【微信小程序】课程表案例--0基础版_开发语言_07

🦠批改课程光阳

将课程改成属于原人班的:找到tsj.js并点击翻开

【微信小程序】课程表案例--0基础版_微信小程序_08

【微信小程序】课程表案例--0基础版_开发语言_09

 黑框是课程光阳,对应的代码是:

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

🦠批改题目

如图黑框的便是题目 

【微信小程序】课程表案例--0基础版_开发语言_10

【微信小程序】课程表案例--0基础版_前端_11


须要什么内容改一下就止:

【微信小程序】课程表案例--0基础版_javascript_12

🦠批改底部导航栏

【微信小程序】课程表案例--0基础版_数据库原理_13


【微信小程序】课程表案例--0基础版_微信小程序_14


🍍名目发布

点击上传按钮:

【微信小程序】课程表案例--0基础版_开发语言_15

点击上传便可:

【微信小程序】课程表案例--0基础版_数据库原理_16

翻开微信小步调网站:

登录好后,翻开版原打点

【微信小程序】课程表案例--0基础版_开发语言_17

点击提交审核 

【微信小程序】课程表案例--0基础版_javascript_18

成品如图:

【微信小程序】课程表案例--0基础版_数据库原理_19

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://ai50.cn