LayUI使用手册+避坑

本文是LayUI的使用手册,旨在帮助新手快速上手。介绍了LayUI的基本概念,包括下载安装、模块化加载,以及页面元素如布局、栅格、按钮的使用方法。通过实例展示如何配置容器、响应式栅格和创建不同风格的按钮,为后端开发者提供前端布局和组件应用的实用技巧。
摘要由CSDN通过智能技术生成

提示:LayUI使用技巧,快速上手


前言

提示:方便新手快速上手,或者在不必要的坑上面浪费时间。


提示:以下是本篇文章正文内容

一、简介

国产前端框架,2016年发布,现在国内使用热度很高,颜值比较高,非常适合后端开发人员使用在后台管理上,有丰富的模板样式,按照指定的格式返回数据即可,基于DOM驱动,方便后台系统管理,否则每次改源代码很麻烦

主要介绍组件功能,使用组件时有哪些必备的标签属性等。

没必要都记下来,了解模板的使用规范即可,知道有什么功能,经常光顾官网,现用现查即可,我主要提供流程思路,快速上手,具体细节看官网代码,节约时间
LayUI官网

二、准备工作

1.下载安装

直接官网下载,解压缩,将整个文件目录结构复制到项目中即可

目录结构
在这里插入图片描述

2.模块化加载

引入layui核心文件,css、js,其中js有两种引入方式

引入css
引入css
引入js,指定使用的模块

分模块

引入layui.js文件

选择这种方式,就必须在js脚本中添加layui.use(['模块'1,'模块2'],function(){...})
表示我们要使用那些模块,否则模块不会生效

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值