layui后台管理模板-iframe版.rar_layuiadminiframe版下载资源-CSDN文库

共645个文件

html：248个

js：160个

gif：150个

layui后台模板

html5

5星 · 超过95%的资源需积分: 48 4 浏览量 2020-03-11 16:33:51 上传评论 6 收藏 3.47MB RAR 举报

layui后台管理模板-iframe版.rar 是一个基于layui框架的后台管理系统模板，专为开发者提供离线使用的iframe版本。layui是一款轻量级的前端组件库，以其简洁、高效的特性深受开发者喜爱。这个模板采用HTML5技术，确保了在现代浏览器中的良好兼容性和性能表现。 layui框架的核心特点是模块化设计，它将页面元素如表格、按钮、表单等拆分为独立的模块，便于开发者按需引入，降低了代码冗余，提高了开发效率。在iframe版的后台模板中，iframe技术被用来实现页面的多窗口并行展示，适合于构建复杂的后台工作台，使得不同功能模块可以独立加载和管理，有利于界面的组织和用户体验的提升。模板的HTML源码资源包括了各种页面布局、组件示例以及样式定义，开发者可以通过查看和修改这些源码来快速定制自己的后台界面。常见的页面如登录页、控制台、表单页面、数据列表等都可能包含在内，每个页面都精心设计，旨在提供清晰的操作界面和友好的交互体验。 layui的CSS样式优雅且响应式，适应不同设备的屏幕尺寸，保证了在手机、平板和桌面电脑上都能有良好的视觉效果。同时，layui的JavaScript组件强大且灵活，提供了丰富的API供开发者进行事件绑定和状态控制，比如表格的增删改查、弹窗的控制、按钮的状态切换等。在实际应用中，开发者可以根据需求将layui后台管理模板-iframe版与后端服务进行集成，通过Ajax异步请求实现数据的动态加载和更新，配合layui的数据表格组件，可以轻松处理大量数据的展示和操作。此外，还可以利用layui的表单验证功能，对用户输入的数据进行实时校验，确保数据的准确性和安全性。 layui后台管理模板-iframe版是开发高效、美观的后台管理系统的理想选择。它提供的源码资源可以帮助开发者快速搭建后台界面，同时layui的组件化和模块化设计让代码维护和扩展变得更加方便。无论你是新手还是经验丰富的开发者，这个模板都能为你带来便捷的开发体验。

资源推荐

资源详情

资源评论

收起资源包目录

layui后台管理模板-iframe版.rar （645个子文件）

layui.css 68KB

admin.css 26KB

admin.css 21KB

layim.css 15KB

layer.css 14KB

template.css 12KB

template.css 11KB

layui.mobile.css 10KB

layim.css 9KB

laydate.css 7KB

code.css 1KB

font.css 527B

iconfont.eot 40KB

59.gif 10KB

22.gif 10KB

24.gif 8KB

13.gif 7KB

16.gif 7KB

39.gif 6KB

64.gif 6KB

63.gif 6KB

50.gif 6KB

loading-0.gif 6KB

4.gif 6KB

1.gif 5KB

42.gif 5KB

71.gif 5KB

21.gif 5KB

20.gif 5KB

29.gif 5KB

70.gif 4KB

5.gif 4KB

17.gif 4KB

27.gif 4KB

9.gif 4KB

44.gif 4KB

11.gif 4KB

8.gif 4KB

3.gif 4KB

23.gif 4KB

34.gif 4KB

41.gif 4KB

38.gif 4KB

65.gif 3KB

32.gif 3KB

45.gif 3KB

7.gif 3KB

12.gif 3KB

26.gif 3KB

60.gif 3KB

2.gif 3KB

40.gif 3KB

共 645 条

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>layuiAdmin std - 通用后台管理模板系统（iframe标准版）</title> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"> <link rel="stylesheet" href="../layuiadmin/layui/css/layui.css" media="all"> <link rel="stylesheet" href="../layuiadmin/style/admin.css" media="all"> <script> /^http(s*):\/\//.test(location.href) || alert('请先部署到 localhost 下再访问'); </script> </head> <body class="layui-layout-body"> <div id="LAY_app"> <div class="layui-layout layui-layout-admin"> <div class="layui-header">  <ul class="layui-nav layui-layout-left"> <li class="layui-nav-item layadmin-flexible" lay-unselect> <a href="javascript:;" layadmin-event="flexible" title="侧边伸缩"> <i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i> </a> </li> <li class="layui-nav-item layui-hide-xs" lay-unselect> <a href="http://www.layui.com/admin/" target="_blank" title="前台"> <i class="layui-icon layui-icon-website"></i> </a> </li> <li class="layui-nav-item" lay-unselect> <a href="javascript:;" layadmin-event="refresh" title="刷新"> <i class="layui-icon layui-icon-refresh-3"></i> </a> </li> <li class="layui-nav-item layui-hide-xs" lay-unselect> <input type="text" placeholder="搜索..." autocomplete="off" class="layui-input layui-input-search" layadmin-event="serach" lay-action="template/search.html?keywords="> </li> </ul> <ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right"> <li class="layui-nav-item" lay-unselect> <a lay-href="app/message/index.html" layadmin-event="message" lay-text="消息中心"> <i class="layui-icon layui-icon-notice"></i>  <span class="layui-badge-dot"></span> </a> </li> <li class="layui-nav-item layui-hide-xs" lay-unselect> <a href="javascript:;" layadmin-event="theme"> <i class="layui-icon layui-icon-theme"></i> </a> </li> <li class="layui-nav-item layui-hide-xs" lay-unselect> <a href="javascript:;" layadmin-event="note"> <i class="layui-icon layui-icon-note"></i> </a> </li> <li class="layui-nav-item layui-hide-xs" lay-unselect> <a href="javascript:;" layadmin-event="fullscreen"> <i class="layui-icon layui-icon-screen-full"></i> </a> </li> <li class="layui-nav-item" lay-unselect> <a href="javascript:;"> <cite>贤心</cite> </a> <dl class="layui-nav-child"> <dd><a lay-href="set/user/info.html">基本资料</a></dd> <dd><a lay-href="set/user/password.html">修改密码</a></dd> <hr> <dd layadmin-event="logout" style="text-align: center;"><a>退出</a></dd> </dl> </li> <li class="layui-nav-item layui-hide-xs" lay-unselect> <a href="javascript:;" layadmin-event="about"><i class="layui-icon layui-icon-more-vertical"></i></a> </li> <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-unselect> <a href="javascript:;" layadmin-event="more"><i class="layui-icon layui-icon-more-vertical"></i></a> </li> </ul> </div>  <div class="layui-side layui-side-menu"> <div class="layui-side-scroll"> <div class="layui-logo" lay-href="home/console.html"> <span>layuiAdmin</span> </div> <ul class="layui-nav layui-nav-tree" lay-shrink="all" id="LAY-system-side-menu" lay-filter="layadmin-system-side-menu"> <li data-name="home" class="layui-nav-item layui-nav-itemed"> <a href="javascript:;" lay-tips="主页" lay-direction="2"> <i class="layui-icon layui-icon-home"></i> <cite>主页</cite> </a> <dl class="layui-nav-child"> <dd data-name="console" class="layui-this"> <a lay-href="home/console.html">控制台</a> </dd> <dd data-name="console"> <a lay-href="home/homepage1.html">主页一</a> </dd> <dd data-name="console"> <a lay-href="home/homepage2.html">主页二</a> </dd> </dl> </li> <li data-name="component" class="layui-nav-item"> <a href="javascript:;" lay-tips="组件" lay-direction="2"> <i class="layui-icon layui-icon-component"></i> <cite>组件</cite> </a> <dl class="layui-nav-child"> <dd data-name="grid"> <a href="javascript:;">栅格</a> <dl class="layui-nav-child"> <dd data-name="list"><a lay-href="component/grid/list.html">等比例列表排列</a></dd> <dd data-name="mobile"><a lay-href="component/grid/mobile.html">按移动端排列</a></dd> <dd data-name="mobile-pc"><a lay-href="component/grid/mobile-pc.html">移动桌面端组合</a></dd> <dd data-name="all"><a lay-href="component/grid/all.html">全端复杂组合</a></dd> <dd data-name="stack"><a lay-href="component/grid/stack.html">低于桌面堆叠排列</a></dd> <dd data-name="speed-dial"><a lay-href="component/grid/speed-dial.html">九宫格</a></dd> </dl> </dd> <dd data-name="button"> <a lay-href="component/button/index.html">按钮</a> </dd> <dd data-name="form"> <a href="javascript:;">表单</a> <dl class="layui-nav-child"> <dd><a lay-href="component/form/element.html">表单元素</a></dd> <dd><a lay-href="component/form/group.html">表单组合</a></dd> </dl> </dd> <dd data-name="nav"> <a lay-href="component/nav/index.html">导航</a> </dd> <dd data-name="tabs"> <a lay-href="component/tabs/index.html">选项卡</a> </dd> <dd data-name="progress"> <a lay-href="component/progress/index.html">进度条</a> </dd> <dd data-name="panel"> <a lay-href="component/panel/index.html">面板</a> </dd> <dd data-name="badge"> <a lay-href="component/badge/index.html">徽章</a> </dd> <dd data-name="timeline"> <a lay-href="component/timeline/index.html">时间线</a> </dd> <dd data-name="anim"> <a lay-href="component/anim/index.html">动画</a> </dd> <dd data-name="auxiliar"> <a lay-href="component/auxiliar/index.html">辅助</a> </dd> <dd data-name="layer">

评论收藏

内容反馈