介紹
amis 是一個低代碼前端框架，它使用 JSON 配置來生成頁面，可以節(jié)省頁面開發(fā)工作量，極大提升開發(fā)前端頁面的效率。通過 JSON 配置就能生成各種后臺頁面，極大減少開發(fā)成本，甚至可以不需要了解前端。目前在百度廣泛用于內(nèi)部平臺的前端開發(fā)，已有 100 部門使用，創(chuàng)建了 3w 頁面。
Github和Gitee
https://github.com/baidu/amis
https://gitee.com/baidu/amis
相關(guān)工具及平臺
- 通過 amis 搭建自己的后臺系統(tǒng)：
https://github.com/fex-team/amis-admin
- 可視化編輯器：
https://github.com/fex-team/amis-editor
組件介紹
關(guān)于概念部分，amis提供了詳細(xì)的文檔，我們來看一看它的組件，以下是簡單介紹以及截圖：
- Page 頁面
Page 組件是 amis 頁面 JSON 配置中，唯一的 頂級容器組件，是整個頁面配置的入口組件。
- Form 表單
表單是 amis 中核心組件之一，主要作用是提交或者展示表單數(shù)據(jù)。
表單內(nèi)部具備非常多的常用的功能組件
- FormItem 普通表單項(xiàng)
表單項(xiàng) 是組成一個表單的基本單位，它具有的一些特性會幫助我們更好地實(shí)現(xiàn)表單操作。
- Options 選擇器表單項(xiàng)
選擇器表單項(xiàng) 是指那些（例如下拉選擇框）具有選擇器特性的表單項(xiàng)
它派生自 表單項(xiàng)，擁有表單項(xiàng)所有的特性。
- Array 數(shù)組輸入框
普通表單項(xiàng)，其實(shí)就是 Combo 的一個 flat 用法。
- Button 按鈕
form中除了支持 行為按鈕以外，還支持一些特定的按鈕。
- Checkbox 勾選框
- City 城市選擇器
城市選擇器，可用于讓用戶輸入城市。
- 顏色選擇器
- Date 日期、時間、范圍
- DiffEditor 對比編輯器
- File 文件上傳
用來負(fù)責(zé)文件上傳，文件上傳成功后會返回文件地址，這個文件地址會作為這個表單項(xiàng)的值，整個表單提交的時候，其實(shí)提交的是文件地址，文件上傳已經(jīng)在這個控件中完成了。
- Formula 公式
可以設(shè)置公式，將公式結(jié)果設(shè)置到指定表單項(xiàng)上
- Transfer 穿梭器
- Tree 樹形
CRUD 增刪改查
CRUD，即增刪改查組件，主要用來展現(xiàn)數(shù)據(jù)列表，并支持各類【增】【刪】【改】【查】等操作。最基本的用法是配置 數(shù)據(jù)源接口(api) 以及 展示列(columns)
。。。amis的組件過于豐富，本文不再詳細(xì)介紹，以上只是部分組件的截圖
可視化編輯器
后臺管理界面
總結(jié)
amis確實(shí)可以說是一個良心產(chǎn)品，特別是對于一些簡單的功能，基本上只要有api就能完全實(shí)現(xiàn)一個完整的系統(tǒng)，組件豐富，樣式也很好看，對于前端不是很擅長的人員來說非常的友好，對于高手也能提升效率！本文只是簡單的概述，詳細(xì)的可以參考文檔和代碼！
版權(quán)聲明：本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻(xiàn)，該文觀點(diǎn)僅代表作者本人。本站僅提供信息存儲空間服務(wù)，不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。如發(fā)現(xiàn)本站有涉嫌抄襲侵權(quán)/違法違規(guī)的內(nèi)容， 請發(fā)送郵件至 舉報(bào)，一經(jīng)查實(shí)，本站將立刻刪除。
相關(guān)推薦
-
鄧雄的科研項(xiàng)目
鄧雄是一位著名的物理學(xué)家，他的科研項(xiàng)目涉及多個領(lǐng)域，包括天體物理學(xué)、凝聚態(tài)物理學(xué)、量子物理學(xué)等等。他的研究領(lǐng)域非常廣泛，而且他的研究方法也非常獨(dú)特。 鄧雄的科研項(xiàng)目涉及到許多前沿領(lǐng)…
-
管家婆庫房管理軟件
管家婆庫房管理軟件： 企業(yè)庫存管理的好幫手 管家婆庫房管理軟件是一款功能強(qiáng)大的庫存管理軟件，可以幫助企業(yè)更好地管理庫存，提高庫存利用率和效率。本文將介紹管家婆庫房管理軟件的主要功能…
-
民大科研項(xiàng)目
民大科研項(xiàng)目： 探索人工智能在醫(yī)學(xué)領(lǐng)域的應(yīng)用 近年來，人工智能技術(shù)的快速發(fā)展引起了人們的廣泛關(guān)注。在醫(yī)學(xué)領(lǐng)域，人工智能也有著廣泛的應(yīng)用前景。為了探索人工智能在醫(yī)學(xué)領(lǐng)域的應(yīng)用，民大科…
-
騰訊云副總裁顧偉：數(shù)字化共識在跨企業(yè)協(xié)同，建筑產(chǎn)業(yè)互聯(lián)網(wǎng)進(jìn)入深水區(qū) – 36氪專訪
文 | 秦明 翁麗君；編輯 | 石亞瓊 過去幾年，地產(chǎn)行業(yè)進(jìn)入宏觀調(diào)控期，對整個建筑產(chǎn)業(yè)而言，既是壓力也是轉(zhuǎn)型契機(jī)。 我們看到在行業(yè)利潤率下降的同時，數(shù)字化承載了向內(nèi)要增長的動力。…
-
科研項(xiàng)目績效管理內(nèi)卷
科研項(xiàng)目績效管理內(nèi)卷 近年來，隨著科技的不斷發(fā)展，科研項(xiàng)目的開展也越來越廣泛。然而，隨著項(xiàng)目的增多，項(xiàng)目管理也逐漸陷入了一種“績效管理內(nèi)卷”的狀態(tài)。 這種現(xiàn)象具體表現(xiàn)在以下幾個方面…
-
科研項(xiàng)目內(nèi)容概述怎么寫
科研項(xiàng)目內(nèi)容概述怎么寫 科研項(xiàng)目內(nèi)容概述是科研項(xiàng)目的基礎(chǔ)，是介紹科研項(xiàng)目的核心內(nèi)容，包括研究目的、研究內(nèi)容、研究方法、研究結(jié)果等內(nèi)容的文檔。下面是一個科研項(xiàng)目內(nèi)容概述的寫作步驟和技…
-
裝修管理系統(tǒng)(家裝工程管理系統(tǒng))
家裝工程管理系統(tǒng) 隨著建筑行業(yè)的不斷發(fā)展，家裝工程管理系統(tǒng)已經(jīng)成為了一種非常流行的建筑軟件。這種軟件可以幫助建筑公司更好地管理家裝工程，提高生產(chǎn)效率，減少錯誤率，并提供更好的客戶體…
-
交通工程管理軟件 – 廣安交投集團(tuán)上線建文云，踐行數(shù)字化項(xiàng)目管理
摘要：如何實(shí)現(xiàn)關(guān)鍵路徑動態(tài)管控？如何實(shí)現(xiàn)“量、價、清單”三個維度的齊控？如何讓工程企業(yè)的成本核算、項(xiàng)目利潤一目了然？如何讓合同的應(yīng)收、應(yīng)付款項(xiàng)有據(jù)可循？本次廣安交投攜手建文工程云，…
-
醫(yī)學(xué)數(shù)據(jù)科研——數(shù)據(jù)自定義導(dǎo)出
編輯導(dǎo)語：數(shù)據(jù)統(tǒng)計(jì)分析是各行業(yè)的常見業(yè)務(wù)，此時如果能提升數(shù)據(jù)分析的效率，將可以為業(yè)務(wù)人員降低操作成本，比如在數(shù)據(jù)導(dǎo)出時，我們是否能實(shí)現(xiàn)自定義導(dǎo)出，快速整理目標(biāo)字段？本篇文章里，作者…
-
科研項(xiàng)目子課題會議紀(jì)要
科研項(xiàng)目子課題會議紀(jì)要 本次會議紀(jì)要是我們團(tuán)隊(duì)對一項(xiàng)科研項(xiàng)目子課題的討論和記錄。本次討論的主要目的是確定子課題的研究目標(biāo)和研究方法，以及制定具體的時間表和預(yù)算。 首先，我們討論了子…