当前位置: 首页 > 软件库 > Web应用开发 > Web框架 >

amis

前端低代码框架
授权协议 Apache-2.0
开发语言 TypeScript
所属分类 Web应用开发、 Web框架
软件类型 开源软件
地区 国产
投 递 者 谯灿
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

amis 是一个前端低代码框架,通过 JSON 配置就能生成各种后台页面,极大减少开发成本,甚至可以不需要了解前端。

目前在百度广泛用于内部平台的前端开发,已有 100+ 部门使用,创建了 3w+ 页面。

文档

https://baidu.gitee.io/amis/docs/index

相关工具及平台

开发指南

以下是参与开发 amis 才需要看的,使用请看前面的文档。

如果 github 下载慢可以使用 gitee 上的镜像。

推荐使用 node 8/10/12。

# 安装项目 npm 依赖,在 node 12 下会有报错但不影响正常使用。
npm i

# 开始编译,把代码产出到刚开启的服务的 webroot 目录。
# 这个程序不会自动结束,进入一个 watch 模式,文件变动会重新编译。
npm run dev

# 开启 fis3 服务,请通过 http://127.0.0.1:8888/examples/pages/simple 访问。
npm start

测试

# 安装依赖
npm i

# 执行测试用例
npm test

# 查看测试用例覆盖率
npm run coverage

如何贡献

请采用 typescript 编写,所有合理的改动、新的公用渲染器、用例或者文档的提交都会被接收。

维护者

讨论

  • amis官方文档:https://baidu.gitee.io/amis/zh-CN/docs/index 首先我们要了解到什么是amis,什么是低代码前端框架。 低代码平台是适用于前端力量薄弱的团队,实现用极少部分的代码去实现需求的一套前端框架 用少量的代码节约开发时间 通过了解后,国内的低代码前端框架很多需要money, amis是百度下的开源框架。 近期遇到一个需求:1.使用低代码开发项目。

  • 2021SC@SDUSC 目录 一、前言 二、源代码分析 三、总结 一、前言 分析功能模块为CRUD,即增删改查组件,主要用来展现数据列表,并支持各类【增】【删】【改】【查】等操作。 注意 CRUD 所需的数据必须放 items 中,因此如果只是想显示表格类型的数据没有分页,请使用 Table。 二、源代码分析 1. {   "type": "page",   "body": {     "typ

  • 安装环境 node npm cnpm vue react https://nodejs.org/zh-cn/download/ node 16 npm install npm -g npm install cnpm -g npm install yarn -g npm install react -g git clone https://github.com/baidu/amis git cl

  • 2021SC@SDUSC 一、前言 本文主要分析amis框架中,数据表达中,有关搜索框部分 二、代码分析 基本用法 {   "type": "page",   "initApi": "https://3xsw4ap8wah59.cfc-execute.bj.baidubce.com/api/amis-mock/mock2/page/initData?keywords=${keywords}",  

  • <script type="text/javascript"> (function () { let amis = amisRequire('amis/embed'); // 通过替换下面这个配置来生成不同页面 let amisJSON = { type: 'page', title: '表单页面'

  • amis生成的移动端表单,如果在微信浏览器里使用,可以引入微信JSSDK,这样就可以调用微信的能力,例如很实用的扫码功能或者定位功能. 以下代码是用官方的示例来做的简单修改,其实就是把JS以字符串的形式拼接起来了. 这里$.post('/sign',{},function(data,stauts){}.......)调用的sign是后端签名接口.就不在里讨论了. 注意需要添加以下引用 <scrip

  • { "type": "page", "id": "${appModelPageId}", "body": [ { "type": "crud", "syncLocation": false, "api": { "method": "get", "url": "${initApi}" },

  • 1.一般场景: { type: 'page', data: { "title": "Test Page Component", "date": "2017-10-13" }, "body": [ { type: 'tpl', tpl: '${title}' } ] } 2.Api获取data 在

 相关资料
  • fastapi-amis-admin 是一个拥有高性能、高效率、易拓展的 fastapi 管理后台框架,启发自 Django-Admin,并且拥有不逊色于Django-Admin的强大功能。 fastapi-amis-admin 基于fastapi+amis开发的高性能并且高效率 web-admin 框架,使用 Python 3.6+ 并基于标准的 Python 类型提示。  fastapi-am

  • 概述 毫末科技的前端代码自动化的技术栈为: 制作前端组件:imgcook 前端组件文档:storybook 前端组件仓库:bit(bit.dev) 前端组件快速引入项目:xmind2code(毫末自研) + ice 组件编写规范见: 毫末xmind2code封装uniapp组件规范 其他相关技术 开源xLayers  商业Supernova  教程 imgcook 请见官方文档

  • 前端框架图图形展示: 如上图所示,WeX5前端框架(UI2)分以下部分: 基础库 WeX5前端依赖的两个基础库:数据感知MVVM和jQuery,其中数据感知MVVM基于Knockoutjs改进的。 模块框架 UI2遵循AMD模块标准,采用RequireJS实现。模块化是UI2的基础,UI2的所有资源(包括js、css和html等)都是模块,都采用模块化方式引入,采用模块化方式管理依赖。 组件框架

  • 摸鱼低代码平台希望打造一个基于低代码的无代码平台。即能给程序员使用,也能满足非专业人士的需求。 后端基于Spring Cloud Alibaba 注册中心、配置中心采用nacos 当前版本完成oauth2统一认证接入 持续进行功能完善 前端源码地址 演示环境 demo地址 功能模块 ├─ChatGpt│ ├─聊天├─驾驶舱│ ├─工作台├─系统管理│ ├─菜单管理│ ├─组织管理│ ├─

  • Emmet 的介绍 Emmet 的前身叫做:Zen Coding,也许熟知旧名的人不在少数。Emmet 一般前端工程师用得比较多,具体它是做什么的,我们通过下面两张 Gif 演示图来说明: IntelliJ IDEA 自带 Emmet 功能,使用的快捷键是 Tab。 Emmet 资料介绍: Emmet 官网:http://emmet.io Emmet 官网文档:http://docs.emmet.

  • 求教,有什么比较好的拖拽生成代码的前端低代码平台吗?