HG框架简介

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

2019-11-12更新 (懒加载模式存在效率问题,待修复..)

  • 增加tree(layid, data, options) 采用官方树形组件,封装基本树形组件功能。
  • 修改tree.js源码,增加懒加载模式,添加展开事件spread。
  • 增加children(layid, childrenid, data) 拓展树形组件懒加载功能,事件spread中可直接调用obj.children()。

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 License

源码

GitHub:https://github.com/h-gxi/hg-layui-admin-ui (先占个位置~)
码云:https://gitee.com/h_gxi/hg-layui-admin-ui.git

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

[开源] 基于Layui组件封装的后台模版,HG-Layui-UI通用后台管理框架V1.0版的更多相关文章

  1. asp.net core封装layui组件示例分享

    用什么封装?自然是TagHelper啊,是啥?自己瞅文档去 在学习使用TagHelper的时候,最希望的就是能有个Demo能够让自己作为参考 怎么去封装一个组件? 不同的情况怎么去实现? 有没有更好更 ...

  2. 基于Jetpack组件构建的开源项目-WanLearning

    「WanLearning App」基于 Material Design 风格构建的 玩 Android 客户端,主要是为了适应Kotlin语言开发流程. 主要特点 基于Google官方宣贯的MVVM模 ...

  3. Vue.js 自定义组件封装实录——基于现有控件的二次封装(以计时器为例)

    在本人着手开发一个考试系统的过程中,出现了如下一个需求:制作一个倒计时的控件显示在试卷页面上.本文所记录的就是这样的一个过程. 前期工作 对于这个需求,自然我想到的是有没有现成的组件可以直接使用(本着 ...

  4. ASP.NET MVC5+EF6+LayUI实战教程,通用后台管理系统框架(1)

    文章转自:http://www.xuboyi.com/298.html 前言 网站运营有一段时间了,记录的内容都是杂七杂八的,思前想后,决定给大家分享一套ASP.Net的系列教程.手把手的做一套通用后 ...

  5. 开源基于asio的网络通信框架asio2,支持TCP,UDP,HTTP,RPC,SSL,跨平台,支持可靠UDP,支持TCP自动拆包,TCP数据报模式等

    开源基于asio的网络通信框架asio2,支持TCP,UDP,HTTP,RPC,SSL,跨平台,支持可靠UDP,支持TCP自动拆包,TCP数据报模式等 C++开发网络通信程序时用asio是个不错的选择 ...

  6. NPOI读写Excel组件封装Excel导入导出组件

    后台管理系统多数情况会与Excel打交道,常见的就是Excel的导入导出,对于Excel的操作往往是繁琐且容易出错的,对于后台系统的导入导出交互过程往往是固定的,对于这部分操作,我们可以抽离出公共组件 ...

  7. Java程序员必备后台前端框架--Layui【从入门到实战】(二)

    layui使用 导航菜单.选项卡 作者 : Stanley 罗昊 [转载请注明出处和署名,谢谢!] [编程工具:IDEA] 导航菜单 在layui官网中示例中,我们可以找到关于导航的例子: 我们点击查 ...

  8. 基于Tesseract组件的OCR识别

    基于Tesseract组件的OCR识别 背景以及介绍 欲研究C#端如何进行图像的基本OCR识别,找到一款开源的OCR识别组件.该组件当前已经已经升级到了4.0版本.和传统的版本(3.x)比,4.0时代 ...

  9. Masa Blazor自定义组件封装

    前言 实际项目中总能遇到一个"组件"不是基础组件但是又会频繁复用的情况,在开发MASA Auth时也封装了几个组件.既有简单定义CSS样式和界面封装的组件(GroupBox),也有 ...

随机推荐

  1. 【java基础】为什么重写toString()方法?

    不得不说,有很多java初学者写java实体类的时候,并没有真正理解重写toString() 方法,可能是口头知道也可能是跟风随带添加toString() 方法,并没有真正理解其意义,如果真要被问起来 ...

  2. Oracle Dorp 表数据恢复

    利用Oracle 数据回闪机制进行恢复,当一个表被drop掉,表会被放入recyclebin回收站,可通过回收站做表的闪回.表上的索引.约束等同样会被恢复不支持sys/system用户表空间对象,可通 ...

  3. CSPS模拟 96

    我菜的一批. 反省一下,我只能在简单场考的好的原因. 过分依赖灵感,不注意积累思路历程和各种套路.没灵感直接崩了 懒得打暴力,主要还是代码能力限制,打暴力真的很费时费力 不打对拍,这个emmm和第二条 ...

  4. 开启docker远程访问

    开启docker远程访问 进入到/lib/systemd/system/docker.service vim /lib/systemd/system/docker.service 找到ExecStar ...

  5. VS2019打包WPF安装程序最新教程

    VS2019打包WPF安装程序最新教程,使用Visual Studio 2019开发的WPF程序如果想要打包为安装程序,除了在VS2019找到WPF项目类库直接右键发布之外,更常用的还是将其打包为ex ...

  6. 【Elasticsearch 7 探索之路】(三)倒排索引

    上一篇,我们介绍了 ES 文档的基本 CURE 和批量操作.我们都知道倒排索引是搜索引擎非常重要的一种数据结构,什么是倒排索引,倒排索引的原理是什么. 1 索引过程 在讲解倒排索引前,我们先了解索引创 ...

  7. nyoj 257 郁闷的C小加(一)(栈、队列)

    郁闷的C小加(一) 时间限制:1000 ms  |  内存限制:65535 KB 难度:3   描述 我们熟悉的表达式如a+b.a+b*(c+d)等都属于中缀表达式.中缀表达式就是(对于双目运算符来说 ...

  8. suseoj 1212: 推箱子问题(bfs)

    1212: 推箱子问题 时间限制: 1 Sec  内存限制: 128 MB提交: 60  解决: 13[提交][状态][讨论版][命题人:liyuansong] 题目描述 码头仓库是划分为n×m个格子 ...

  9. 领扣(LeetCode)两个列表的最小索引总和 个人题解

    假设Andy和Doris想在晚餐时选择一家餐厅,并且他们都有一个表示最喜爱餐厅的列表,每个餐厅的名字用字符串表示. 你需要帮助他们用最少的索引和找出他们共同喜爱的餐厅. 如果答案不止一个,则输出所有答 ...

  10. opencv 5 图像转换(1 边缘检测)

    边缘检测 一般步骤 canny算子 步骤 canny函数 彩色canny #include<opencv2/opencv.hpp> #include<opencv2/highgui/ ...