免費(fèi)開(kāi)發(fā)應(yīng)用號(hào),微頁(yè)提供一個(gè)開(kāi)發(fā)應(yīng)用號(hào)的平臺(tái),讓不懂代碼的朋友可以制作并接入開(kāi)放平臺(tái)
· 所需素材:圖片,音樂(lè),文案等
· 準(zhǔn)備工作:明確定位,列出功能列表,功能層級(jí)等
1. 1
一、登陸微頁(yè)官網(wǎng),點(diǎn)擊首頁(yè)webapp即可開(kāi)始進(jìn)行制作。
1、點(diǎn)擊創(chuàng)建新APP;
2、選擇空模板,自由創(chuàng)作;
3、選擇主題模板,更快速的創(chuàng)作出炫麗的應(yīng)用號(hào)
2. 2
二、選擇模板后,填寫(xiě)相關(guān)信息,點(diǎn)擊開(kāi)始制作進(jìn)入制作界面
3. 3
三、鼠標(biāo)單擊素材,可設(shè)置相應(yīng)的組件內(nèi)容及樣式,同時(shí)可以撤銷(xiāo),返回及預(yù)覽
4. 4
四、點(diǎn)擊組件庫(kù)--基礎(chǔ)組件--布局;里面的5個(gè)布局組件可以布局整個(gè)APP界面
1、雙欄組件:用于布局,雙欄分為兩部分,默認(rèn)每欄占50%,可調(diào)整占寬百分比,可往欄里拖部分基礎(chǔ)組件
2、面板組件:可往面板拖部分組件,以此將拖進(jìn)的組件分區(qū)域管理
3、頂部導(dǎo)航組件:固定于頁(yè)面頂部的導(dǎo)航
4、底部導(dǎo)航組件:固定于頁(yè)面底部的導(dǎo)航,導(dǎo)航項(xiàng)有圖文和純文字兩種模式
5. 5
五、點(diǎn)擊組件庫(kù)--基礎(chǔ)組件--基本和組合;里面的10個(gè)基礎(chǔ)組件和組合組件可以隨意填充您需要的內(nèi)容在整個(gè)應(yīng)用界面中
6. 6
六、點(diǎn)擊組件庫(kù)--基礎(chǔ)組件--基本和組合;里面的6個(gè)高級(jí)組件用于動(dòng)態(tài)頁(yè)面,綁定數(shù)據(jù),提交數(shù)據(jù)等
1、動(dòng)態(tài)列表組件:自定義的動(dòng)態(tài)列表,當(dāng)前編輯的是列表每一項(xiàng)的內(nèi)容和樣式,可往里拖部分組件,其中文本組件和圖片組件可以綁定相應(yīng)的數(shù)據(jù)對(duì)象字段(填充相應(yīng)動(dòng)態(tài)數(shù)據(jù)),若有計(jì)數(shù)組件會(huì)自動(dòng)與列表項(xiàng)關(guān)聯(lián)
2、動(dòng)態(tài)容器組件:動(dòng)態(tài)容器只能用于動(dòng)態(tài)頁(yè),即所在頁(yè)面綁定了數(shù)據(jù)對(duì)象。可往里拖部分組件,其中文本組件和圖片組件可以綁定相應(yīng)的數(shù)據(jù)對(duì)象字段(填充相應(yīng)動(dòng)態(tài)數(shù)據(jù)),若有計(jì)數(shù)組件會(huì)自動(dòng)與動(dòng)態(tài)容器關(guān)聯(lián)
3、自定義表單組件:其它動(dòng)態(tài)組件用于接收動(dòng)態(tài)數(shù)據(jù),自定義表單用于提交動(dòng)態(tài)數(shù)據(jù),其中自定義表單特有的六個(gè)組件都可以綁定相應(yīng)的數(shù)據(jù)對(duì)象字段,按鈕組件可以設(shè)置為提交表單的按鈕
4、個(gè)人中心組件:個(gè)人中心組件登陸后顯示用戶(hù)的頭像和昵稱(chēng),否則提示登錄,點(diǎn)擊可修改用戶(hù)的基本信息
7. 7
七、布局和組件制作完畢后,點(diǎn)擊展示界面右側(cè)的三角形按鈕預(yù)覽,確認(rèn)手機(jī)型號(hào),掃描二維碼在手機(jī)觀看。并調(diào)整做好適配之后即可。
8. 8
八、制作完成并預(yù)覽確定之后--點(diǎn)擊保存并發(fā)布;
若是制作過(guò)程中想要找回之前的版本,只需要去歷史記錄中回復(fù)既可。
后臺(tái)管理--可以完成數(shù)據(jù)統(tǒng)計(jì),用戶(hù)管理等,并且綁定微信后,可以實(shí)時(shí)回復(fù)。
9. 9
內(nèi)部測(cè)試,不斷完善。應(yīng)用號(hào)開(kāi)放之后,接入即可、
END
· 關(guān)于層疊關(guān)系:點(diǎn)擊主編輯區(qū)的組件,可以修改組件間的層疊關(guān)系。
· 關(guān)于保存:建議每創(chuàng)建完成一個(gè)組件后,點(diǎn)擊右上角的保存,保存一次。
聯(lián)系客服