LayUI的后台管理模板

　　以前没有做网页开发不知道的内容太多了，现在开始做了这一块，发现内容真多。

　　星期五接到一个资产核查的任务，时间紧，我对网页这一块的内容还不是很熟练，有些着急，在网上一搜，LayUI的模板，有很多好评和讲解，拿来一用，感觉很不错。

　　这个后台系统可以很快上手，界面部分不用操心太多，很多页面有实例，略微改动就可以直接使用。

　　写程序界面是个大问题，这下省事多了，虽然后期项目使用LayUI比较少，但做一些中小型的项目真的是很好的选择，最主要的就是快。

　　1、修改标题和菜单。

　　在api目录下的init.json文件中；

　　2、修改主页面的欢迎页；

　　可以随便选择welcome-1.html或者自己建，内容使用从数据库中提取的动态数据即可。

　　3、去掉配色方案中的其他内容。

　　找到miniTheme.js文件，查找配色方案，注释调相应内容即可（也可以自己添加内容）。

        /*** 监听* @param options*/listen: function (options) {$('body').on('click', '[data-bgcolor]', function () {var loading = layer.load(0, {shade: false, time: 2 * 1000});var clientHeight = (document.documentElement.clientHeight) - 60;var bgColorHtml = miniTheme.buildBgColorHtml(options);var html = '<div class="layuimini-color">\n' +'<div class="color-title">\n' +'<span>配色方案</span>\n' +'</div>\n' +'<div class="color-content">\n' +'<ul>\n' + bgColorHtml + '</ul>\n' +'</div>\n' +// '<div class="more-menu-list">\n' +// '<a class="more-menu-item" href="http://layuimini.99php.cn/docs/index.html" target="_blank"><i class="layui-icon layui-icon-read" style="font-size: 19px;"></i> 开发文档</a>\n' +// '<a class="more-menu-item" href="https://github.com/zhongshaofa/layuimini" target="_blank"><i class="layui-icon layui-icon-tabs" style="font-size: 16px;"></i> 开源地址</a>\n' +// '<a class="more-menu-item" href="http://layuimini.99php.cn" target="_blank"><i class="layui-icon layui-icon-theme"></i> 官方网站</a>\n' +// '</div>' +'</div>';

　　4、快速菜单实现

        var options = {iniUrl: "api/init.json",    // 初始化接口clearUrl: "api/clear.json", // 缓存清理接口urlHashLocation: true,      // 是否打开hash定位bgColorDefault: false,      // 主题默认配置multiModule: true,          // 是否开启多模块menuChildOpen: false,       // 是否默认展开菜单loadingTime: 0,             // 初始化加载时间pageAnim: true,             // iframe窗口动画maxTabNum: 20,              // 最大的tab打开数量};

　　只要改变options.iniUrl的值就可以快速实现各种菜单，更复杂的可以后期处理了。

　　总的来说，这套后台管理系统还存在一些问题，比如缓存的处理，但作为对付一些小应用还是可以很快上手，值得拥有。

LayUI的后台管理模板相关推荐

基于layui的后台管理模板
介绍: 基于layui的后台管理模板网盘下载地址: http://kekewangLuo.cc/U6mcEZKHXpb 图片:
【永久开源】Pear Admin Layui 基于 Layui 的后台管理模板
Pear Admin Layui 是基于 Layui 的后台管理系统模板,扩展Layui原生UI样式,整合第三方开源组件,提供便捷快速的开发方式,延续LayuiAdmin的设计风格,持续完善的样式与组 ...
X-admin经典前端后台管理模板，基于layui的轻量级前端后台管理框架，简单，兼容性好，面向所有层次的前后端程序
X-admin 简介 X-admin基于layui的轻量级前端后台管理框架,简单免费,兼容性好,面向所有层次的前后端程序.创立于2017年初,为了敏捷WEB应用开发和简化企业应用开发而诞生的.#X-a ...
LAYUI后台管理模板
版权声明本文原创作者:谷哥的小弟作者博客地址:http://blog.csdn.net/lfdfhl 后台模板今天发现一个非常美观且实用的后台管理模板,图示如下: 模板地址 http://lay ...
JavaSwing版后台管理模板
疫情期间,业余闲暇时撸的一款基于JavaSwing的后台管理模板,话不多说,先上图为敬: UI设计还算比较大气的,有一种layui的赶脚. 总体来说功能还是比较多的,除了后台管理系统外,大家可以看到还 ...
在bootstrap ace样式框架上修改的后台管理型模板(Tab页后台管理模板)
后台管理模板开始用frameset布局,但是有时候会遮挡比如上面导航或者左边导航的二级三级弹出菜单,因为宽度被限制了,所以有时候就用easyui或者ext的,但是样式不好看,然后看到了bootstra ...
bootstrap 提交表单给后台_基于Bootstrap的响应式后台管理模板Ace
Ace是一个轻量级.功能丰富,基于Bootstrap3的响应式后台管理模板.支持多种皮肤,集成了多种插件,如Bootstrap,jQuery UI等.支持IE 8/9/10/11.Chrome.Fir ...
大量多风格多功能后台管理模板
最近在做网站后台,在网上找了大量的后台的模版,觉得还不错,拿出来给大家分享一哈.... 1. 点击下载多风格多功能后台管理模板 2. 点击下载专业银行结算系统后台模板 3. ...
基于 Blazui 的 Blazor 后台管理模板 BlazAdmin 正式尝鲜
简介 BlazAdmin 是一个基于Blazui的后台管理模板,无JS,无TS,非 Silverlight,非 WebForm,一个标签即可使用. 我将在下一篇文章讨论 Blazor 服务器端渲染与客 ...
蓝色企业CMS网站后台管理模板
介绍: 蓝色企业CMS响应式后台管理模板基于Bootstrap3.0.0制作,自适应分辨率,兼容PC端和移动端,全套模板,包括产品管理.资讯类别.资讯管理.友情链接.用户留言管理.用户管理.修改密码等 ...

LayUI的后台管理模板

LayUI的后台管理模板相关推荐

最新文章

热门文章