1 Star 0 Fork 57

mengtest / hg-layui-admin-ui

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

HG框架简介

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

更新

  • 增加hg-event自定义click事件。
  • 增加fullscreen全屏,配合hg-event使用。
  • 修复iframe中无法使用全屏问题。
  • 修复lay-height='full'与layui-col冲突问题。
  • 增加lay-height='auto'在与多个同级元素时使用,根据下一个元素计算高度。
  • 修复fullscreen全屏模式下,按Esc键退出全屏后,全屏图标显示错误问题。
  • 增加树形组件不显示多选框时,选中一个节点高亮显示,同时支持tree.getChecked()获得选中节点。

2020-01-03更新

  • 修复使用scrollBar滚动条插件时宽度不对齐问题。
  • 增加tabs标签页向左向右滚动按钮。
  • 修改兼容小屏幕样式,左侧菜单伸缩状态下展开列表仅显示图标。
  • 伸缩左侧菜单时取消折叠菜单操作。
  • 增加hg.table.datatable已知数据加载,url参数直接赋值Array对象。
  • 增加hg.msghide(content, time),弹出半透明提示层。
  • 增加hg.load(callbackmething),弹出加载层。
  • 增加HG使用文档页面。

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'。

输入图片说明

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

MIT License Copyright (c) 2019 韩光锡 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

简介

基于layui组件封装的一套后台管理ui框架,layui常用组件二次封装,可实现快速开发,迭代升级。 展开 收起
JavaScript
MIT
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/mengtest/hg-layui-admin-ui.git
git@gitee.com:mengtest/hg-layui-admin-ui.git
mengtest
hg-layui-admin-ui
hg-layui-admin-ui
master

搜索帮助

14c37bed 8189591 565d56ea 8189591