indexwxml編譯

① 微信小程序開發者處理的信息

咨詢記錄 · 回答於2021-11-21

② 微信小程序怎麼搞的

微信小程序申請前的准備：

首先，你需要注冊一個小程序賬號。需要用一個沒注冊過公眾號的郵箱注冊。注冊過程中需要很多認證，比較繁瑣。如果暫時只是試水、沒有發布的打算，那麼只要完成基本信息填寫就可以，不需要完成微信認證。

之後，就可以在公眾平台使用注冊的帳戶進行登錄。

然後，在主頁面左邊列表中點擊設置，再設置頁面中選開發設置，就可以看到AppID。而AppID 可以用於在開發工具中進行登記，使用開發工具的高級功能。你可以到官網下載開發工具。

開始項目：

打開開發者工具，選擇小程序選項，然後直接點擊「添加項目」按鈕。我們可以在這個步驟，填入剛才注冊的時候使用的 AppID。

如果項目目錄中的文件是個空文件夾，會提示是否創建 quick start 項目。

選擇「是」，開發者工具會幫助我們在開發目錄里生成一個簡單的 Demo。

這個 Demo 擁有一個完整的小程序的大概框架。

1. 框架

我們首先看一下官方提供的 Demo 含有的目錄：

app.js：小程序邏輯、生命周期、全局變數。

app.json：小程序公共設置、導航欄顏色等，不可以注釋。

app.wxss：小程序公共樣式，類似 CSS 。

小程序頁面構成類似這樣：

每一個小程序頁面是由同路徑下同名的四個不同後綴文件的組成，如：index.js、index.wxml、index.wxss、index.json

微信小程序中的每一個頁面的路徑和頁面文件名，都需要寫在app.json的pages中，且pages數組中的第一個頁面是小程序的首頁。

這四個文件按照功能可以分成三個部分：

配置：json 文件

邏輯層：js 文件

視圖層：wxss.wxml 文件

在 iOS 上，小程序的邏輯代碼運行於 JavaScriptCore 中，而在 Android上，這個任務則是交給 X5 內核來完成。

在 開發工具上， 小程序的 JavaScript 代碼是運行在 NW.js（Chrome 內核） 中。這也導致開發工具上的效果跟實際效果有所出入。

2. 組件

微信提供了許多組件，主要分為八種:

這其中，包含了view、scroll-view、button、form等普通常用的組件，也提供了地圖mapcanvas

組件主要屬於視圖層，通過 WXML 來進行結構布局，類似於 HTML。樣式則通過 WXSS 來定義和修改，它的語法和使用都近似 CSS。

組件使用語法實例：

<><>

3. API

網路

媒體

數據

位置

設備

界面

開發介面

網路請求介麵包含了普通的 HTTPS 請求，支持上傳、下載、Socket，基本上滿足了我們開發中所需要的網路需求。

這些 API 屬於邏輯層，寫在 JS 邏輯文件中。

使用實例：

wx.getLocation({ type: 'wgs84', success: function(res) { var latitude = res.latitude var longitude = res.longitude var speed = res.speed var accuracy = res.accuracy } })

可以到官方文檔 – API 查看其它 API 的使用方法。

編譯運行

1. 模擬器調試

我們可以在微信提供的開發者工具中，使用模擬器查看小程序運行的效果。

之前我們提過，小程序的運行底層不同，這也導致在模擬器上的效果，會與在手機上運行有些差異。

2. 真機調試

在左邊的選項欄中，選擇項目，然後點預覽會生產一個二維碼，用管理員微信號掃一掃，就可以在真機上看實際效果。

③ wepy怎麼在methods中調用methods的方法

wepyjs 發布了兩個月了，中間經歷了很多版本更新，也慢慢開始有一些用戶選擇 wepyjs 作為開發框架來開發小程序，比如一些線上小程序。

數據上報

[MTA是騰訊自家的數據分析平台，在小程序發布後MTA平台很快的就支持了小程序的數據上報。因此手機充值選擇MTA做為數據上報平台，具體步驟如下：

1 .在MTA官網注冊應用。

2 .在mp平台，小程序開發設置中，將https://pingtas.qq.com添加為可信域名。

3 .安裝 mta-analysis 模塊：npm install mta-analysis --save

4 .在 app.wpy 中添加初始化代碼。

這樣就完成了MTA的初始化工作，在每個頁面的 onLoad 事件中加入 init 事件完成頁面的上報。

在 app.wpy 中加入報錯上報。

④ 微信小程序獲取JSON數據時遇到多維數組，請教如何獲取數據

1、在MYSQL中新建一個test資料庫，在裡面新建一張type數據表，下面將從該表獲得數據。

⑤ 小程序預覽和上傳 提示 Error: wxml 編譯錯誤

如果dw控制項沒有設置數據連接:即沒有使用dw1.settransobject(sqlca)這樣的語句，而直接使用了dw1.retrieve()或者dw1.update()，就會報以上錯誤。

⑥ 微信開發者工具調試器wxml欄修改完css怎麼保存

你直接在這里改，肯定是不行的啦，就好像你要調樣式，在瀏覽器里調一樣

你得在左邊列表找到你的wxss,才行呀