博主是在 umi 框架下结合 React 使用 amis,所以本文主要着重介绍第二种方法 在使用时需要对 amis 进行安装,项目中也需要使用 amis-editor 进行页面配置所以需要同时安装如下两个包 {"amis":"^3.1.1","amis-editor":"^5.4.1"} amis 首先介绍 amis,amis 提供了 render 方法来对 amis-editor 生成的 JSON 对...
1.8.0 及以上版本新增配置,之前版本需要调用 amis 里的 resolveVariableAndFilter 方法 前面的例子中组件参数都是静态的,但因为配置了 autoVar: true,使得所有组件参数将自动支持变量,比如下面例子中的 tip 在组件内拿到的将是解析后的值{ "type": "page", "data": { "myVar": "var" }, "title": "自定...
import { Editor } from "amis-editor"; // import type { SchemaObject } from "amis"; // import type { Schema } from "amis/lib/types"; // 以下样式均生效 import "amis/lib/themes/default.css"; import "amis/lib/helper.css"; import "amis/sdk/iconfont.css"; import "amis-editor-core/...
1.安装amis:使用npm或yarn等包管理工具,在项目中安装amis库。 2.引入amis组件:在React组件中,使用import语句引入所需的amis组件。例如,要使用表格组件,可以引入amis提供的Table组件。 3.使用amis组件:在React组件中,像使用其他React组件一样使用amis组件。可以使用组件的属性和方法来自定义组件的行为和样式。 4.配置...
amis 升级到 1.6.2,支持 vite 3年前 index.html 即将支持 vite 3年前 package.json feat: 页面搭建 3个月前 server.js 改成基于 webpack 实现 4年前 snowpack.config.js 增加snowpack 和 vite 的示例,不过 vite 不知为何 404 了 4年前 tsconfig.json 即将支持 vite 3年前 vi...
Amis提供了丰富的组件和工具,可以快速搭建出美观且功能强大的前端界面。本文将介绍Amis在React项目中的运用,并探讨其优势和使用方法。 我们需要在React项目中引入Amis。可以通过npm安装Amis,并在项目中引入Amis的主题样式和组件。 Amis的主要特点之一是其丰富的组件库。Amis提供了各种常见的UI组件,如按钮、输入框、表格...
在react@18+的Concurrent模式下,amis通过setValue更新数据出现报错 截图或视频: 如何复现(请务必完整填写下面内容): 你是如何使用 amis 的? 将amis集成到已有的react应用中,通过npm安装,我们自己基于2.9.0的分支,维护了一个新的分支 amis 版本是什么?请先在最新 beta 版本测试问题是否存在 amis是2.9.0 粘贴有问...
想自己实现一套完整的搭建系统,来应对常规的看板需求, 但是精力有限,所以想采用别人开发的搭建工具,特此 基于AMIS编辑器做了个简单的管理系统, 可以生成、编辑由AMIS生成的看板,对于常规的看板完全需求可以使用该系统制作完成,解放了前端生产力。 想使用该系统还需要后端的配合,后端需要根据AMIS的数据格式要求返回数据 ...
在React 项目中,Amis 提供了以下几个方面的运用: 1. 组件丰富:Amis 提供了大量易用的组件,如表格、表单、图表、按钮、菜单等,可以满足大部分常见的页面需求。这些组件都经过了严格的测试和优化,可以一键引入到项目中,减少开发时间和工作量。 2. 配置驱动:Amis 使用 JSON 配置来描述页面和组件的结构和行为。通过...
AMIS官网:https://baidu.gitee.io/amis/zh-CN/docs/index 项目仓库地址:https://github.com/YalongYan/amis-react-node 项目技术栈:react hook、typescript、koa2、mysql sequelize 1、安装依赖 npmi 2、创建mysql数据库 mysql数据库的配置信息在server/conf/db.js里面 ...