# fsLayui

**Repository Path**: fallsea/fsLayuiPlugin

## Basic Information

- **Project Name**: fsLayui
- **Description**: 基于layui的前端快速开发框架，支持数据表格增删改查操作，提供通用的组件，通过配置html实现数据请求，减少前端js重复开发的工作。目前支持单数据表格、多数据表格、tab数据表格、树+数据表格、联动数据表格、layeidt编辑器、下拉框联动等。
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: http://fslayui.itcto.cn
- **GVP Project**: No

## Statistics

- **Stars**: 474
- **Forks**: 106
- **Created**: 2017-11-11
- **Last Updated**: 2025-01-30

## Categories & Tags

**Categories**: layui-components

**Tags**: None

## README


 # **fsLayui2**正式开源，点击了解[https://github.com/wueasy/fslayui](https://github.com/wueasy/fslayui)


# fsLayui

[![](https://img.shields.io/github/stars/fallsea/fsLayui.svg)](https://github.com/fallsea/fsLayui/stargazers)
[![](https://img.shields.io/github/forks/fallsea/fsLayui.svg)](https://github.com/fallsea/fsLayui/network/members)
[![](https://img.shields.io/github/release/fallsea/fsLayui.svg)](https://github.com/fallsea/fsLayui/releases)
[![](https://img.shields.io/github/issues/fallsea/fsLayui.svg)](https://github.com/fallsea/fsLayui/issues)
[![](https://img.shields.io/badge/License-MIT-yellow.svg?style=flat-square)](https://github.com/fallsea/fsLayui/blob/master/LICENSE)
[![star](https://gitee.com/fallsea/fsLayuiPlugin/badge/star.svg?theme=dark)](https://gitee.com/fallsea/fsLayuiPlugin/stargazers)
[![fork](https://gitee.com/fallsea/fsLayuiPlugin/badge/fork.svg?theme=dark)](https://gitee.com/fallsea/fsLayuiPlugin/members)


> **fsLayui** 是一个基于layui的前端快速开发框架，支持数据表格增删改查操作，提供通用的组件，通过配置html实现数据请求，减少前端js重复开发的工作。目前支持单数据表格、多数据表格、tab数据表格、树+数据表格、联动数据表格、layeidt编辑器、下拉框联动、数据字典功能、表格编辑和提交等。  
qq交流群：**24017956** [点击链接加入群](https://jq.qq.com/?_wv=1027&k=5uImi0a)  
> [GitHub下载](https://github.com/fallsea/fsLayuiPlugin)   
[码云下载](https://gitee.com/fallsea/fsLayuiPlugin)  
> **演示环境** [http://fslayui.itcto.cn](http://fslayui.fallsea.com) ***最好先清空缓存***  
> [版本更新说明](https://github.com/fallsea/fsLayui/releases)  


`如果你觉得对你有所帮助，请Star关注一下，在使用过程中，先看下使用说明文档，谢谢。`

[我要点赞](http://fly.layui.com/case/u/1154664)


## 支持功能

* 简单数据表格增删改查
* 树+数据表格（树基于ztree实现，点击左边树，刷新右边表格数据）
* 多数据表格(同一页面多个数据表格操作)
* tab表格(tab切换表格)
* 复杂表格增删改查
* 联动表格增删改查
* 联动下拉框(省市区级联等)
* 数据表格转义(例如：表格某个字段需要需要把代码填充中文名称)
* 文件上传功能
* layedit编辑器
* 数据字典功能
* 表格编辑和提交
* 菜单导航栏
* 表格服务端排序

## 使用插件的好处？

> 可以更简洁高效的开发一个功能，通过配置一些标签，自动实现异步请求或事件处理。减少重复开发的工作量，提高工作效率。

## 使用说明

[API文档](http://www.itcto.cn/docs/fslayui)


## 开发

```
# 克隆项目
git clone https://github.com/fallsea/fsLayui.git

# 安装依赖
npm install

# 建议不要用cnpm安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

# 启动服务
npm start
```

浏览器访问 http://localhost:3000


## 贡献代码

[请参考贡献指南](https://github.com/fallsea/fsLayui/wiki/%E5%BC%80%E6%BA%90%E8%B4%A1%E7%8C%AE%E6%8C%87%E5%8D%97)


## 版本号规范

> [语义化版本2.0.0](http://www.itcto.cn/news/%E8%AF%AD%E4%B9%89%E5%8C%96%E7%89%88%E6%9C%AC2/)


## 效果图


![](src/images/2017-12-26_10-50-53.gif)

![](src/images/2017-12-20_17-29-51.gif)

![](src/images/2017-12-20_17-48-15.gif)

![](src/images/treeDatagrid.png)

![](src/images/multiDatagrid.png)

![](src/images/linkageDatagrid2.png)



## 贡献者

* JsonBy
* [shuxinl](https://github.com/shuxinl)

## admin2演示

[admin后端管理系统（基础版）](https://admins.demo.wueasy.com)

[admin后端管理系统（专业版）](https://adminpro.demo.wueasy.com)


## 捐赠

项目的发展离不开你的支持，请作者喝杯咖啡吧！

![](src/images/zhifu.png)


## License

MIT License

Copyright (c) 2017 fallsea