layuiAdmin 纯静态 UI 主题

一套基于 Layui 的用于开发通用型管理系统的纯静态的 HTML 网页界面主题,包含单页版和 iframe 版两种页面切换模式

当前版本: v2.5.2 主题配色:

鉴于维护成本和个人精力因素,当前 layuiAdmin 主题主要为之前已获得授权的老用户保留「下载、文档、反馈」等相关权限。不建议购买。
其他平台提供的 layuiAdmin 主题,均为盗版侵权行为,并非 Layui 官方授权提供。请仔细辨别、尊重知识产权。



关于

layuiAdmin 是一套用于开发通用型管理系统的纯静态的 HTML 网页界面主题,基于开源的 Layui Web 组件库制作而成,没有任何后端程序及数据库存储等服务端代码。开发者使用该网页主题,可省去前端的大量工作,从而更高效地开发 Web 应用系统 🎉。

注意

  • layuiAdmin 受国家计算机软件著作权保护(登记号:2018SR410669),禁止公开及传播产品源文件、非法出售及二次倒卖等,违者将承担相应的法律责任。
  • 请秉承合法合理的原则使用 layuiAdmin 主题模板,不利用该模板开发任何侵害他人利益的非法 Web 平台,否则造成的任何后果,由使用者自行承担。详见主题《免责声明

演示


解惑


通用版同时包含了“单页版”和“iframe版“”,您可根据项目需求和团队情况,选择其中更适合的一个即可。两者的主要区别在于:

  • 单页版: 即 SPA(单页面应用系统)开发模式,也就是所有的页面动作都是在一个宿主页面中完成,通常用于前后端分离。其中视图层全权由前端把控,数据一律走 Ajax 异步请求。layuiAdmin 内部实现了一套基于 location.hash 的路由和模板机制,这使得你可以很轻松地实现界面的跳转与渲染。另外注意的是,接口鉴权不再适用于传统的 session 模式,一般需要采用 JWT。总体来说,刚开始使用会相对有些复杂,但使用习惯后,项目会更易维护。
  • iframe: 即基于 iframe 容器跳转的多页面开发模式,视图层通常由服务端输出,每一个页面都在一个完全独立的空间中运行,因此一般适用于规模相对庞大的应用系统,它可以避免不同界面之间的冲突,但如果打开的 iframe 元素过多,浏览器负荷会相对较高。
    一般对于大多数服务端程序员来说,“iframe版” 的上手难度要远低于“单页版”。

使用 layuiAdmin 有什么限制?

layuiAdmin 相关条款详见:《layui 周边产品基本条款

v2.5.2

  • 升级 Layui v2.9.16
  • 新增 头部标签右侧管理中的「关闭右侧标签页」功能
  • 新增 日期时间组件的农历扩展示例
  • 新增 表单 select 组件「可输入创建新的 option」示例
  • 修复 单页版拦截未登录状态并跳转登录页面时未携带原页面路由参数的问题
  • 优化 若干静态模拟数据

v2.4.0

  • 升级 Layui v2.9.7
  • 新增 单页版 config.jsrequest.tokenTransferMethod 属性,用于设置 token 的传递方式
  • 新增 单页版的 admin.setComponentsToken() 方法,用于给带数据传输功能的基础组件预设 token
  • 修复 单页版跳转到登录页面后,未将原弹层关闭的问题
  • 修复 单页版重新登录页面后,table, upload 等组件未自动传递最新 token 值的问题
  • 优化 iframe 版点击“待办事项”后,头部标签标题显示了数字的问题

v2.3.2

  • 升级 Layui v2.8.18
  • 新增 侧边菜单手风琴动画切换效果
  • 修复 当侧边菜单 url 携带参数时,侧边菜单无法高亮匹配的问题
  • 修复 打开页面的 url 匹配到侧边菜单时,侧边菜单未能自动展开的问题
  • 修复 iframe 版当浏览器窗口尺寸改变时的报错问题
  • 修复 iframe 版出现 console.log 的调试信息的问题

v2.2.0

  • [升级] Layui v2.8.17
  • [优化] 主题设置页面样式,并新增「恢复默认主题」功能
  • [新增] code 组件语法高亮示例
  • [新增] iframe 版 config.jsparentLayui 属性,用于设置父页面 layui 对象,如:parentLayui: parent.layui,一般在 iframe 深度嵌套时可能会用到
  • [修复] iframe 版当关闭 pageTabs 属性时,点击「控制台」无法跳转的问题
  • [调整] iframe 版 record.url 属性默认值为 false

v2.1.0

  • [升级] Layui v2.8.11
  • [新增] 主题自定义配色功能
  • [修复] 通过快捷键进入全屏和取消全屏时,图标未能保持同步的问题
  • [更新] form,util 等组件部分示例
  • [更新] 部分页面文案

v2.0.0

  • [升级] Layui v2.8.8
  • [变更] 默认主题色:#16baaa
  • [新增] iframe 版对当前页面的 url 记忆功能,刷新时可自动打开当前页
  • [新增] config 的 record 属性,用于是否开启 iframe 跳转时 url 记忆功能
  • [新增] config 的 refreshCurrPage 属性,用于当跳转页面 url 与当前页 url 相同时,是否自动执行刷新
  • [新增] treeTable 组件示例页面
  • [丰富] layer 组件示例页面,新增抽屉弹出效果,以及 Windows 10 主题风格
  • [修复] iframe 版侧边菜单部分子菜单未出现下拉图标的问题

v1.9.0

  • [升级] layui v2.7.6
  • [重要] 进一步优化目录结构,以更好地将核心库与业务代码解耦,若升级请详细对照说明调整目录
  • [重要] 将核心库源代码放置在 res/adminui/src 目录(上个版本只有构建后的核心库代码)
  • [重构] 入口模块逻辑。 将初始化配置操作与核心库目录分离
  • [新增] 用于初始化主题入口的模块:index.js(页面会首先加载该模块),请勿与核心库中的 index.js 混淆
  • [调整] config.js 目录路径配置信息,升级时请注意与新版配置规则保持一致
  • [优化] table 组件示例页面
  • [优化] 侧边菜单的滑块主题,可跟随主题切换 #69858
  • [修复] layer photos 组件示例页面图片加载失败的问题

v1.8.0

  • [升级] layui v2.6.13
  • [适配] 多处细节,以适应 layui v2.6.8 之后的相关调整
  • [修复] 组件-表格中的多处示例页面的请求异常问题
  • [修复] 组件-轮播、流加载等页面演示的图片异常问题
  • [优化] 头部标签页选中时的文字样式,可跟随主题切换
  • [调整] 目录结构,将核心库文件与模板示例文件进行解耦

v1.7.2

  • [升级] layui 2.6.8
  • [修复] gulp 命令清空了 src 目录的问题
  • [调整] 部分页面 Demo
  • [调整] 模板重要说明

v1.7.0

  • [升级] layui 2.6.7
  • [新增] 下拉菜单组件示例
  • [新增] 对 table、upload 等涉及 ajax 的组件默认遵循 config.js 全局 token 的处理
  • [新增] 三种主题配色方案
  • [新增] config.js 的 extend 的普通对象支持,可设定扩展模块名和路径(可详见文档)
  • [丰富] 主页控制台页面示例
  • [丰富] layer,upload 等组件的一些示例
  • [修复] 因老版本 layui 导致的若干问题
  • [修复] layim 在前面几个版本无法运行的问题
  • [修复] 若干已知 BUG
  • [优化] 大量演示内容

v1.6.0

  • [升级] layui v2.5.8
  • [优化] 部分文案
  • [优化] 多处页面细节及局部代码
  • [剔除] 部分模板页面的演示内容,以便更简洁
  • [剔除] 冗余文件

v1.5.0

  • [升级] layui 2.5.7
  • [优化] 产品说明和相关结构

v1.4.0

  • [修复] iframe 版用户-网站用户-编辑后提交的报错问题
  • [修复] iframe 版开启选项卡后可能发生重叠的重大问题
  • [优化] 部分核心代码

v1.3.0

  • 公共
    • [内置] layui 2.5.6
    • [新增] transfer 穿梭框、tree 树形菜单两个组件示例
    • [新增] 检查更新操作
    • [修复] 搜索框的若干问题
    • [修复] view.req 在处理自定义 error 时的异常问题
    • [优化] 每次点击左侧菜单,都给右侧对应页面刷新的功能(应很多客户的强烈需求)
  • iframe 版
    • [修复] 搜索在 Firefox 下无效的问题
  • 单页版
    • [优化] 关闭选项卡后的刷新问题

v1.2.0

  • 公共
    • [升级] 内置到最新的 layui 2.4.4(该版本优化了 table 组件的若干问题)
    • [修复] 在 992px 页面宽度下,左侧菜单收缩展开的异常问题
    • [修复] 动态模板 lay-done 中无法获取动态对象 d 的 BUG
    • [修复] admin.req 方法在设置了 *contentType: ‘application/json’- 时的报错问题
    • [升级] 内置最新的 layui 2.4.5(该版本优化了若干基础组件的小 BUG)
    • [修复] 点击全屏在 IE 浏览器下导致右侧内容区域空白的问题
  • 单页版
    • [修复] 开启选项卡后,在某些场景下,再关闭当前选项卡出现的异常问题
    • [修复] 重复切换找回密码页面,导致点击获取验证码时 Ajax 重复执行的问题
    • [修复] 右侧主体区域中的表格未能跟随侧边收缩而自适应尺寸的问题等其它若干相似问题(该优化来自 @岁月小偷)

v1.1.0

  • 公共
    • [升级] 内置到最新的 layui 2.4.3
    • [新增] table 组件 5 个新示例
    • [新增] colorpicker 颜色选择器组件示例
    • [新增] slider 滑块组件示例
    • [新增] 模板:客户列表
    • [新增] 3 种新主题配色方案
  • 单页版
    • [修复] 在 Chrome 下点击全屏后背景变黑的问题
    • [修复] 打开两次带不同参数的标签页,点击该标签页头,路由显示成了上一个路由的问题
  • iframe 版
    • [完善] layui.admin.closeThisTabs() 方法可以不用加 parent 也可以关闭当前 iframe

v1.0.0

  • 基础:
    • 采用 layui 2.3.0
    • 顶部区域增加搜索、全屏功能
    • 新增三种主题配色方案
    • config.js 中可配置初始的默认主题
  • 主页:
    • 新增两个主页示例模板
  • 组件:
    • 新增 rate 评分组件示例
  • 模板:
    • 新增个人主页
    • 新增留言板
    • 新增通讯录
    • 新增图片列表
    • 新增搜索结果页
  • 应用:
    • 新增内容系统(包含:文章列表、分类管理、评论管理)
    • 新增社区系统(包含:帖子列表、回帖列表)
    • 新增工单系统
  • 高级:
    • 新增 Echarts 集成(包含:折线图、柱状图、地图)
  • 用户:
    • 新增网站用户列表
    • 新增后台管理员页面
    • 新增角色管理
  • 其它:
    • [单页版] 增加 layer + view 模块实现的动态参数传递示例(如:用户页编辑)
    • [iframe版] 修复点击标签头,左侧菜单异常收缩的问题
    • 整体优化

v1.0.0-beta.9

  • 单页版

    • 对侧边菜单增加 spread 参数,用于设置指定菜单是否默认展开子菜单
      注意:常规版直接加 class=“layui-nav-itemed” 即可
  • iframe 版

    • 修复多出了一个垂直滚动条的问题
    • 修复在移动设备下,展开搜索的图标状态异常的问题
    • 进一步优化 IOS 设备下的体验问题

v1.0.0-beta.8

  • 公共更新

    • 新增日期与时间组件的4个示例页面(包含 50 个应用实例)
    • 新增静态表格、数据表格 18 个示例页面
    • 新增分页、上传、轮播、流加载、工具、代码修饰等示例页面
    • 修复动态模版设置 lay-type 属性无效的问题
  • 单页版

    • 修复验证码 BUG,该问题曾导致:获取验证码进入倒计时后,点击其它界面,再回到上一界面,获取验证码按钮仍可点击。
    • 修复切换标签页时,路由上的参数被清除的问题
    • 修复开启多标签功能时,点击标签页头,再点左侧菜单,跳转失效的问题
    • 修复 IE 低版本下标签头未能正确读取 title 的问题
  • iframe 版

    • 也开始支持 pageTabs 参数,用于设置是否开启多标签,默认 true(多标签)、false(单标签)
    • 优化在 IOS 设备无法滑动滚动条的体验问题

v1.0.0-beta.7

  • 新增 iframe 版本,采用传统的 iframe 多标签页开发模式(注:常规版需单独授权,之前授权过专业版的老会员不需要。)
  • 新增:网站设置、邮件服务、我的基本资料、修改密码等示例页面
  • 新增 admin.sendAuthCode(options) 方法,用于实现发送验证码的交互
  • 由于“iframe常规版”的出现,“单页专业版”默认不开启多标签页,因为这样可以规避很多可能发生的冲突(强烈推荐)
  • 细微优化侧边菜单结构
  • 修复 admin.popup() 未返回 index 导致无法通过 layer.close(index) 关闭的问题
  • 采用全新的 layui-v2.2.6-rc3 版本(注意:upload.render 也开始支持传入 headers)

v1.0.0-beta.6

  • 增加“独立页”配置,可在 config.js 中设定参数 indPage 来指定完全独立的页面(即没有左侧和头部)

  • 增加“关闭当前标签页”功能和方法:admin.closeThisTabs()

  • 增加跳转到登入页的 *redirect- 功能,用于登入后跳回到上一个界面

  • 增加:注册页面找回密码重置密码等模板和功能交互

  • 增加:模板-内嵌页面(iframe页)示例

  • 增加“通讯系统”的社交聊天,内置 LayIM

  • view().render(viewpath, params) 方法支持动态传参,详见 view 模块文档

  • 优化未登入的情况自动跳转到登入页“短暂出现后台结构页”的不良体验问题

  • 优化“同路由不同参数”的标签页创建问题。现在无论参数如何变化,只要是同路由,则直接在已有标签页中插入内容。

  • 修复一级菜单设置 jump,导致默认展开的问题

  • 修复二级菜单设置 jump,左侧菜单未正确定位到对应的二级菜单的问题

  • 修复三级菜单不支持 jump 的问题

  • 其它改动:

    • 登入页面加入图形验证码
    • 取消重置的表格样式,采用 layui 默认风格
    • 采用全新的 layui-v2.2.6-rc.2 版本(注意:table.render 已支持传入 headers

v0.0.1 - v1.0.0-beta.5

  • 孵化