amis专题

无需前端技能:如何使用 Amis 框架简化页面开发

Amis 是一个由百度开源的前端低代码框架,它允许开发者通过 JSON 配置文件来快速生成各种后台管理页面。Amis 的设计理念是通过配置而非编码来实现页面的构建,这使得即使是不熟悉前端技术的开发者也能快速上手。Amis 提供了丰富的组件库和模板,支持自定义和扩展,以满足不同项目的需求。 Amis 的核心特点包括: 基于 JSON 配置:通过 JSON 文件定义页面结构和行为,简化了页面开发过

amis 事件动作 和 行为按钮 常用用法

行为按钮 action (仅是对click事件的处理) actionType:这是 action 最核心的配置,来指定该 action 的作用类型,支持:ajax、link、url、drawer、dialog、confirm、cancel、prev、next、copy、close。 Button的本质就是一个Action 行为按钮。 1. 按钮集合 actions "actions": [

对于多amis embed渲染导致的tracker 无响应问题解决:

原因:是amis对于默认env(fetcher,isCancel,tracker,session)进行了缓存(env保存在store中,store被缓存到stores对象中),只使用第一次缓存的数据,除非进行了clearStoresCache.   解决方法1: amis.embed({ })时传入env.session,session值不同则每次embed都创建新store. 不传sessi

amis 基础 (数据域 表达式 api接口)

数据域 需要注意,只有少数几个容器组件会创建新的数据域,除了最顶层的 Page,还有 CRUD、Dialog、IFrame、Form、Service 等,这几个组件如果平级就获取不到彼此的数据。 (配置了data后,dialog数据域会继承data中数据) FormItem类型组件: input-text 、select、 combo、editor等不会创建新的数据域,使用父级数据域。 1.

amis 联动效果触发的几种方式

联动效果实现主要俩种方式: 1.表达式实现联动,基于组件内或数据链的变量变化的联动 比如: "source": "/amis/api/mock2/options/level2?name=${name} "    (必须是这种字符串拼接形式,在data数据映射中表达式不会触发联动) 所有初始化接口链接上使用数据映射获取参数的形式时,例如下面的query=${query},在当前数据域中,所引用

amis中 InputTable Combo InputKV/InputKVS 区别

InputTable 与 Combo input-table  内无法配置formula对每列做复杂逻辑 Combo  可以配置formula对每列数据做复杂逻辑处理         combo中每个选项配置弹窗,可以添加此属性,合并数据  "mergeData": true Combo    与  InputKVS  / InputKV combo 多选模式数组[ {}, {} ]

amis-editor 低代码可视化编辑器开发 和 使用说明

1.amis-editor可视化编辑器 React版本(推荐): GitHub - aisuda/amis-editor-demo: amis 可视化编辑器示例 https://aisuda.github.io/amis-editor-demo 建议使用react版本,好维护,升级版本更新package.json中对应版本号即可。 2. vue-amis-sdk(vue版本 vuera转换r

百度AMIS前端低代码框架本地部署运行记录

1、下载使用 1.1 前置环境: 软件: 1、visual studio code 官网下载特别慢,本次使用的下载地址是:http://www.downcc.com/soft/230273.html 2、nodejs 下载教程参考:https://www.cnblogs.com/18sui/p/17162016.html 1.2 使用(JS SDK 版本) 参考教程:https://www

amis和fastapi 项目跨域问题,不一样,2024年

Access to XMLHttpRequest at ‘http://192.168.26.109:8000/game_list?md5=c22243b48bb3d03757eab7e75950eec2’ from origin ‘http://127.0.0.1’ has been blocked by CORS policy: The value of the ‘Access-Contro

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

【JSON2WEB】01 WEB管理信息系统架构设计 【JSON2WEB】02 JSON2WEB初步UI设计 【JSON2WEB】03 go的模板包html/template的使用 【JSON2WEB】04 amis低代码前端框架介绍 【JSON2WEB】05 前端开发三件套 HTML CSS JavaScript 速成 【JSON2WEB】06 JSON2WEB前端框架搭建 【JSO

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

总算到重点中的核心内容,CRUD也就是增删改查,一个设计科学合理的管理信息系统,95%的就是CRUD,达不到这个比例要重新考虑一下你的数据库设计了。 1 新增页面 Step 1 启动amis-editor Setp 2 新增页面 名称和路径随便命名,然后【确认】,左侧导航就出现新建的页面【A股Top3】了。 Step 3 编辑页面 点页面编辑按钮,即可打开Amis可视化编辑器的

maui 开发音乐播放APP 优化 用fastapi_amis_admin创建后台及接口(5)

相关的models from datetime import datetimefrom typing import List, Optionalimport sqlmodelfrom fastapi_amis_admin.amis.components import ColumnImage, InputImage, InputRichTextfrom fastapi_amis_admin

【Amis Low Code 结合FastAPI进行前端框架开发】

官方文档 封装思想 直接复制官网json数据即可开发每个json中的接口由fastapi 转发(透传)使其开发模式与前端思维一致 基础组件 from amis import Page, Service, Appfrom pydantic import BaseModel, Fieldfrom fastapi import FastAPI, Request, Response, APIR

使用VScode运行amis代码的步骤总结

这篇文章主要是利用VSCode实现查看用amis框架写出的网页,网上教程几乎没有,这里个人通过搜集网上的资料总结出来,希望对各位有所帮助,有不足之处还请多多包涵 进入https://nodejs.org/zh-cn/网站,下载并安装,版本选择上区别不大,建议使用稳定版。VSCode的安装教程这里就不提供,安装也很简单不会的网上有很多教程 1.此处选择“Add to PATH”,添加环境变量