Catalog

   Effect diagram ：

The preparation of the instruments

Prepare the code ：

Deployment project

🦠 Modify course time

🦠 Modify course content

🦠 Modify the title

🦠 Modify the bottom navigation bar

Project release

   Effect diagram ：

The preparation of the instruments

WeChat developer tools ： Stable version Stable Build | Wechat open documents (qq.com)

Download the corresponding version according to your computer system ：

Prepare the code ：

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

Deployment project

First   First unzip the compressed package of the code , And remember this path .

1. Open wechat applet ：

 2. Click the black box ：

Pay attention to the things surrounded by black boxes These are the main points

  The catalogue here ： Is the path where you just unzipped the file

The back-end service is Tencent cloud development （wx The applet will send you the server for free ）

3.AppID View by :

Baidu search is as shown in the picture ： 

  Create an account , And login

After successful login , You can find it here in the development settings ID 了

🦠 Modify course time

Change the course to belong to your own class ：  find tsj.js And click open

  The black box is the course time , 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'],
  ],

What are your class hours , Just change the number to

🦠 Modify course content

id： Responsible for the color of the display ,id Different Different colors

isToday： It's the day of the week ,1 It means Monday ,2 On behalf of Tuesday , One push class .

classNumber： The representative takes up several class hours , To put it bluntly, it is the height of the rectangle .

name： The name of the course

address： The number of the classroom

  [     // The first week  
   
        { "id":2,"isToday": 1, "jie": 3, "classNumber": 2, "name": " operating system " ,"address":"5409" },
        { "id":3,"isToday": 1, "jie": 5, "classNumber": 2, "name": " Trichology ","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": " Trichology " ,"address":"6202" },
     
       { "id":5,"isToday": 4, "jie": 5, "classNumber": 2, "name": " Database principle and Application " ,"address":"2306" },
 
         { "id":1,"isToday": 5, "jie": 1, "classNumber": 2, "name": " Algorithm design and analysis " ,"address":"5506" },
        { "id":6,"isToday": 5, "jie": 3, "classNumber": 2, "name": " Database principle and Application " ,"address":"5102" },
        
 
   ],
      [      // second 
     { "id":1,"isToday": 1, "jie": 7, "classNumber": 2, "name": " Algorithm 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": " Trichology ","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": " Trichology " ,"address":"6202" },
     
       { "id":5,"isToday": 4, "jie": 5, "classNumber": 2, "name": " computer network " ,"address":"2304" },
 
         { "id":1,"isToday": 5, "jie": 1, "classNumber": 2, "name": " Algorithm design and analysis " ,"address":"5506" },
        { "id":6,"isToday": 5, "jie": 3, "classNumber": 2, "name": " Database principle and Application " ,"address":"5102" },],

🦠 Modify the title

As shown in the figure, the black box is the title  

  Just change what you need ：

🦠 Modify the bottom navigation bar

Project release

Click the upload button ：

Click upload to ：

Open wechat applet website ：

After logging in , Open version management

  Click submit for review  

  The finished product is shown in the figure ：