微信小程式開發總結

工具：微信開發者工具

---

---

前言

提示：這裡可以新增本文要記錄的大概內容：
例如：隨著人工智慧的不斷髮展，機器學習這門技術也越來越重要，很多人都開啟了學習機器學習，本文就介紹了機器學習的基礎內容。

---

提示：以下是本篇文章正文內容，下面案例可供參考

一、頁面配置

app.json頁面配置
整體

{
  "pages": [            //頁面檔案的路徑
    "pages/index/index",
    "pages/me/me"
  ],
  "window": {         //視窗表現
      "backgroundTextStyle": "light",
      "navigationBarBackgroundColor": "#fff",
      "navigationBarTitleText": "Weixin",
      "navigationBarTextStyle": "black"
  },
  "tabBar": {   // 底部tab欄
       "color": "#333333",   
      "selectedColor": "#3a82f8",
      "borderStyle": "black",
      "position": "bottom",
      "list": [
           {
                "pagePath": "pages/index/index",
                "text": "首頁",
                "iconPath": "/images/shouye2.png",
                "selectedIconPath": "/images/shouye.jpg"
            },
            {
                "pagePath": "pages/me/me",
                "text": "我的",
                "iconPath": "/images/wo.jpg",
                "selectedIconPath": "/images/wo3.png"
            }
        ]
  },
  "networkTimeout": {   //設定網路超時時間
    "request": 10000,
    "downloadFile": 10000
  },
  "debug": true,
  "navigateToMiniProgramAppIdList": [
    "wxe5f52902cf4de896"
  ]
    "style": "v2",
    "sitemapLocation": "sitemap.json"
}

單個頁面.json頁面配置

{
  "usingComponents": {},
  "navigationBarTitleText": "個人中心",
  "navigationBarTextStyle": "white",
  "navigationBarBackgroundColor": "#72caf7"
}

sitemap 配置 ,小程式根目錄下的 sitemap.json 檔案用來配置小程式及其頁面是否允許被微信索引

關於本檔案的更多資訊，請參考文件 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html

 {
  "desc": "關於本檔案的更多資訊，請參考文件 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html",
  "rules": [{
  "action": "allow",
  "page": "*"
  }]
}

二、使用步驟

1.引入庫

程式碼如下（示例）：

import numpy as np
import pandas as pd
import matplotlib.pyplot as plt
import seaborn as sns
import warnings
warnings.filterwarnings('ignore')
import  ssl
ssl._create_default_https_context = ssl._create_unverified_context

2.讀入資料

程式碼如下（示例）：

data = pd.read_csv(
    'https://labfile.oss.aliyuncs.com/courses/1283/adult.data.csv')
print(data.head())

該處使用的url網路請求的資料。

---