amis官方版是一款專業的前端代碼編程工具,作為一個較為入門的軟件,amis配備了各種輔助工具,順利幫助用戶進行前端的設計開發,可以讓用戶完全使用可視化頁面編輯器來制作頁面,從而極大減少開發成本。
1、不需要懂前端:在百度內部,大部分 amis 用戶之前從來沒寫過前端頁面,也不會 JavaScript,卻能做出專業且復雜的后臺界面,這是所有其他前端 UI 庫都無法做到的;
2、不受前端技術更新的影響:百度內部最老的 amis 頁面是 4 年多前創建的,至今還在使用,而當年的 Angular/Vue/React 版本現在都廢棄了,當年流行的 Gulp 也被 Webpack 取代了,如果這些頁面不是用 amis,現在的維護成本會很高;
3、享受 amis 的不斷升級:amis 一直在提升細節交互體驗,比如表格首行凍結、下拉框大數據下不卡頓等,之前的 JSON 配置完全不需要修改;
4、可以完全使用可視化頁面編輯器 來制作頁面:一般前端可視化編輯器只能用來做靜態原型,而 amis 可視化編輯器做出的頁面是可以直接上線的。
5、提供完整的界面解決方案:其它 UI 框架必須使用 JavaScript 來組裝業務邏輯,而 amis 只需 JSON 配置就能完成完整功能開發,包括數據獲取、表單提交及驗證等功能,做出來的頁面不需要經過二次開發就能直接上線;
6、內置 100+ 種 UI 組件:包括其它 UI 框架都不會提供的富文本編輯器、條件組合等,能滿足各種頁面組件展現的需求,而且對于特殊的展現形式還可以通過 自定義組件 來擴充;
7、容器支持無限級嵌套:可以通過組合來滿足各種布局需求;
8、經歷了長時間的實戰考驗:amis 在百度內部得到了廣泛使用,在 4 年多的時間里創建了 3 萬+ 頁面,從內容審核到機器管理,從數據分析到模型訓練,amis 滿足了各種各樣的頁面需求,最復雜的頁面有超過 1 萬行 JSON 配置。
如何實現左側導航欄頁面跳轉?
在 1.1.1 之后的版本提供了新的 app 組件,可以基于它實現導航功能,請參考 https://github.com/fex-team/amis-admin 項目。
另外 amis 團隊還開發了「愛速搭」,即便完全不懂前端也能基于它開發應用。
集成到 React 項目中報錯?
一般都是因為 React、Mobx、mobx-react 版本有關,參考 amis 項目的 package.json,將版本保持一致,尤其是 Mobx,目前 amis 中使用的版本是 4,因為兼容性的考慮短期內不會升級到 5/6,使用 MobX 5/6 肯定會報錯。
有的功能在官網示例中能用,但在 React/SDK 中無法使用?
如果提示找不到渲染器,那肯定是版本較老,嘗試以下兩種方法解決:
使用最新 beta 版本,方法是去 npm 查看最新版本號,比如最新版本是 1.1.2-beta.2 ,就運行運行 npm i amis@1.1.2-beta.2 命令,在 node_modules/amis/sdk 目錄中也能找到對應的 sdk 代碼。
如果還是報錯,可以使用最新代碼自動編譯的 sdk