干货，分享！09-基于layui后台html模板！！！

今天把一套压箱底的精品拿出来分享，值得大伙收藏。

09-基于layui后台html模板！！！

本资源整理自互联网，仅供学习交流使用，请勿商用，坚持每日分享一套Java学习资源干货，一起提高，一起进步！！！

资源截图：

局部代码：

<!doctype html>
<html lang="en">
<head><meta charset="UTF-8"><title>后台登录-X-admin2.0</title><meta name="renderer" content="webkit|ie-comp|ie-stand"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" /><meta http-equiv="Cache-Control" content="no-siteapp" /><link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /><link rel="stylesheet" href="./css/font.css"><link rel="stylesheet" href="./css/xadmin.css"><script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script><script src="./lib/layui/layui.js" charset="utf-8"></script><script type="text/javascript" src="./js/xadmin.js"></script></head>
<body class="login-bg"><div class="login"><div class="message">x-admin2.0-管理登录</div><div id="darkbannerwrap"></div><form method="post" class="layui-form" ><input name="username" placeholder="用户名"  type="text" lay-verify="required" class="layui-input" ><hr class="hr15"><input name="password" lay-verify="required" placeholder="密码"  type="password" class="layui-input"><hr class="hr15"><input value="登录" lay-submit lay-filter="login" style="width:100%;" type="submit"><hr class="hr20" ></form></div><script>$(function  () {layui.use('form', function(){var form = layui.form;// layer.msg('玩命卖萌中', function(){//   //关闭后的操作//   });//监听提交form.on('submit(login)', function(data){// alert(888)layer.msg(JSON.stringify(data.field),function(){location.href='index.html'});return false;});});})</script><!-- 底部结束 --><script>//百度统计可去掉var _hmt = _hmt || [];(function() {var hm = document.createElement("script");hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s);})();</script>
</body>
</html>

<!doctype html>
<html lang="en">
<head><meta charset="UTF-8"><title>后台登录-X-admin2.0</title><meta name="renderer" content="webkit|ie-comp|ie-stand"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" /><meta http-equiv="Cache-Control" content="no-siteapp" /><link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /><link rel="stylesheet" href="./css/font.css"><link rel="stylesheet" href="./css/xadmin.css"><script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script><script src="./lib/layui/layui.js" charset="utf-8"></script><script type="text/javascript" src="./js/xadmin.js"></script></head>
<body><!-- 顶部开始 --><div class="container"><div class="logo"><a href="./index.html">X-admin v2.0</a></div><div class="left_open"><i title="展开左侧栏" class="iconfont">&#xe699;</i></div><ul class="layui-nav left fast-add" lay-filter=""><li class="layui-nav-item"><a href="javascript:;">+新增</a><dl class="layui-nav-child"> <!-- 二级菜单 --><dd><a onclick="x_admin_show('资讯','http://www.baidu.com')"><i class="iconfont">&#xe6a2;</i>资讯</a></dd><dd><a onclick="x_admin_show('图片','http://www.baidu.com')"><i class="iconfont">&#xe6a8;</i>图片</a></dd><dd><a onclick="x_admin_show('用户','http://www.baidu.com')"><i class="iconfont">&#xe6b8;</i>用户</a></dd></dl></li></ul><ul class="layui-nav right" lay-filter=""><li class="layui-nav-item"><a href="javascript:;">admin</a><dl class="layui-nav-child"> <!-- 二级菜单 --><dd><a onclick="x_admin_show('个人信息','http://www.baidu.com')">个人信息</a></dd><dd><a onclick="x_admin_show('切换帐号','http://www.baidu.com')">切换帐号</a></dd><dd><a href="./login.html">退出</a></dd></dl></li><li class="layui-nav-item to-index"><a href="/">前台首页</a></li></ul></div>       <li><a href="javascript:;"><i class="iconfont">&#xe6ce;</i><cite>系统统计</cite><i class="iconfont nav_right">&#xe697;</i></a><ul class="sub-menu"><li><a _href="echarts1.html"><i class="iconfont">&#xe6a7;</i><cite>拆线图</cite></a></li ><li><a _href="echarts2.html"><i class="iconfont">&#xe6a7;</i><cite>柱状图</cite></a></li><li><a _href="echarts3.html"><i class="iconfont">&#xe6a7;</i><cite>地图</cite></a></li><li><a _href="echarts4.html"><i class="iconfont">&#xe6a7;</i><cite>饼图</cite></a></li><li><a _href="echarts5.html"><i class="iconfont">&#xe6a7;</i><cite>雷达图</cite></a></li><li><a _href="echarts6.html"><i class="iconfont">&#xe6a7;</i><cite>k线图</cite></a></li><li><a _href="echarts7.html"><i class="iconfont">&#xe6a7;</i><cite>热力图</cite></a></li><li><a _href="echarts8.html"><i class="iconfont">&#xe6a7;</i><cite>仪表图</cite></a></li></ul></li></ul></div></div><!-- <div class="x-slide_left"></div> --><!-- 左侧菜单结束 --><!-- 右侧主体开始 --><div class="page-content"><div class="layui-tab tab" lay-filter="xbs_tab" lay-allowclose="false"><ul class="layui-tab-title"><li>我的桌面</li></ul><div class="layui-tab-content"><div class="layui-tab-item layui-show"><iframe src='./welcome.html' frameborder="0" scrolling="yes" class="x-iframe"></iframe></div></div></div></div><div class="page-content-bg"></div><!-- 右侧主体结束 --><!-- 中部结束 --><!-- 底部开始 --><div class="footer"><div class="copyright">Copyright ©2017 x-admin v2.3 All Rights Reserved</div>  </div>
</body>
</html>

因文章有限，完整源码关注微信公众号：Java猫小白回复 html09 获取

【Java猫小白】公众号

（回复 html09 获取）

感谢老铁支持！！！

干货，分享！09-基于layui后台html模板！！！相关推荐

基于layui后台html模板免费下载
基于layui后台html模板免费下载下载地址:https://www.yujianni.top/news/comp_artinfo.html?id=131
layui 刷新页面_layuimini简洁、清爽、易用的layui后台框架模板
简介 layuimini最简洁.清爽.易用的layui后台框架模板.它基于jquery3.4.1 和 layui2.5.4 实现.整套后台大约有20个页面,满足常用的后台管理,如果有基于jquery ...
基于layui的自适应模板开发
由于最近自己做前端开发,一个后端老码农做前端,发觉现在的前端比之前的要略复杂一些, 大部分都工程化了.基于layui的自适应模板开发,暂时记录下! 1.基于layui的自适应模板开发 2.设计网站的主 ...
【永久开源】layuimini，最简洁、清爽、易用的layui后台框架模板。保证一用就会爱上它。
layuimini后台模板项目介绍最简洁.清爽.易用的layui后台框架模板. 项目会不定时进行更新,建议star和fork一份. 技术交流QQ群:763822524 加群请备注来源:如gitee ...
LAYUI后台管理模板
版权声明本文原创作者:谷哥的小弟作者博客地址:http://blog.csdn.net/lfdfhl 后台模板今天发现一个非常美观且实用的后台管理模板,图示如下: 模板地址 http://lay ...
AI干货分享：基于群签名的新一代区块链技术
来源:启迪之星上海本文约2700字,建议阅读7分钟. 本文中郭晓峰先生将与大家分享基于VRF的一些新技术,并对DFINITY进行详细的讨论,包括它相对于PoW技术的进步,解决的问题,以及个人理解上的 ...
#项目#layui后台管理模板总结
xadmin 的部分模板片段,首页导航栏 <#macro navLeft><div class="left-nav"><div id="si ...
jwt重放攻击_【干货分享】基于JWT的Token认证机制及安全问题
一步一步教你基于JWT的Token认证机制实现,以及如何防范XSS攻击.Replay攻击和中间人攻击. 文章目录一.几种常用的认证机制 1.1 HTTP Basic Auth HTTP Basic ...
base cap 分布式_干货分享：基于本地消息表的分布式事务解决方案总结
前段时间学习了分布式事务的几种方案,下面主要总结下基于本地消息表实现可靠消息最终一致性的分布式事务方案. 1,什么是分布式事务? 在传统架构中往往是一个单体架构,一个系统就对应一个war包,然后这个系 ...

干货，分享！09-基于layui后台html模板！！！

干货，分享！09-基于layui后台html模板！！！相关推荐

最新文章

热门文章