[开源] 基于Layui组件封装的后台模版，HG-Layui-UI通用后台管理框架V1.0版

HG框架简介

HG-Layui-UI框架，是基于layui最新版UI搭建的一套通用后台管理框架，借鉴了市面上各大主流框架风格，采用iframe标签页实现，保留了传统开发模式的简单实用性。为快速开发减小重复代码量，框架内部admin.js中封装了经常使用的组件，包括弹窗提示、日期组件、表单监听、表单验证、数据表格组件、树形组件和request获取数据方法等。html

2019-12-19更新

修改官方Layui.tree树形组件源码，增长懒加载模式，data参数lazy: true 开启子节点懒加载方式，须要配合spread事件使用。
增长spread事件，lazy为true时，展开节点时触发该事件，obj.elem:节点元素，obj.state:状态open/close，obj.data:节点数据。
增长tree.lazytree(treeid, elem, children)方法，懒加载子节点数据展现。
增长hg.table.datatable(layid, 'resize')方法，重置表格大小。
增长hg.ontab(layfilter, _callback)方法，监听Tab切换事件。
增长datatable实例化对象扩展方法，table.getSelected() 获取选中行,table.reload(where) 重载表格,table.resize() 重置表格大小。
增长hg.tree.datatree(layid, data, showCheckbox, showLine, accordion, onlyIconControl, isJump)方法，基本树形组件。
增长datatree实例对象事件与方法onclick() oncheck() onspread() getChecked() setChecked() reload()。
增长spread()事件中this.lazytree(data)方法，触发懒加载子节点。

2019-11-01更新

引用layui-v2.5.5最新版。
增长主页面布局，由顶部layui-header、左侧菜单layui-left-nav和内容展现区域layui-page-content组成。
增长顶部layui-header，LOGO和标题展现，顶部一级菜单展现。
增长左侧菜单layui-left-nav，支持3级菜单，默认手风琴展开模式。
增长hg.add_tab、hg.del_tab、hg.add_lay_tab方法，用来管理tabs页。
增长顶部菜单与左侧菜单联动效果，切换tabs页时自动定位当前菜单项。
增长tabs页选项卡操做，刷新当前页面，关闭其余页面，关闭所有页面。
增长侧边伸缩按钮，在选项卡栏最左侧，改变左侧菜单展现状态。
引用jquery-1.9.1插件，依赖第三方jquery插件时用到。
引用jquery.scrollBar.js插件，美化滚动条样式，class="scrollBox"。
引用jquery.NProgress.js插件，请求进度条样式，iframe页面加载时显示。
修改layui默认样式颜色，默认主题以蓝色为主。
增长hg.msg(content, title)方法，弹出提示框。
增长hg.confirm(content, title, callbackmething)方法，弹出询问框。
增长hg.open(title, url, w, h, full)方法，打开弹出层。
增长hg.close()方法，关闭弹出层。
增长hg.base_reload()方法，刷新父窗口。
增长hg.datetime(btime, etime, options)方法，基本日期框选择。
增长hg.datetime2(elem, type, min, max)方法，组合日期框选择。
增长hg.getdate(type, e)方法，获取日期时间。
增长hg.request(url, data, type, contentType, dataType, async, funSuccess)方法，网络请求。
增长hg.form.onsubmit(layfilter, _callback)方法，监听表单提交事件。
增长hg.form.onswitch(layfilter, _callback)方法，监听switch操做事件。
增长hg.form.verify(options)方法，表单自定义验证规则。
增长hg.table.datatable(layid, title, url, where, cols, toolbar, page, height, defaultToolbar, totalRow)方法，基本数据表格。
增长hg.table.toolbaronclick(layid, index)方法，监听toolbar自定义事件。
增长datatable，监听行工具事件，操做行lay-event中定义值为触发函数名。
增长hg.table.printall(cols, data)方法，打印任意数据，defaultToolbar='printall'。
增长hg.table.exportfile(layid, data)方法，导出任意数据，defaultToolbar='exportsall'。
增长hg.table.datatablestatus，状态属性集合。
修改datatable，支持easyui数据格式解析方式，包括分页参数page和rows。
修改datatable，工具条toolbar参数添加handler: function (obj, row)匿名函数方式。
增长hg.table.datatable(layid, 'reload', where)方法，重载表格。
增长hg.table.getSelected(layid, 'getSelected')方法，获取选中行。
添加lay-height全屏高度设置属性，lay-height='full'，'full'='full-200'。

基于layui组件封装的一套后台管理ui框架，永久开源。

请勿将模版传入任何第三方素材库

开源协议

MIT Licensejquery

源码

GitHub：https://github.com/h-gxi/hg-layui-admin-ui （先占个位置~）
码云：https://gitee.com/h_gxi/hg-layui-admin-ui.gitgit

官方演示地址：http://h_gxi.gitee.io/hg-layui-admin-ui/github

欢迎star~ 模板将不按期更新，持续完善功能，发现BUG，请大神PR一下。markdown

原文出处：https://www.cnblogs.com/han1982/p/12003454.html网络