精品视频在线观看一区二区三区,色女av一区二区三区

上一期我們?yōu)榇蠹抑v解低代碼在國(guó)內(nèi)市場(chǎng)的當(dāng)前現(xiàn)狀以及APICloud可視化開發(fā)工具的組件類型和特點(diǎn) 。相信大家對(duì)可視化編程有了一個(gè)整體的了解，那么今天帶大家更進(jìn)一步的使用組件。
下載開發(fā)工具
【二 APICloud可視化編程】登錄APICloud官網(wǎng)找到開發(fā)工具下載www.apicloud.com/studio3 ，對(duì)應(yīng)三種操作系統(tǒng)Windows、MacOS、Linux ，根據(jù)自己系統(tǒng)選擇相應(yīng)版本進(jìn)行下載。

文章插圖
創(chuàng)建項(xiàng)目
打開編輯器后，首先點(diǎn)擊左下角的“賬戶”按鈕，登錄自己的APICloud賬號(hào) ，這里沒有賬號(hào)的小伙伴們可以先注冊(cè)一個(gè) 。

文章插圖
注冊(cè)登錄之后就開始到創(chuàng)建項(xiàng)目了，我們?cè)谶@里左上角的位置點(diǎn)擊項(xiàng)目，點(diǎn)擊新建項(xiàng)目，這里輸入項(xiàng)目名稱，應(yīng)用類型這里分為三種:
①M(fèi)XApp是使用AVM框架，可以實(shí)現(xiàn)一套代碼同時(shí)生成iOS、安卓小程序等多端應(yīng)用；
②Native App是原生應(yīng)用，開發(fā)者可以使用標(biāo)準(zhǔn)的HTML5或者是AVM框架去進(jìn)行開發(fā) ，一套代碼也可以同時(shí)生成安卓和iOS原生APP ，如果僅有APP的開發(fā)需求的話，就可以選擇Native App;
③AppClip是iOS輕應(yīng)用；

文章插圖
文件目錄及代碼
這里選擇推薦的MXApp應(yīng)用類型，下面選擇HelloAPICloud的空白應(yīng)用模板，點(diǎn)擊完成選擇當(dāng)前項(xiàng)目保存的一個(gè)目錄文件。創(chuàng)建好項(xiàng)目之后，我們可以在左側(cè)查看當(dāng)前項(xiàng)目的目錄結(jié)構(gòu) 。

┌─.bin/             stml文件在本地編譯的臨時(shí)文件目錄 ， 勿提交云端├─css/              公共 css 樣式目錄├─components/       [3.x 版本] 公共組件目錄 。該目錄下stml文件僅被pages目錄下頁面引用 ， 不單獨(dú)編譯├─html/             [2.x 版本] html 頁面目錄├─icon/             APP桌面圖標(biāo)(本地調(diào)試用)├─image/            圖片資源目錄├─launch/           APP啟動(dòng)圖片(本地調(diào)試用)├─pages/          [3.x 版本] AVM.js 頁面目錄 ， 即stml代碼文件目錄 。對(duì)應(yīng)文件將被編譯為js或者小程序標(biāo)準(zhǔn)的代碼片段│  ├─main│  │  └─main.stml   main.stml 頁面代碼├─res/              APP相關(guān)的原生資源和配置等放置目錄├─script/           公共 JavaScript 腳本目錄├─wgt/              APP子應(yīng)用目錄└─config.xml        應(yīng)用配置文件復(fù)制代碼

開發(fā)工具在真機(jī)同步或者實(shí)時(shí)預(yù)覽等調(diào)試動(dòng)作之前，編譯器會(huì)分析并編譯pages目錄下的stml文件，編譯為對(duì)應(yīng)的js代碼至.bin目錄，之后再進(jìn)行同步動(dòng)作。pages文件夾中是使用AVM3.0框架書寫靜態(tài)頁面的文件夾，點(diǎn)擊pages進(jìn)入到當(dāng)前頁面文件，可以看到它是一個(gè) stml的后綴文件，與我們傳統(tǒng)的html ，它不同的是當(dāng)前是使用了我們AVM框架去進(jìn)行編碼，最終可以生成多端應(yīng)用。
可以簡(jiǎn)單的將代碼分為三部分， template是頁面的模板，通過標(biāo)簽文本的搭建，可以生成頁面的骨架， script是數(shù)據(jù)的綁定還有一些方法的調(diào)用以及前端的頁面交互， style就是頁面的樣式屬性。