layUi框架入门篇（二）——布局

最新推荐文章于 2025-04-28 10:12:21 发布
最新推荐文章于 2025-04-28 10:12:21 发布
阅读量8.7w 收藏 286
点赞数 38
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_42855542/article/details/83476597
版权

今天我们继续就layUi官网提供的文档来一次后台布局，官网如下：

https://www.layui.com/doc/

效果如下：
在这里插入图片描述

1、
正常的布局大致的内容概括：

<body class="layui-layout-body">
	<div class="layui-header">头部</div>
	<div class="layui-side layui-bg-black">侧边栏</div>
	<div class="layui-body">内容</div>
	<div class="layui-footer">底部</div>
<body>

但是layUi提供了一个更加方便，更加美观，更加完善的布局

<body class="layui-layout-body">
	<div class="layui-layout layui-layout-admin">
		<div class="layui-header">头部</div>
		<div class="layui-side layui-bg-black">侧边栏</div>
		<div class="layui-body">内容</div>
		<
最低0.47元/天 解锁文章
各种框架和效果网址
海阔天空
04-16 868
Android 工具类 史上最全的开发工具类 EditText限制输入最大最小值 文件夹工具类MaterialFilePicker: Material file picker for Android Android这可能是当今最火，功能最全的快速开发框架了 - 优快云博客 框架 网络框架 文件下载 ...
Layui引起的对前端的一次记录
纸上得来终觉浅，绝知此事要躬行
12-29 394
我的博客园原文链接 https://www.cnblogs.com/yuyueq/p/15219060.html 前言 首先会做这次记录，也是因为自己也是第一次去接触这个框架，以前总是听说，并没有去用过。这次出于实习的原因，去学习了一下Layui这个“面向后端开发者的框架”。其次，此篇记录仅供参考，毕竟我也不是开发者，所以不能保证文章引用的内容以及自己的理解是否正确，请自行决断一些内容的正确性。 前段时间看到一个不错的博客是个人写的关于前端面试的还是比较全面基础的（虽然个人是后端，但是如果有学前端的看到.
前端基础5——UI框架Layui
热门推荐
百慕卿君博客
09-06 1万+
Layui的常用设置
layui实现后台管理系统界面
爱吃五花肉EMin的博客
10-30 2249
layui框架版本：2.5.8。
搭建高效稳定的网站后台管理系统：layui框架模板实战
最新发布
weixin_33628677的博客
04-28 977
Layui，一个轻量级的前端UI框架，专注于为Web前端提供"更简单"的UI解决方案。在这一章节，我们将探索它的基本理念、设计哲学及其在现代Web开发中的独特地位。UI组件是开发者与用户交互的桥梁，它们能够有效地提升用户体验，同时降低前端开发的复杂性。在layui框架中，一系列丰富的UI组件为开发人员提供了快速搭建用户界面的能力。一些常用组件如按钮、表单、表格、弹窗等，它们不仅功能强大，而且样式统一美观，能够满足绝大部分Web应用界面的需求。
Layui：一款强大的前端UI框架
m0_46413639的博客
06-04 2172
在这些框架中，Layui凭借其优雅的设计、灵活的组件和丰富的功能，受到了广大开发者的喜爱。通过引入Layui的CSS和JavaScript文件，开发者可以方便地使用Layui提供的丰富组件，如按钮、表格、表单。灵活定制：Layui的组件具有很强的可定制性，开发者可以根据自己的需求修改组件的样式、颜色、大小等属性，使得组件能够更好地适应不同的网页应用场景。组件丰富：Layui提供了丰富的Web界面组件，如表格、表单、按钮、选项卡、弹出层等，可以满足大部分网页应用的开发需求。二、Layui的使用。
layUI基本使用——布局
BUG专业户
04-12 8792
layui布局使用,包含布局容器的固定宽度和完整宽度，栅格系统的列组合，列间距，列偏移，列嵌套
layui-页面布局
weixin_46098612的博客
07-02 734
layui-container 是固定宽度。layui-fluid是完整宽度。
Flask备忘录
weixin_51334923的博客
11-02 1970
此文仅仅作为学习本人Flask途中的学习笔记以及备忘录！！！！！ 代码格式粘贴复制可能格式出错emm，自己知道就好了！！ 无图，慢慢看！！挺枯燥的学习笔记，做个网络备份！！！ 目录 一.服务架构： 二.Flask是什么？ 01. 微框架 02. 特点 03. 组成 04.常用库： 三.Flask环境搭建： 01.Windows虚拟环境直接上： 02.Conda环境： 03.Linux环境： 四.Flask工程实践： 01.万物之源Hello World： 02.请求处理：
乐优、青橙商城相关技术总结
lph-China的博客
05-26 4950
乐优、青橙商城相关技术总结 文章目录乐优、青橙商城相关技术总结SSMSpringSpringMVCmybatis通用MapperzookeeperElementUIES6OSSVue黑马架构师DubboSpringBootSpringCloudSpringDataSpring SecurityEurekaRibbonHystrix简介雪崩问题FeignZuulVuetifyNginxnginx作为web服务器nginx作为反向代理CORSFastDFSElasticsearchElasticElastics
LayUI框架
调皮的写代码
06-25 407
一、
LayUi框架
qq_48578877的博客
09-28 1539
LayUi框架与SSM整合
layui框架
CZM_886的博客
01-22 730
1、下载:  http://www.layui.com/ 2、使用    src文件夹,全部拷贝到项目  导入 layui.css和layui.js       layui-开头、  3、layui模板:      layui模板       4、js对象,key 不用引号' " var jsObj = {username:"张
Layui框架
2301_78158657的博客
08-16 1343
LayUI 是一款经典模块化前端 UI 框架 和Bootstrap有些相似，我们只需要定义简单的HTML、CSS、JS即可实现很复杂的前端效果。使得前端页面的制作变得更加简单，可以说是为后端人员量身定制的一款开源框架。
评论 16
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值