【JSON2WEB】 13 基于REST2SQL 和 Amis 的 SQL 查询分析器

已于 2024-04-11 09:05:26 修改
阅读量1k 收藏 18
点赞数 8
分类专栏： JSON2WEB 文章标签： sql 数据库 rest2sql amis
于 2024-04-10 17:15:42 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/html5builder/article/details/137600296
版权

【JSON2WEB】01 WEB管理信息系统架构设计

【JSON2WEB】02 JSON2WEB初步UI设计

【JSON2WEB】03 go的模板包html/template的使用

【JSON2WEB】04 amis低代码前端框架介绍

【JSON2WEB】05 前端开发三件套 HTML CSS JavaScript 速成

【JSON2WEB】06 JSON2WEB前端框架搭建

【JSON2WEB】07 Amis可视化设计器CRUD增删改查

【JSON2WEB】08 Amis的事件和校验

【JSON2WEB】09 Amis-editor的代码移植到json2web

【JSON2WEB】10 基于 Amis 做个登录页面login.html

【JSON2WEB】11 基于 Amis 角色功能权限设置页面

【JSON2WEB】 12基于Amis-admin的动态导航菜单树

关于数据的问题没有一句SQL不能解决的，如果有就两句。
我设计开发的所有信息系统 内嵌 SQL 查询分析器是标配，可执行CRUD的操作，也就是SQL的Insert、Select、Update、Delete操作。号称SQL的四大基本操作。

SQL才是做完美的存在。BS前端就不吐槽了，知识点太多，比上下五千年的历史事件还多，比地球上的乡村还多。

1 数据库端设计

针对Oracle数据设计，创建2个视图。

1.1 用户表视图

create or replace view user_tabs as
select t.table_name, tab_cnt(t.table_name) as row_count ,c.comments
from user_all_tables t --用户表视图
left join user_tab_comments c on c.table_name = t.table_name
order by t.table_name;

在这里插入图片描述

1.2 用户表和视图的视图

create or replace view user_table_view_v as
select table_name as s_name,comments, 'TABLE' as s_type from user_tabs
union all -- 用户表和视图的视图
select view_name as s_name,'' as comments, 'VIEW' as s_type from user_views
;

在这里插入图片描述

2 REST2SQL的微调

只修改一下 REST2SQL - dothing.go 文件的 doSQL()函数即可。

2.1 doSQL()的代码

// 根据请求参数执行不同的SQL操作 //
func doSQL(w http.ResponseWriter, req map[string]interface{}) {
	//w.Write([]byte("\ndoSQL()\n"))
	//w.Write([]byte("\"data\":"))
	//资源名sql语句

	resSQL := req["ResName"].(string)
	fmt.Println("SQL://", resSQL)
	sqlToUpper := strings.ToUpper(resSQL)
	sql6 := sqlToUpper[:6]

	var result string
	switch sql6 {
	case "SELECT":
		result = Icrud.SelectData(resSQL)

	case "INSERT":
		result = "[" + Icrud.InsertData(resSQL) + "]"

	case "UPDATE":
		result = "[" + Icrud.UpdateData(resSQL) + "]"

	case "DELETE":
		result = "[" + Icrud.DeleteData(resSQL) + "]"

	default:
		// 过滤sql ，只能执行 SELECT INSERT UPDATE DELETE
		result = "\"只能执行 SELECT INSERT UPDATE DELETE\""
	}

	logger.Alog(true, fmt.Sprint("SQL:", resSQL))
	// w.Write([]byte(result))
	// w.Write([]byte("}"))

	var dataset []map[string]interface{}

	// json串反序列化
	err := json.Unmarshal([]byte(result), &dataset)
	if err != nil {
		fmt.Println("Error:", err)
		return
	}
	// 返回数据
	rows := make(map[string]interface{})
	rows["rows"] = dataset
	//data := make(map[string]interface{})

	rw := returnMap()
	rw["data"] = rows
	// 输出到 http.ResponseWriter
	httpResWriter(w, rw)
}

重点就是所有的查询返回结果统一化。

2.2 SELECT 的返回结果

http://127.0.0.1:5217/sql/select * from s_role

{
  "data": {
    "rows": [
      {
        "P_ID": "R010",
        "S_NAME": "开发测试role",
        "S_NOTE": null,
        "TIME_STAMP": null
      },
      {
        "P_ID": "R100",
        "S_NAME": "测试10",
        "S_NOTE": "1000",
        "TIME_STAMP": "2024-04-09T17:08:42.794Z"
      },
      {
        "P_ID": "R020",
        "S_NAME": "系统管理",
        "S_NOTE": null,
        "TIME_STAMP": null
      },
      {
        "P_ID": "R030",
        "S_NAME": "静态数据",
        "S_NOTE": null,
        "TIME_STAMP": null
      },
      {
        "P_ID": "R040",
        "S_NAME": "动态数据",
        "S_NOTE": null,
        "TIME_STAMP": "2024-04-09T17:21:18.603Z"
      },
      {
        "P_ID": "R050",
        "S_NAME": "管输排产",
        "S_NOTE": null,
        "TIME_STAMP": null
      },
      {
        "P_ID": "S520",
        "S_NAME": "BS静态数据",
        "S_NOTE": null,
        "TIME_STAMP": "2024-04-08T15:39:58.489Z"
      },
      {
        "P_ID": "S510",
        "S_NAME": "BS系统管理",
        "S_NOTE": null,
        "TIME_STAMP": "2024-04-10T15:33:15.739Z"
      }
    ]
  },
  "msg": "",
  "status": 0
}

2.3 INSERT 的返回结果

http://127.0.0.1:5217/sql/insert into s_role (p_id,s_name) values (‘RRR’,‘测试数据随后就删除’)

{
  "data": {
    "rows": [
      {
        "Insert rowsAffected": 1
      }
    ]
  },
  "msg": "",
  "status": 0
}

2.4 UPDATE 的返回结果

http://127.0.0.1:5217/sql/update s_role set s_name = ‘SSSS’ where p_id = ‘RRR’

{
  "data": {
    "rows": [
      {
        "Update rowsAffected": 1
      }
    ]
  },
  "msg": "",
  "status": 0
}

2.5 DELETE 的返回结果

http://127.0.0.1:5217/sql/delete s_role where p_id = ‘RRR’

{
  "data": {
    "rows": [
      {
        "Delete rowsAffected": 1
      }
    ]
  },
  "msg": "",
  "status": 0
}

3 基于Amis-Editor的 SQL 查询分析器页面

3.1 页面布局 在这里插入图片描述

左边栏列出用户表和视图，右上未 SQL 输入编辑区域，右下为 SQL 执行结果JSON输出区域。

3.2 左边栏

放一个 crud2 设置及代码如下：

{
  "type": "crud2",
  "id": "u:2350a7316069",
  "mode": "table2",
  "dsType": "api",
  "syncLocation": true,
  "primaryField": "s_name",
  "loadType": "",
  "api": {
    "url": "http://127.0.0.1:5217/rest/user_table_view_v",
    "method": "get"
  },
  "filter": {
    "type": "form",
    "title": "表或视图查询",
    "mode": "inline",
    "columnCount": 1,
    "clearValueOnHidden": true,
    "behavior": [
      "SimpleQuery"
    ],
    "body": [
      {
        "name": "S_NAME",
        "label": "名称",
        "type": "input-text",
        "size": "full",
        "required": false,
        "behavior": "SimpleQuery",
        "id": "u:120b4ef2515e"
      },
      {
        "name": "COMMENTS",
        "label": "备注",
        "type": "input-text",
        "size": "full",
        "required": false,
        "behavior": "SimpleQuery",
        "id": "u:201a4c336663"
      }
    ],
    "actions": [
      {
        "type": "reset",
        "label": "重置",
        "id": "u:1c5e9794de0a"
      },
      {
        "type": "submit",
        "label": "查询",
        "level": "primary",
        "id": "u:4bd7edd74974"
      }
    ],
    "id": "u:714d678e7896",
    "feat": "Insert"
  },
  "headerToolbar": [
    {
      "type": "flex",
      "direction": "row",
      "justify": "flex-start",
      "alignItems": "stretch",
      "items": [
        {
          "type": "container",
          "align": "left",
          "behavior": [
            "Insert",
            "BulkEdit",
            "BulkDelete"
          ],
          "body": [
            {
              "type": "tpl",
              "tpl": "鼠标双击行可以生成 SELECT 查询语句",
              "inline": true,
              "wrapperComponent": "",
              "id": "u:81c3176e9478"
            }
          ],
          "wrapperBody": false,
          "id": "u:e754ddc5a2a5"
        },
        {
          "type": "container",
          "align": "right",
          "behavior": [
            "FuzzyQuery"
          ],
          "body": [],
          "wrapperBody": false,
          "id": "u:81f562752dea"
        }
      ],
      "id": "u:21f94630ae3e",
      "isFixedHeight": false,
      "isFixedWidth": false
    }
  ],
  "footerToolbar": [
    {
      "type": "flex",
      "direction": "row",
      "justify": "flex-start",
      "alignItems": "stretch",
      "style": {
        "position": "static"
      },
      "items": [
        {
          "type": "container",
          "align": "left",
          "body": [],
          "wrapperBody": false,
          "style": {
            "flexGrow": 1,
            "flex": "1 1 auto",
            "position": "static",
            "display": "flex",
            "flexBasis": "auto",
            "flexDirection": "row",
            "flexWrap": "nowrap",
            "alignItems": "stretch",
            "justifyContent": "flex-start"
          },
          "id": "u:ad6a4c49cf11"
        },
        {
          "type": "container",
          "align": "right",
          "body": [
            {
              "type": "pagination",
              "behavior": "Pagination",
              "layout": [
                "total",
                "perPage",
                "pager"
              ],
              "perPage": 50,
              "perPageAvailable": [
                10,
                20,
                50,
                100,
                500
              ],
              "align": "right",
              "id": "u:0fac899d9be2"
            }
          ],
          "wrapperBody": false,
          "style": {
            "flexGrow": 1,
            "flex": "1 1 auto",
            "position": "static",
            "display": "flex",
            "flexBasis": "auto",
            "flexDirection": "row",
            "flexWrap": "nowrap",
            "alignItems": "stretch",
            "justifyContent": "flex-end"
          },
          "id": "u:1307d8ea5a6b"
        }
      ],
      "id": "u:c01dcade7257"
    }
  ],
  "columns": [
    {
      "type": "tpl",
      "title": "名称",
      "name": "S_NAME",
      "id": "u:e8cb1c25ee76",
      "placeholder": "-"
    },
    {
      "type": "tpl",
      "title": "备注",
      "name": "COMMENTS",
      "id": "u:d09e124643fc",
      "placeholder": "-"
    },
    {
      "type": "tpl",
      "title": "类型",
      "name": "S_TYPE",
      "id": "u:d25820de66dd",
      "placeholder": "-"
    }
  ],
  "editorSetting": {
    "mock": {
      "enable": true,
      "maxDisplayRows": 5
    }
  },
  "loadDataOnce": true,
  "onEvent": {
    "rowDbClick": {
      "weight": 0,
      "actions": [
        {
          "componentId": "u:e92cb0a1b8d7",
          "ignoreError": false,
          "actionType": "setValue",
          "args": {
            "value": "${\"select * from \" + event.data.item.S_NAME}"
          }
        }
      ]
    }
  },
  "matchFunc": ""
}

这里重点是加了一个行双击事件生成Select查询语句并赋值给 SQL 编辑框。

"onEvent": {
    "rowDbClick": {
      "weight": 0,
      "actions": [
        {
          "componentId": "u:e92cb0a1b8d7",
          "ignoreError": false,
          "actionType": "setValue",
          "args": {
            "value": "${\"select * from \" + event.data.item.S_NAME}"
          }
        }
      ]
    }
  }

3.3 右上区域

先放一个面板panel，再在面板的内容去放一多行文本框即可，相关设置代码如下：

{
  "type": "panel",
  "title": "SQL编辑器",
  "body": [
    {
      "type": "textarea",
      "label": "",
      "name": "sql",
      "id": "u:e92cb0a1b8d7",
      "minRows": 6,
      "maxRows": 10,
      "value": "select sysdate from dual",
      "validateOnChange": false,
      "clearable": true
    }
  ],
  "id": "u:9d0e47e56bfb",
  "affixFooter": true,
  "actions": [
    {
      "type": "button",
      "label": "执行",
      "onEvent": {
        "click": {
          "actions": [
            {
              "componentId": "",
              "ignoreError": false,
              "actionType": "ajax",
              "args": {},
              "outputVar": "responseResult",
              "options": {},
              "api": {
                "url": "http://127.0.0.1:5217/sql/${sql}",
                "method": "get",
                "requestAdaptor": "",
                "adaptor": "",
                "messages": {}
              }
            },
            {
              "componentId": "u:505178345a09",
              "ignoreError": false,
              "actionType": "setValue",
              "args": {
                "value": "${event.data.responseResult.responseData|json}"
              }
            }
          ]
        }
      },
      "id": "u:6ded52fac842",
      "size": "lg",
      "block": false,
      "level": "warning",
      "themeCss": {
        "className": {
          "font:default": {
            "fontSize": "var(--fonts-size-7)",
            "text-align": "center"
          },
          "padding-and-margin:default": {}
        }
      }
    },
    {
      "type": "button",
      "label": "复制SQL",
      "onEvent": {
        "click": {
          "actions": [
            {
              "ignoreError": false,
              "actionType": "copy",
              "args": {
                "copyFormat": "text/plain",
                "content": "${sql}"
              }
            }
          ]
        }
      },
      "id": "u:eee1cae708cb",
      "themeCss": {
        "className": {
          "padding-and-margin:default": {}
        }
      },
      "block": false,
      "size": "md",
      "level": "info"
    },
    {
      "type": "button",
      "label": "复制结果JSON",
      "onEvent": {
        "click": {
          "actions": [
            {
              "ignoreError": false,
              "actionType": "copy",
              "args": {
                "copyFormat": "text/plain",
                "content": "${result}"
              }
            }
          ]
        }
      },
      "id": "u:a2396ccdb96b",
      "level": "success"
    }
  ],
  "subFormMode": "",
  "actionsClassName": "m-xs",
  "className": "Panel--info",
  "headerClassName": "",
  "bodyClassName": "m-xs",
  "footerClassName": "",
  "subFormHorizontal": {
    "leftFixed": "normal"
  }
}

这里重点是执行按钮上的2个点击事件，第一个是数据请求，这里要调用REST2SQL 的API,参数就是SQL 多行文本框输入的全部内容，第二个事件是把返回结果赋值给执行结果JSON的多行问文本框：

"type": "button",
      "label": "执行",
      "onEvent": {
        "click": {
          "actions": [
            {
              "componentId": "",
              "ignoreError": false,
              "actionType": "ajax",
              "args": {},
              "outputVar": "responseResult",
              "options": {},
              "api": {
                "url": "http://127.0.0.1:5217/sql/${sql}",
                "method": "get",
                "requestAdaptor": "",
                "adaptor": "",
                "messages": {}
              }
            },
            {
              "componentId": "u:505178345a09",
              "ignoreError": false,
              "actionType": "setValue",
              "args": {
                "value": "${event.data.responseResult.responseData|json}"
              }
            }
          ]
        }
      }

在这里插入图片描述
另 ： 【复制SQL】按钮的事件就是把 sql 多行文本框的内容复制到剪贴板；

"onEvent": {
    "click": {
      "actions": [
        {
          "ignoreError": false,
          "actionType": "copy",
          "args": {
            "copyFormat": "text/plain",
            "content": "${sql}"
          }
        }
      ]
    }
  }

【复制结果JSON】按钮的事件就是把 result 多行文本框的内容复制到剪贴板；

"onEvent": {
    "click": {
      "actions": [
        {
          "ignoreError": false,
          "actionType": "copy",
          "args": {
            "copyFormat": "text/plain",
            "content": "${result}"
          }
        }
      ]
    }
  }

3.4 右下区域

先放一个面板panel，面板的内容区域放一个多行文本框：

{
  "type": "panel",
  "title": "执行结果JSON",
  "body": [
    {
      "type": "textarea",
      "label": "",
      "name": "result",
      "id": "u:505178345a09",
      "minRows": 17,
      "maxRows": 30
    }
  ],
  "id": "u:dac15e24efb3",
  "affixFooter": false,
  "className": "Panel--success",
  "bodyClassName": "m-xs"
}

4 实操演练

4.1 SELECT

在这里插入图片描述

4.2 INSERT

在这里插入图片描述

4.3 UPDATE

在这里插入图片描述

4.4 DELETE

在这里插入图片描述

SQL 查询分析器的功能主要是开发和运维人员使用，应急处理数据问题。

本文完。

白龙马5217
关注
  • 8
    点赞
  • 踩
  • 18
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
基于 SpringBoot2 magic-api Vue3 Element Plus amis3.0 快速开发
04-09
基于 SpringBoot2 magic-api Vue3 Element Plus amis3.0 快速开发管理系统
AMIS推出针对AMIS-49200的参考设计和评估工具包
12-04
AMIS-49200 MAU属于AMIS过程自动化收发器产品系列，用于安全关键型应用，比如炼油、化学加工和水处理厂。 　AMIS-49200参考设计和评估工具包符合基金会现场总线(FF)要求，在总线布线和实际测量装置之间提供...
【教程】FastAPI-Amis-Admin注册SQLModel模型管理类,快速实现数据的增删改查(CRUD)
Atomi的博客
02-09 3127
模型管理 fastapi-amis-admin中的模型管理类ModelAdmin与Django-admin中的ModelAdmin使用方法非常相似,也具备django-admin中的绝大多数功能.fastapi-amis-admin可以用极少的代码快速实现常用的数据增删查改需求,对于个性化的数据操作fastapi-amis-admin也能很方便的自定义拓展.本文介绍注册简单的模型管理类,对于复杂的模型管理类可以根据实际需求参考官方教程文档. 示例-1 定义SQLModel模型 第一步,定义SQLModel模
【JSON2WEB】14 基于Amis的CRUD开发30分钟速成
REST2SQL ，JSON2WEB
04-11 987
经过近两个月的摸索，基于Amis-editor的CRUD开发的套路基本搞清楚了。本帖记录一下开发的全过程。
【宝藏】GitHub黑科技的开源项目(有趣&高质量)
大鹏的博客
06-02 8517
博主收集整理 GitHub 上高质量、有趣的开源项目，并将他们进行归类。值得注意的是，不是简单的按照编程语言来分类，而是按照更有趣的分类方式，比如：有趣项目、沙雕项目、实战项目、学习项目、实用工具等等。同时欢迎通过 Pull Request 或者 issues 给我们推荐优秀好玩的开源项目。目录好玩项目实战项目开源工具学习项目大厂开源盘点 GitHub 上堪称黑科技的开源项目，请托起你的下巴不要惊掉。盘点 GitHub 上的沙雕项目，这些项目可能会让你笑的合不拢嘴。
优秀开源项目汇总
cyb_123的博客
12-13 6039
基础软件 A-Tune 华为 系统性能自优化软件 https://www.oschina.net/p/a-tune Anolis OS 龙蜥社区 龙蜥操作系统 https://www.oschina.net/p/anolisos Apache Linkis Apache 软件基金会 计算中间件 https://www.oschina.net/p/linkis Deepin 深度 深度操作系统 https://www.oschina.net/p/linuxdeepin FydeOS FydeOS 云驱动操作系
各大网站架构总结笔记
codepython的专栏
03-04 2122
 各大网站架构总结笔记 记得在大学里不止一次关注网站架构方面的东西了，但每次都是泛泛了解，也没有着重记录，一段时间后对各种架构的思想也就模糊了。这几天不知怎么的又心血来潮（可能是快毕业了冲动了）想深入了解一下网站架构方面的知识，并想通过这次来总结一下网站架构，记录一点东西供自己以后翻阅，也给那些希望了解这方面知识的朋友提供一点点有用的信息，下面是我这次学习的总结笔记，有什么写得
springcloud学习-Eureka、Eureka高可用集群、Ribbon客户端负载均衡策略
qq_43409111的博客
05-20 1471
SpringCloud|Spring Cloud Alibaba全套完整版框架开发教程-微服务项目实战【大牛亲授Spring Cloud Alibaba】 视频链接：https://www.bilibili.com/video/BV1or4y1F7Qa p1~p10视频笔记 视频导读 接下来要学习两个课程，第一个是一站式微服务解决方案Spring Cloud Netflix，另外一个课程是一站式微服务解决方案Spring Cloud Alibaba。 Spring Cloud Netflix和Spring
AMis一种基于特定JSON格式生成MIS页面的工具
08-09
AMis 一种基于特定 JSON 格式生成 MIS 页面的工具
基于Mybatis Plus、 Spring Boot 和 Amis 的图书管理系统源码.zip
05-23
基于Mybatis Plus、 Spring Boot 和 Amis 的图书管理系统源码.zip
AMI推出新型高端驱动器AMIS-39100
11-26
AMIS-39100采用微型SO28包装，是一种高度集成的驱动器IC，它具有八路高端(HS)输出驱动器，拥有一系列功能和特点，旨在大幅减少组件数量和成本。内置功能包括用于直接连接微控制器的串行－并行转换接口(SPI)、集成的...
第85天：代码审计-PHP项目&TP框架&SQL&XSS&架构&路由&调试&写法
weixin_71529930的博客
05-18 538
流程：调试开关-->Show.php-->input写法-->SQL执行监控。注入payload,如果1<2延时两秒，否则正常，看sql语句是否能够注入。开启调试，首先查看主目录下index文件的模板目录是哪个目录。配置完成以后随便打开一个新闻页面，查看流程中的最后一个文件。这里因为是mvc框架开发的，所以要看输出要看view目录下。查看后台输出的地方是否对输出的内容做了一些转义。这里seay监控不到了，自带的插件可以监控到。登录后台，进行留言管理，发现会弹窗。常规架构，mvc架构，第三方架构。
sql去除表中某个字段的空格
最新发布
HelloWorld的专栏
05-20 52
比如表中名字字段，名字之间有空格，需要把空格去除，应该如何写SQL语句实现？函数来去除字符串两端的空格，如果需要去除字段中的所有空格，可以使用。以下是一个示例，假设我们有一个名为。的表，并且我们想要去除。在SQL中，可以使用。
Oracle数据库之PL/SQL基本语法（八）
pursue_mony的博客
05-14 114
PL/SQL 是 Oracle 数据库中使用的过程化 SQL 语言扩展，它允许你在 SQL 语句中嵌入控制结构、变量声明、异常处理等。用于在 PL/SQL 块中输出调试信息。为了看到这些信息，你需要在 SQL*Plus 或其他客户端中启用它（例如，使用。PL/SQL 代码通常被组织在块（block）中。一个块包含三个部分：声明部分、执行部分和异常处理部分。包是 PL/SQL 中一种将逻辑、变量、常量、游标、类型、子程序、异常等组合在一起的数据库对象。在 PL/SQL 中，你可以在。部分来处理运行时错误。
写SQL的心得
weixin_64842400的博客
05-11 612
接着，系统按照 GROUP BY 子句中的指定字段分组，并对每个分组进行计算，生成虚拟的分组结果表。执行顺序 ：from > on > where > group by > having > select > distinct > order by > top。4、聚合函数本质：对指定的列进行聚合，如果我们用了group by，我们可以对每个分组应用内聚合函数。在分组内部，聚合函数会自动处理所有重复的行。具体来说，在执行 SELECT 子句时，系统先计算 SELECT 中的列表达式和函数等，然后。
sql实践
m0_56366541的博客
05-14 248
3.在select中使用if/case语句（from、where中也可以）在excel导入数据时要先在数据库中创建对应的数据库表。之后点击开始等待一会就结束了。选择文件，选择需要导入的表。2.尝试简单查询/复杂查询。1.从excel导入数据。6.存储过程中的本地变量。
在docker上部署postgresSQL主从
不会编程的猫星人
05-17 519
在docker上部署postgresSQL主从
amis可视化编辑器
09-08
Amis可视化编辑器是一个方便简单的前端可视化编辑器工具。它提供了一种直观的方式来设计、开发和管理前端页面。使用Amis编辑器，我们可以通过拖拽、组件配置和数据绑定等方式来快速构建各种复杂的前端页面。 Amis可视化编辑器具有丰富的组件库，包括表单、表格、图表、导航、布局等常见的前端组件。这些组件经过设计可以被简单地配置和自定义，使得开发者能够快速构建出符合需求的页面。 除了基本的组件外，Amis可视化编辑器还提供了强大的数据绑定功能。通过简单的配置，我们可以将组件和后端数据源进行绑定，实现数据的动态展示和交互。这样可以大大提升开发效率，减少手动编写页面代码的工作量。 另外，Amis可视化编辑器还支持自定义组件的开发和集成。这意味着开发者可以根据自己的需求，开发和扩展新的组件，并将其集成到编辑器中，以便在进行页面设计时进行使用。 总而言之，Amis可视化编辑器是一款功能强大、易于使用的前端编辑器工具。它提供了丰富的组件库、灵活的数据绑定和自定义组件开发等特性，可以帮助开发者更加高效地完成前端页面的设计和开发工作。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值