軟件介紹

amis官方版是一款專業(yè)的前端代碼編程工具，作為一個較為入門的軟件，amis配備了各種輔助工具，順利幫助用戶進(jìn)行前端的設(shè)計開發(fā)，可以讓用戶完全使用可視化頁面編輯器來制作頁面，從而極大減少開發(fā)成本。

軟件特色

1、不需要懂前端：在百度內(nèi)部，大部分 amis 用戶之前從來沒寫過前端頁面，也不會 JavaScript，卻能做出專業(yè)且復(fù)雜的后臺界面，這是所有其他前端 UI 庫都無法做到的;

2、不受前端技術(shù)更新的影響：百度內(nèi)部最老的 amis 頁面是 4 年多前創(chuàng)建的，至今還在使用，而當(dāng)年的 Angular/Vue/React 版本現(xiàn)在都廢棄了，當(dāng)年流行的 Gulp 也被 Webpack 取代了，如果這些頁面不是用 amis，現(xiàn)在的維護成本會很高;

3、享受 amis 的不斷升級：amis 一直在提升細(xì)節(jié)交互體驗，比如表格首行凍結(jié)、下拉框大數(shù)據(jù)下不卡頓等，之前的 JSON 配置完全不需要修改;

4、可以完全使用可視化頁面編輯器 來制作頁面：一般前端可視化編輯器只能用來做靜態(tài)原型，而 amis 可視化編輯器做出的頁面是可以直接上線的。

5、提供完整的界面解決方案：其它 UI 框架必須使用 JavaScript 來組裝業(yè)務(wù)邏輯，而 amis 只需 JSON 配置就能完成完整功能開發(fā)，包括數(shù)據(jù)獲取、表單提交及驗證等功能，做出來的頁面不需要經(jīng)過二次開發(fā)就能直接上線;

6、內(nèi)置 100+ 種 UI 組件：包括其它 UI 框架都不會提供的富文本編輯器、條件組合等，能滿足各種頁面組件展現(xiàn)的需求，而且對于特殊的展現(xiàn)形式還可以通過 自定義組件 來擴充;

7、容器支持無限級嵌套：可以通過組合來滿足各種布局需求;

8、經(jīng)歷了長時間的實戰(zhàn)考驗：amis 在百度內(nèi)部得到了廣泛使用，在 4 年多的時間里創(chuàng)建了 3 萬+ 頁面，從內(nèi)容審核到機器管理，從數(shù)據(jù)分析到模型訓(xùn)練，amis 滿足了各種各樣的頁面需求，最復(fù)雜的頁面有超過 1 萬行 JSON 配置。

amis官方版使用技巧

如何實現(xiàn)左側(cè)導(dǎo)航欄頁面跳轉(zhuǎn)?

在 1.1.1 之后的版本提供了新的 app 組件，可以基于它實現(xiàn)導(dǎo)航功能，請參考 https://github.com/fex-team/amis-admin 項目。

另外 amis 團隊還開發(fā)了「愛速搭」，即便完全不懂前端也能基于它開發(fā)應(yīng)用。

集成到 React 項目中報錯?

一般都是因為 React、Mobx、mobx-react 版本有關(guān)，參考 amis 項目的 package.json，將版本保持一致，尤其是 Mobx，目前 amis 中使用的版本是 4，因為兼容性的考慮短期內(nèi)不會升級到 5/6，使用 MobX 5/6 肯定會報錯。

有的功能在官網(wǎng)示例中能用，但在 React/SDK 中無法使用?

如果提示找不到渲染器，那肯定是版本較老，嘗試以下兩種方法解決：

使用最新 beta 版本，方法是去 npm 查看最新版本號，比如最新版本是 1.1.2-beta.2 ，就運行運行 npm i amis@1.1.2-beta.2 命令，在 node_modules/amis/sdk 目錄中也能找到對應(yīng)的 sdk 代碼。

如果還是報錯，可以使用最新代碼自動編譯的 sdk