Course Schedule Case--0 Basic Edition

Catalog

🔮 Effect Map:

🍀 means of preparation

🌳 Prepare code:

🌞 Deployment Project

🦠 Modify course time

🦠 Modify course content

🦠 Modify Title

🦠 Modify the bottom navigation bar

🍍 Project Publishing

🔮 Effect Map:

 

🍀 means of preparation

WeChat Developer Tools: Stable Build | WeChat Open Document (qq.com)

Download the corresponding version according to your computer system:

 

🌳 Prepare code:

🧊 Full code link: https://pan.baidu.com/s/11Dy2_0MUreyynIeIQNOdsg (
Extraction Code: ht8u

🌞 Deployment Project

First, unzip the compressed package of the code and remember the path.

1. Open the WeChat applet:

2. Click the black box:

 

Notice what's surrounded by a black box These are the keys

Here's the directory: the path to the file you just Unzipped

Backend services choose Tencent Cloud Development (the wx applet will give you the server for free)

 

3.AppID view method:

Baidu search as text:

 

Register an account and log in

After successful login, you will find the ID here in the development settings

 

🦠 Modify course time

Change course to own class: find tsj.js and click Open

 

The black box is the course time and the corresponding code is:

    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'],
  ],

Change the number to what you have in class

🦠 Modify course content

id: responsible for the color displayed, id different colors

isToday: is the day of the week, 1 is Monday, 2 is Tuesday, and so on.

classNumber: Represents the number of hours in a class, which, in plain words, is the height of a rectangle.

Name: the name of the course

address: the number of the classroom

  [     //First week 
   
        { "id":2,"isToday": 1, "jie": 3, "classNumber": 2, "name": "operating system" ,"address":"5409" },
        { "id":3,"isToday": 1, "jie": 5, "classNumber": 2, "name": "Gross outline","address":"6202" },
 
        { "id":4,"isToday": 2, "jie": 1, "classNumber": 2, "name": "Matlab" ,"address":"2306" },
        { "id":2,"isToday": 2, "jie": 5, "classNumber": 2, "name": "operating system" ,"address":"5409" },
        {"id":7,"isToday": 2, "jie": 3, "classNumber": 2, "name": "mathematical modeling","address":"1215"},
 
        { "id":6,"isToday": 3, "jie": 1, "classNumber": 2, "name": "computer network" ,"address":"5102" },
       { "id":3,"isToday": 3, "jie": 5, "classNumber": 2, "name": "Gross outline" ,"address":"6202" },
     
       { "id":5,"isToday": 4, "jie": 5, "classNumber": 2, "name": "Principle and Application of Database" ,"address":"2306" },
 
         { "id":1,"isToday": 5, "jie": 1, "classNumber": 2, "name": "Algorithmic Design and Analysis" ,"address":"5506" },
        { "id":6,"isToday": 5, "jie": 3, "classNumber": 2, "name": "Principle and Application of Database" ,"address":"5102" },
        
 
   ],
      [      //Second
     { "id":1,"isToday": 1, "jie": 7, "classNumber": 2, "name": "Algorithmic Design and Analysis","address":"2306" },
  
        { "id":2,"isToday": 1, "jie": 3, "classNumber": 2, "name": "operating system" ,"address":"5409" },
        { "id":3,"isToday": 1, "jie": 5, "classNumber": 2, "name": "Gross outline","address":"6202" },
        {"id":7,"isToday": 2, "jie": 3, "classNumber": 2, "name": "mathematical modeling","address":"Unknown"},
        { "id":4,"isToday": 2, "jie": 1, "classNumber": 2, "name": "Matlab" ,"address":"2306" },
        { "id":2,"isToday": 2, "jie": 5, "classNumber": 2, "name": "operating system" ,"address":"5409" },
 
        { "id":6,"isToday": 3, "jie": 1, "classNumber": 2, "name": "computer network" ,"address":"5102" },
       { "id":3,"isToday": 3, "jie": 5, "classNumber": 2, "name": "Gross outline" ,"address":"6202" },
     
       { "id":5,"isToday": 4, "jie": 5, "classNumber": 2, "name": "computer network" ,"address":"2304" },
 
         { "id":1,"isToday": 5, "jie": 1, "classNumber": 2, "name": "Algorithmic Design and Analysis" ,"address":"5506" },
        { "id":6,"isToday": 5, "jie": 3, "classNumber": 2, "name": "Principle and Application of Database" ,"address":"5102" },],

 

🦠 Modify Title

The title is shown in the black box.

 

What you need to change is OK:

🦠 Modify the bottom navigation bar

 

 

 

🍍 Project Publishing

Click the Upload button:

Click Upload:

 

Open the WeChat applet website:

Once logged in, turn on version management

Click Submit Review

Finished product as shown in Fig.

 

Tags: Javascript Mini Program Front-end programming language

Posted by jskywalker on Sun, 17 Jul 2022 22:39:51 +0530