# ayq-layui-form-designer

**Repository Path**: johnnyfly/ayq-layui-form-designer

## Basic Information

- **Project Name**: ayq-layui-form-designer
- **Description**: 基于layui的表单设计器,表单组件齐全，组件自定义交互完善
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 244
- **Created**: 2021-06-09
- **Last Updated**: 2021-06-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# ayq-layui-form-designer

#### 介绍
基于layui的表单设计器

#### 使用说明

本项目是一个基于layui表单组件的表单设计器，是基于fwr-layui-formdesigner上做的二次开发，由于fwr-layui-formdesigner不在维护，存在各种问题，页面比较简洁，支持组件也少，组件的自定义交互更是一塌糊涂，各种逻辑bug、交互bug根本没法使用，即修改了大部分的代码，完善了大部分问题。


1. 本项目基于Layui、Jquery、Sortable
2. 项目已经基本实现了拖动布局，父子布局
3. 项目实现了大部分基于Layui的Form表单控件布局，包括输入框、编辑器、下拉、单选、单选组、多选组、日期、滑块、评分、轮播、图片、颜色选择、图片上传、文件上传

#### 开发计划

1.  支持layui表单组件
2.  支持layui的全部组件
3.  支持echarts可视化统计图
3.  支持引入数据源
4.  支持代码自动生成
5.  支持定制布局和背景

#### 开发说明

    希望有bug及时给我反馈，我会根据问题进行完善，也希望小伙伴也可以加入进来一起完善，一起开发。

![输入图片说明](https://images.gitee.com/uploads/images/2021/0524/161635_1627108b_4776207.png "13.PNG")
![输入图片说明](https://images.gitee.com/uploads/images/2021/0527/094341_983939d5_4776207.png "14.PNG")

#### 测试地址
[http://www.ayq.com/](http://116.62.237.101:8009/)

#### 特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)