- 2024-11-16基于低代码框架的开发:AMIS+React
上一期讲了如何在AMIS的编辑器中搭建页面,今天来讲讲如何在react项目中使用amisSDK对编辑器生成的json包解译。初始化项目请参照官方提供Demo: GitHub-aisuda/amis-react-starter:amisreact初始项目示例。安装npmiamis修改配置文件 这是我目前的配置文件信息:{
- 2024-10-18基于amis后端低代码平台
写这个平台是为了解决多年对于项目的困扰,不想碰到新项目就重新来,通过业务模块的积累,能进行模块化安装。新的项目只需要安装模块就能搭建一套完整的业务系统。amis-api的所有基础代码都以模块的形式组合在一起。这些模块可以随时从数据库中安装或卸载。这些模块有两大目的。要么你
- 2024-10-15AMIS低代码平台,前端开发常见问题(一)
1.快速进去系统快捷键Ctrl+q2.CRUD(增删改查)添加序号。"tpl":"${index+1}"代码如下:{ "type":"text", "label":"序号", "placeholder":"-", "body":[ ], "id":"u:
- 2024-10-11AMIS低代码平台,前端开发常见问题(样式篇 图片配置)
关于样式问题在上篇中已经总结过了。这篇主要说下关于图片的引入。 1.页面上的图片引入。(1)将图片放入apps\bmc\page\bmc-page-config\image目录下。(2)在静态资源中引入,如下图: (3)在图片控件地址栏中引入也可以直接在地址栏中写入图片路径 2.背景图片的处理对于背
- 2024-10-11AMIS低代码平台,前端开发常见问题(样式篇css style)
最近项目是基于amis低代码平台开发的,在开始开发的时候并未接受系统的学习,导致开发过程中遇到很多问题。由于,部分问题在文档中不能解决,且,当前搜索引擎找到关于amis的文档非常有限。故,整理在开发过程中遇到的问题以供参考。 本片主要说明的是关于样式(css,style)1.对于可以在
- 2024-10-10百度低代码平台框架
介绍(baidu.com)什么是amisamis是一个低代码前端框架,它使用JSON配置来生成页面,可以减少页面开发工作量,极大提升效率。为什么要做amis?在经历了十几年的发展后,前端开发变得越来越复杂,门槛也越来越高,要使用当下流行的UI组件库,你必须懂 npm、webpack、react/vue,必须熟悉
- 2024-06-12低代码组件扩展方案在复杂业务场景下的设计与实践
组件是爱速搭的前端页面可视化模块的核心能力之一,它将前端研发人员从无休止的页面样式微调和分辨率兼容工作中解放了出来。目前,爱速搭通过内置的上百种功能组件(120+),基本可以覆盖大部分中后台页面的可视化设计场景。组件的相关的设计理念和实现细节我们可以在前文面向复杂业务
- 2024-02-08在vue中使用amis
之前在使用amis时,是通过百度给的一个完整amis示例来用的,没有结合到自己的vue项目中,传送门:低代码平台amis学习本次简单介绍下,如何在vue中引入ami1、首先要在vue项目中引入amis的sdk引入方式有2种:(1)使用cdn方式 (2)下载sdk文件-本地引用(1)使用cdn方式,直接引用远程资源打
- 2024-01-19基于 SpringBoot + magic-api + Vue3 + Element Plus + amis3.0 快速开发管理系统
Tansci-Boot基于SpringBoot2+magic-api+Vue3+ElementPlus+amis3.0快速开发管理系统Tansci-Boot是一个前后端分离后台管理系统,前端集成amis低代码前端框架,后端集成magic-api的接口快速开发框架。包含基础权限、安全认证、以及常用的一些组件功能。项目
- 2023-06-24百度Amis+React低代码实践
背景在项目中有集成低代码平台的想法,经过多方对比最后选择了amis,主要是需要通过amis进行页面配置,导出json供移动端和PC端进行渲染,所以接下来讲一下近两周研究amis的新的以及一些简单经验,供大家参考.什么是amisamis是一个低代码前端框架,它使用JSON配置来生成
- 2023-05-16Amis坑
一、特殊字符1、输入框、多行输入框输入$s字符默认替换成空。如调用后端接口的输入框输入123$BB123,实际请求的参数为123,$后面的参数消息解决办法:如确实需要输入$的话,在$前面加\即可。 例:期望请求参数123$BB123,则输入123\$BB123
- 2023-05-04DTCloud结合amis编辑器下篇~外联版
项目目录最终需要展示的amis编辑器的html文件参考编辑器源码链接<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="format-det
- 2023-04-10低代码 系列 —— 中后台集成低代码预研
其他章节请看:低代码系列中后台集成低代码预研背景笔者目前维护一个react中后台系统(以spug为例),每次来了新的需求都需要前端人员重新开发。前面我们已经对低代码有了一定的认识,如果能通过一个可视化的配置页面就能完成前端开发,将极大的提高前端(或后端)的效率。甚至能加快
- 2023-03-06Amis配置
一、穿梭器{"type":"transfer-picker","name":"parentMenuId","label":"父菜单ID","id":"transfer-picker-receiver","resetValue":"",
- 2023-02-13vue集成amis
一、下载amis方式一:git下载sdk.tar.gz,https://github.com/baidu/amis/releases方式二:npmiamis来下载,在node_modules\amis\sdk目录里就能找到二、把下载的amis目录
- 2023-02-07 Django 中使用 Amis 的方法
使用django模板的extend方法,子模板中只需要配置AmisJson对象即可。templates中的代码如下:<!DOCTYPEhtml>{%loadstatic%}<htmllang="zh"><head><metacha
- 2023-01-121、amis-快速入门
目录1、下载2、使用3、完整的代码1、下载打开网址amis网址:aims点击发行版,跳转至下载页面下载2、使用将下载下来的压缩包,解压到sdk的文件夹内,并在项目中
- 2022-11-14Amis (low code) - 2 登录
1.login.html 2.js文件 3.登录后页面 3.2页面信息
- 2022-11-09Amis (low code)
1.下载1.1gz结尾的文件1.2解压 2.项目构建 2.1复制例子2.2引入文件路径修改 3主题3.1切换主题
- 2022-09-07低代码平台amis学习 五:添加「日期范围」参数,解决起止日期提取问题
之前写过一个造数接口,它需要传递日期参数,如下前端暴露一个「月份范围」组件,选好日期后点击提交,会提交「起始月份」和「终止月份」2个参数 接下来我要把这个功能移植到
- 2022-09-01低代码平台amis学习 四:一个表单添加多个按钮,不同按钮触发不同请求
通过上一节的学习,了解到如何在amis表单中发送网络请求,本文继续处理一种场景:一个表单中有多个按钮,点击不同按钮时,可以触发不同的网络请求回想一下,在之前的表单配置中,发送
- 2022-08-29低代码平台amis学习 三:发送网络请求并回显响应内容
在amis表单中发送网络请求需要配置api参数,具体详见:amis-API配置api请求参数首先配置一下test.json中api属性"api":{"method":"get","url":"ht
- 2022-08-28低代码平台amis学习 二:写一个页面
上一节完成了amis的部署,这次来写一个简单页面 如果看过amis入门文档的话,应该知道amis是通过json文件来生成前端页面的,在实际编写json文件的过程中,并不需要自己逐行书写j
- 2022-08-27低代码平台amis学习 一:部署+初步试用
之前用django+vue写过一个数据构造平台:通过把业务逻辑接口在后台串起来,前端暴露简要的一个字段,来帮助自己快速构造数据在平时业务测试过程中,这个平台使用的还是挺频繁的
- 2022-08-22amis 怎样将表格中状态格式化显示1和0为是和否
最近在做一个关于AMIS的,发现好多地方跟原生JS不太一样,也跟vue、angular不一样,做的时候遇到些问题现将amis怎样将表格中状态格式化显示1和0为是和否部分代码记录如下:{