百度智能小程序結構介紹

百度智能小程序結構介紹

手百智能小程序介紹

智能小程序是一種新的開放能力，開發者可以快速地開發一個智能小程序。通過搜索，用戶可以在手百 App 內被便捷地獲取和傳播。

框架概述

SWAN App 基本開發思路類似於前端開發，並增強調用大量端能力，性能體驗優於普通 Web 。上層架構基於 JS 開發，可以輔助開發者進行良好得開發。

SWAN App 爲開發者提供了 MVVM 的開發方式。JS 狀態的變更引起視圖的變化，視圖的變更也可以回饋到邏輯層的狀態中，開發者開發更加方便。

目錄結構

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

|____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 配置文件，這個文件配置了 SWAN 智能小程序所有頁面的路徑和界面展現樣式等；
2、 .swan 結尾的 SWAN 模板文件，這個文件是用來描述當前這個頁面的文件結構，類似於網頁網頁中的 HTML 文件；
3、 .css 結尾的 CSS 樣式文件，描述頁面樣式；
4、 .js 結尾的 JS 文件，處理這個頁面和用戶的交互。