01.04 基于 layui 编写的最简洁、易用的开源后台框架模板——layuimini


介绍

有一段时间没推荐过后端模板了,今天就来一个,layuimini是一款后台admin前端模板,基于 layui 编写的最简洁、易用的后台框架模板。只需提供一个接口就直接初始化整个框架,无需复杂操作。模板分为两种模式,分别是传统的iframe版本,另外一个是单页面版本,可以满足不同的开发需求!




基于 layui 编写的最简洁、易用的开源后台框架模板——layuimini




Github

<code>https://github.com/zhongshaofa/layuimini/<code>

主要特性

  • 界面足够简洁清爽,响应式且适配手机端
  • 一个接口几行代码而已直接初始化整个框架,无需复杂操作。
  • 页面支持多配色方案,可自行选择喜欢的配色。
  • 支持多tab,可以打开多窗口。
  • 支持无限级菜单和对font-awesome图标库的完美支持。
  • 失效以及报错菜单无法直接打开,并给出弹出层提示完美的线上用户体验。
  • url地址hash定位,可以清楚看到当前tab的地址信息。
  • 刷新页面会保留当前的窗口,并且会定位当前窗口对应左侧菜单栏。
  • 支持font-awesome图标选择插件

模板截图

  • 主页模板

大家根据自己的需求可以自行修改,下面是已经有的三个模板

基于 layui 编写的最简洁、易用的开源后台框架模板——layuimini


基于 layui 编写的最简洁、易用的开源后台框架模板——layuimini


基于 layui 编写的最简洁、易用的开源后台框架模板——layuimini


  • 菜单管理页面


基于 layui 编写的最简洁、易用的开源后台框架模板——layuimini

  • 系统设置


基于 layui 编写的最简洁、易用的开源后台框架模板——layuimini

  • 表格示例


基于 layui 编写的最简洁、易用的开源后台框架模板——layuimini

  • 表单示例
基于 layui 编写的最简洁、易用的开源后台框架模板——layuimini


基于 layui 编写的最简洁、易用的开源后台框架模板——layuimini

  • 登录页模板


基于 layui 编写的最简洁、易用的开源后台框架模板——layuimini


基于 layui 编写的最简洁、易用的开源后台框架模板——layuimini

  • 404页面


基于 layui 编写的最简洁、易用的开源后台框架模板——layuimini

  • 图标


基于 layui 编写的最简洁、易用的开源后台框架模板——layuimini


基于 layui 编写的最简洁、易用的开源后台框架模板——layuimini

  • 颜色选择


基于 layui 编写的最简洁、易用的开源后台框架模板——layuimini

  • 下拉表格


基于 layui 编写的最简洁、易用的开源后台框架模板——layuimini

  • 文件上传


基于 layui 编写的最简洁、易用的开源后台框架模板——layuimini

  • 富文本


基于 layui 编写的最简洁、易用的开源后台框架模板——layuimini

  • 多级菜单


基于 layui 编写的最简洁、易用的开源后台框架模板——layuimini

  • 页面操作


基于 layui 编写的最简洁、易用的开源后台框架模板——layuimini


  • 修改主题配色


基于 layui 编写的最简洁、易用的开源后台框架模板——layuimini

完整地址

  • 代码仓库(iframe 多tab版)
<code>GitHub仓库地址:https://github.com/zhongshaofa/layuimini/<code>
<code>Gitee仓库地址:https://gitee.com/zhongshaofa/layuimini/<code>
  • 代码仓库(onepage 单页版)
<code>GitHub仓库地址:https://github.com/zhongshaofa/layuimini/tree/onepage/<code> 
<code>Gitee仓库地址:https://gitee.com/zhongshaofa/layuimini/tree/onepage/<code>

总结

总体来说,layuimini是一个非常不错的且非常适合开发后台管理的界面模板,相较于各种基于三大框架的单页面应用来说,layui算是一股清流,开箱即用,就算对前端不是很精通也没关系,学习成本比较低!enjoy it!


分享到:


相關文章: