WeChatカリキュラムアプレット(エントリからリリースまで、使用するための0の基本的な教育)

WeChatアプレットのカリキュラム、WeChatアプレットの開発

コンテンツ

1.レンダリング:

2.ツールを準備します。

3.コードをダウンロードします

4.プロジェクトをデプロイします

1.WeChatアプレットを開きます。

2. AppIDの表示方法:

3.小さな携帯電話を取り出して、コードをスキャンします。

 5.コースを変更します

 6.プロジェクトリリース


デモ:

1.レンダリング:

2.ツールを準備します。

WeChat開発者ツール:WeChatミニプログラム開発Webサイト

コンピュータシステムに応じて、対応するバージョンをダウンロードします。

3.コードをダウンロードします

リンク:https 
://pan.baidu.com/s/11Dy2_0MUreyynIeIQNOdsg抽出コード:ht8u

4.プロジェクトをデプロイします

最初に圧縮パッケージを解凍します。このパスを覚えておいてください。

1.WeChatアプレットを開きます。

ブラックボックスをクリックします。

黒い枠で囲まれていることに注意してくださいこれらが重要なポイントです

 ここのディレクトリ:ファイルを解凍したパスです

バックエンドサービスはTencentCloud開発を選択します(wxアプレットはサーバーを無料で送信します)

2. AppIDの表示方法:

1. Baidu検索画像テキスト: 

3.小さな携帯電話を取り出して、コードをスキャンします。

アカウントをお持ちでない場合は、アカウントを登録してください(小さなプログラムアカウントであることを忘れないでください)

3.ログインに成功すると、開発設定でIDを見つけることができます

 5.コースを変更します

クラスを独自のクラスに変更します。

 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 数時間の授業を表します。これは、長方形を率直に表現するための高さです。

名前:コースの名前

住所:教室の数

  [     //第一周 
   
        { "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" },],

タイトルを変更します。

写真のブラックボックスはタイトルです 

このファイルを開きます:

 必要なものを変更するだけです。

以下の画像の名前を変更します。

 ブラックボックスの内容を見つけて変更します

 6.プロジェクトリリース

アップロードボタンをクリックします。

 [アップロード]をクリックします。

WeChatアプレットのWebサイトを開きます。

ログイン後、バージョン管理を開きます


クリックしてレビューのために送信 

 レビューが成功したら、[公開]をクリックします

完成品を図に示します。

内容が間違っている場合はご指摘ください。ご不明な点がございましたら、コメント欄にメッセージを残していただけます(回答させていただきます)。

私はそれが良いと思います、あなたは好きでフォローすることができます、ありがとう

おすすめ

転載: blog.csdn.net/Javascript_tsj/article/details/123397292