# fsLayuiPlugin **Repository Path**: 356110537/fsLayuiPlugin ## Basic Information - **Project Name**: fsLayuiPlugin - **Description**: 基于layui的快速开发插件,支持数据表格增删改查操作,提供通用的组件,通过配置html实现数据请求,减少前端js重复开发的工作。 - **Primary Language**: JavaScript - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 107 - **Created**: 2017-11-16 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # fsLayuiPlugin > **fsLayuiPlugin** 是一个基于layui的快速开发插件,支持数据表格增删改查操作,提供通用的组件,通过配置html实现数据请求,减少前端js重复开发的工作。 > [GitHub下载](https://github.com/fallsea/fsLayuiPlugin) [开源中国下载](https://gitee.com/fallsea/fsLayuiPlugin) > 演示环境 [http://fslayuiplugin.fallsea.com](http://fslayuiplugin.fallsea.com) > [版本更新说明](https://github.com/fallsea/fsLayuiPlugin/releases) ## 操作说明 [1.fsLayuiPlugin介绍](http://www.itcto.cn/2017/11/11/layui/fsLayuiPlugin%E4%BB%8B%E7%BB%8D/) [2.fsLayuiPlugin配置说明](http://www.itcto.cn/2017/11/12/layui/fsLayuiPlugin%E9%85%8D%E7%BD%AE%E8%AF%B4%E6%98%8E/) [3.fsLayuiPlugin数据表格使用](http://www.itcto.cn/2017/11/12/layui/fsLayuiPlugin%E6%95%B0%E6%8D%AE%E8%A1%A8%E6%A0%BC%E4%BD%BF%E7%94%A8/) [4.fsLayuiPlugin数据表格弹出form表单说明](http://www.itcto.cn/2017/11/12/layui/fsLayuiPlugin%E6%95%B0%E6%8D%AE%E8%A1%A8%E6%A0%BC%E5%BC%B9%E5%87%BAform%E8%A1%A8%E5%8D%95%E8%AF%B4%E6%98%8E/) ## 为什么要使用fsLayuiPlugin? > 传统的开发一般需要实现增删改查功能,每个功能都需要对应一个html页面和js绑定操作。 > 每个操作都需要绑定事件操作,那么每个页面都需要javascript代码来实现,对于一般业务不是特别强的后台系统来说,每个页面展示基本差不多,只是请求的url地址不一致。 ### 新增demo ```html
``` ```javascript layui.use('form', function(){ var form = layui.form; //监听提交 form.on('submit(formDemo)', function(data){ layer.msg(JSON.stringify(data.field)); return false; }); }); ``` ## fsLayuiPlugin解决的问题? > 通过引入**fsLayuiPlugin** js文件,快速开发datagrid增删改查操作。 * 数据表格的增删改查 * 树+数据表格(树基于ztree实现,点击左边树,刷新表格数据) * 多数据表格操作 ### 新增demo ```html