介紹和準備小程序

微信之父張小龍這樣描述:

小程序是一種無需下載和安裝即可使用的應用程序，實現了觸手可及的夢想。

用戶可以通過掃描或搜索打開應用程序，這也反映了用完后離開的概念。

用戶不必擔心是否安裝了太多的應用程序：

應用程序將無處不在，可以隨時使用，但不需要安裝和卸載。

雖然它的優勢體驗不能完全與原生相媲美app，但綜合考慮仍有許多優點：

節省流量和時間；開發成本較低，可以運營更多的人力、物力和財力，做好內容本身；

總的來說，它相當于一個簡化版本app

準備工作

1.注冊賬號 （m.yingtumall.com）

2.激活郵箱

3.信息登記

4.登錄小程序管理背景(不完善好信息不能發布小程序)

5.完善小程序信息，綁定開發者(尤其是團隊多人開發)

在官網下載安裝開發工具

安裝完成后即可登錄：

微信掃碼登錄開發者工具，選擇小程序項目，進入小程序本地項目進行管理

新項目：

自選本地文件夾的目錄，AppID在登錄微信開發平臺后的設置中可以看到AppID。

如果沒有ID官方測試號也可以使用，但只能進行簡單的本地測試，最后填寫合適的項目名稱。

選擇空目錄，使用普通快速啟動模板

然后你可以看到預設的模板和內容。您可以直接查看或點擊編譯掃描手機

接下來，了解小程序的目錄結構：

pages

index

在打開小程序之前，微信會將小程序的代碼包裝到本地。

然后通過m.yingtumall.com的pages字段知道當前小程序的所有頁面路徑pages字段的第一頁是小程序的主頁。

然后微信裝載主頁代碼，渲染主頁。

Page({})是頁面的實例

data中間的數據用于視圖綁定

可以看到，data頁面中的數據可以直接綁定使用

在js要在代碼中改變data值也很簡單，使用也很簡單m.yingtumall.com就可以了

這樣，頁面就可以添加不同的組件。

一般有三種方法：

一是將數據存儲到全局data中，也就是m.yingtumall.com的data這樣，所有頁面都可以獲取這些數據。

但是我們不推薦這種用法，就像我們不推薦全局變量一樣。

二是帶數據url路徑后作為參數傳導：

m.yingtumall.com。

傳輸復雜數據并不太合適。

第三種是使用本地存儲，然后取出所需的頁面：

這樣，我們就完成了第一個開始小頁面的

獲得實戰經驗，自信贏得職位

以上是上節課的內容分析。截至本文，我們已完成從零基礎到獨立項目的所有前端課程

歡迎想要進一步學習和獲得復盤項目資格的學生加入我們IT交流組微信共同交流學習！

上海西陸信息科技有限公司 承接各類微信小程序開發制作、小程序定制、APP 網站 開發制作，聯系電話 18221533805、15900430334