軟件介紹

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

軟件特色

1、不需要懂前端：在百度內(nèi)部，大部分 amis 用戶(hù)之前從來(lái)沒(méi)寫(xiě)過(guò)前端頁(yè)面，也不會(huì) JavaScript，卻能做出專(zhuān)業(yè)且復(fù)雜的后臺(tái)界面，這是所有其他前端 UI 庫(kù)都無(wú)法做到的;

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

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

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

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

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

7、容器支持無(wú)限級(jí)嵌套：可以通過(guò)組合來(lái)滿(mǎn)足各種布局需求;

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

amis官方版使用技巧

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

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

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

集成到 React 項(xiàng)目中報(bào)錯(cuò)?

一般都是因?yàn)?React、Mobx、mobx-react 版本有關(guān)，參考 amis 項(xiàng)目的 package.json，將版本保持一致，尤其是 Mobx，目前 amis 中使用的版本是 4，因?yàn)榧嫒菪缘目紤]短期內(nèi)不會(huì)升級(jí)到 5/6，使用 MobX 5/6 肯定會(huì)報(bào)錯(cuò)。

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

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

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

如果還是報(bào)錯(cuò)，可以使用最新代碼自動(dòng)編譯的 sdk