LayUIadmin v2.4.2免费版

LayUIadmin是layui官方出品的一款通用后台管理模板系统，系统采用自身模块规范编写的前端UI框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用，可以方便用户自定义后台界面模板，适用于各个企业网站、博客、论坛、社区类型layuiadmin后台管理模板。

基本简介

layuiadmin是一款扁平化实用的基于layui开发的后台框架页面模板，响应式布局设计，方便你自定义后台界面模板。适用于企业网站、博客、论坛、社区类型layuiadmin后台管理模板。单页版即 SPA(单页面应用系统)开发模式，也就是所有的页面动作都是在一个宿主页面中完成，通常用于前后端分离。其中视图层全权由前端把控，数据一律走 Ajax 异步请求。layuiAdmin 内部实现了一套基于 location.hash 的路由和模板机制，这使得你可以很轻松地实现界面的跳转与渲染。另外注意的是，接口鉴权不再适用于传统的 session 模式，一般需要采用 JWT。总体来说，刚开始使用会相对有些复杂，但使用习惯后，项目会更易维护。

软件特色

1.单页面应用方案，所有操作无需跳转

2.采用前后端分离开发模式，上手略难

3.更友好的交互体验，减轻浏览器负载

4.始终基于全新的 layui 版本

5.面向全屏幕尺寸的响应式适配能力

6.灵活的主题色配置

7.专属的开发者文档，助你快速掌握

8.版本的持续更新，集大众之所需

9.layui 社区 VIP 标识

10.专属的会员专区，与同道中人隔空交流

11.不限制域名和应用的项目数量

颜色组件

1.支持hex、rgb、rgba 三类色彩模式

2.支持自由拖拽设置

3.支持透明度拖拽设置，需配合 rgba 色值

4.支持预定义颜色列表，可自由配置

5.支持三种颜色框风格，可用于和不同尺寸的表单和按钮搭配

6.支持颜色被改变和选择完毕的回调

7.注意colorpicker 组件不支持ie10以下版本，其它高级浏览器均支持

滑块组件

1.支持水平和垂直两种滑块类型

2.支持支持自定义滑块数值区间

3.支持开启滑块范围模式拖拽

4.支持开启输入框动态改变滑块数值

5.支持自定义滑块间隔长度

6.支持自定义数值提示文本

7.支持自定义主题色

8.支持滑块数值被改变的回调，以及动态改变滑块的外部方法

框架组件

1.新增工具栏区域，通过 toolbar 参数开启，可自定义工具按钮 #详见文档

2.新增列显示隐藏功能，位于工具栏右侧

3.新增表格导出功能，位于工具栏右侧。也可通过 table.exportFile() 方法导出

4.新增表格打印功能，位于工具栏右侧

5.新增合计行功能，通过 totalRow 参数开启

6.新增单选框列，通过 type:'radio' 开启

7.新增工具栏事件(toolbar)、行单击事件(row)、行双击事件(rowDouble)

8.新增数据预解析回调函数：parseData，用于将返回的任意数据格式解析成 table 组件规定的数据格式 #详见文档

9.新增数据初始时的 loading，并更换了风格

10.新增title 参数，用于定义 table 的大标题(在文件导出等地方会用到)

11.新增表头参数 cols 的 hide 子参数，用于控制隐藏列

12.新增表头参数 cols 的 totalRow 子参数，用于开启该列的合计功能

13.新增表头参数 cols 的 totalRowText 子参数，用于显示自定义的合计文本

14.优化自动分配列宽导致无故出现横向滚动条的问题

15.优化自动分配的列宽可跟随浏览器窗体尺寸改变而重新适配

16.优化单元格溢出状态的展开体验

17.优化多处细节问题

18.修复templte 为函数时，单元格编辑和 tool 事件的 update 均未执行模板解析的问题

19.修复form 组件中的元素在 table 中一些不友好的显示问题

20.修复表格容器在隐藏区域时(如 Tabs 中)，未能显示分页栏的问题

使用教程

一、快速上手

1、获得 layui 后，将其完整地部署到你的项目目录(或静态资源服务器)，你只需要引入下述两个文件：

2、不用去管其它任何文件。因为他们(比如各模块)都是在最终使用的时候才会自动加载。这是一个基本的入门页面：

3、如果你想采用非模块化方式(即所有模块一次性加载，尽管我们并不推荐你这么做)，你也可以按照下面的方式使用：

二、模块化的用法

1、我们推荐你遵循 layui 的模块规范建立一个入口文件，并通过 layui.use() 方式来加载该入口文件，如下所示：

2、上述的 index 即为你 /res/js/modules/ 目录下的 index.js，它的内容应该如下：

三、非模块化用法

1、如果你并不喜欢 layui 的模块化组织方式，你完全可以毅然采用“一次性加载”的方式，我们将 layui.js 及所有模块单独打包合并成了一个完整的js文件，用的时候直接引入这一个文件即可。当你采用这样的方式时，你无需再通过 layui.use() 方法加载模块，直接使用即可，如：

但你必须知道，采用该方式，意味着 layui 的模块化已经失去了它的意义。但不可否认，它使用起来会更简单直接。

更新日志

[修复] table 组件在设列有 hide: true 情况下的宽度自适应问题

[修复] table 组件的多级表头，设置了 hide 的各种问题

[修复] table 组件的合计行有值为 null、空字符、小数点等情况时未正确统计的问题

[修复] table 组件设置为 size: 'sm' 时，行中 radio 单选框样式的不雅问题

[修复] table 组件初始设定 hide 属性，表格未能正常显示的问题

[修复] table 组件的多级表头下，点击筛选列出现的异常问题

[修复] table 组件在隐藏列后，执行 table.reload() 方法重载后表头后的异常问题

[修复] table 组件的 loading 参数设为 false 的异常问题

[剔除] table 组件的 height 参数最小高度的判断，改回之前的自由设定

[优化] table 组件局部代码，以适应复杂表头下的各种功能

[优化] table 组件的打印，不包含非数据列

[优化] slider 组件局部代码