微信應用號開發工具如何運用 微信應用號開發工具運用圖文教程

　　微信應用號開發工具使用教程：

　　1、在電腦中先畫好一個雛形，再選擇功能模板的位置安放，最后一旦確定好總體架構，就可以開始設計組件布局。

　　第一要做的是畫出頁面流程圖，流程圖主要用于確定每個功能模塊的交互細節。當你把所有的交互場景都畫出來后，那么應用號所需要的頁面也就基本上完成了。這時，你就需要與設計師一起，對所有頁面進行UI設計與頁面美化了。

　　最終生成的Web App的原型：包括所有頁面設計與交互流程。現在獻上做微商城大概的設計頁面框架，給大家一個思路。

　　2、登錄賬號后，選擇空白模板，自己建模板。自己沒UI的，如果你們想省時間，我覺得可以套用模板，可以比較快的生成自己想要的Web App。

　　3、看不懂組件名稱，不懂組件怎么用?看看《幫助》!《幫助》都已經把大致的布局進行了粗略的介紹。至少不會讓自己對功能模模糊糊。如果對某個組件還是不清楚，那么可以點擊那個組件的右上角的小問號圖標，會有一個詳細的介紹。

　　4、先插入一個頂部導航組件，作為首頁，頂部導航的標題我建議都是大家的公司或者商城名稱

　　5、然后創建一個輪播圖組件做Banner，因為我做的是微商城，用輪播的方式播放一些我修好的商品圖片。然后在右邊的組件內容中對每個輪播圖片逐一添加相對應頁面鏈接去向。