百度智能小程序框架和目錄結(jié)構(gòu)介紹

1844次閱讀

智能小程序介紹

智能小程序是一種新的開放能力,開發(fā)者可以快速地開發(fā)一個(gè)智能小程序。通過搜索,用戶可以在百度 App App 內(nèi)被便捷地獲取和傳播。


框架概述

SWAN App 基本開發(fā)思路類似于前端開發(fā),并增強(qiáng)調(diào)用大量端能力,性能體驗(yàn)優(yōu)于普通 Web 。上層架構(gòu)基于 JS 開發(fā),可以輔助開發(fā)者進(jìn)行良好得開發(fā)。

SWAN App 為開發(fā)者提供了 MVVM 的開發(fā)方式。JS 狀態(tài)的變更引起視圖的變化,視圖的變更也可以回饋到邏輯層的狀態(tài)中,開發(fā)者開發(fā)更加方便。


目錄結(jié)構(gòu)

工程的工作目錄中包含以下文件:

|____app.css
|____app.json
|____project.swan.json
|____pages
| ? ? ? |____detail
| ? ? ? | ? ? ? ?|____detail.css
| ? ? ? | ? ? ? ?|____detail.swan
| ? ? ? | ? ? ? ?|____detail.js
| ? ? ? |____index
| ? ? ? | ? ? ? ?|____index.js
| ? ? ? | ? ? ? ?|____index.swan
| ? ? ? | ? ? ? ?|____index.css
|____app.js
? ?

我們看到以下幾類的文件:
1、 .json 為后綴的 JSON 配置文件,這個(gè)文件配置了 SWAN 智能小程序所有頁面的路徑和界面展現(xiàn)樣式等;
2、 .swan 結(jié)尾的 SWAN 模板文件,這個(gè)文件是用來描述當(dāng)前這個(gè)頁面的文件結(jié)構(gòu),類似于網(wǎng)頁中的 HTML 文件;
3、 .css 結(jié)尾的 CSS 樣式文件,描述頁面樣式;
4、 .js 結(jié)尾的 JS 文件,處理這個(gè)頁面和用戶的交互。


閱讀本文的人還可以閱讀:

百度智能小程序入口有哪些?哪里可以進(jìn)入百度智能小程序?

百度智能小程序開源聯(lián)盟是什么

百度智能小程序的流量為什么那么高,小程序如何引流?

怎樣做好百度智能小程序體驗(yàn)設(shè)計(jì)(1)

本文由夫唯團(tuán)隊(duì)編輯,如發(fā)現(xiàn)錯(cuò)誤,歡迎通過客服微信反饋。

夫唯于2024年12月停止百度SEO研究和培訓(xùn)。道別信: 夫唯:再見了百度SEO!

2025年1月正式啟動(dòng)Google SEO培訓(xùn)課程,一千零一夜帶領(lǐng)大家一起出海。

感興趣的同學(xué),請(qǐng)?zhí)砑诱猩头∧⑿牛簊eowhy2021。 微信掃碼添加客服人員

我們的目標(biāo):讓大家獨(dú)立站出海不再“望洋興嘆”。

Processed in 0.630037 Second , 228 querys.