当前位置： 首页 > news >正文

layui目录和项目引入

news 2026/3/31 5:36:02

1.目录结构如下

├─css //css目录
│  │─modules //模块css目录（一般如果模块相对较大，我们会单独提取，比如下面三个：）
│  │  ├─laydate
│  │  ├─layer
│  │  └─layim
│  └─layui.css //核心样式文件
├─font  //字体图标目录
├─images //图片资源目录（目前只有layim和编辑器用到的GIF表情）
│─lay //模块核心目录
│  └─modules //各模块组件
│─layui.js //基础核心库
└─layui.all.js //包含layui.js和所有模块的合并文件

2. Layui环境搭建

  • 项目引入
1
2
3

获得 layui 后，将其完整地部署到项目目录（或静态资源服务器），但是页面中只需要引入夏下面两个文件即可:
-- layui/css/layui.css
-- layui/layui.js   提示：如果是采用非模块化方式（最下面有讲解），此处可换成：layui/layui.all.js
  • 注意事项
1

注意事项: 在向项目中引入Layui库的时候，一定要将官网下载的整个Layui压缩包中的layui文件夹整体引到项目中.
  • 搭建实例
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

<!DOCTYPE html>
<html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"><title>layui页面引入例子</title><!-- css引入 --><link rel="stylesheet" href="layui/css/layui.css"></head><body><!-- HTML代码 --><!-- js引入 --><script src="layui/layui.js"></script></body>
</html>

 

相关文章：

layui目录和项目引入

1.目录结构如下 ├─css //css目录 │ │─modules //模块css目录&#xff08;一般如果模块相对较大&#xff0c;我们会单独提取&#xff0c;比如下面三个&#xff1a;&#xff09; │ │ ├─laydate │ │ ├─layer │ │ └─layim │ └─layui.css //核心样式文件…...

编程日记 2023/5/17 1:14:55

Ubuntu22.04 将EFI启动分区迁移到另一块硬盘

机器上有两块硬盘, 一块已经安装了Win10, 另一块新装Ubuntu22.04, 在新硬盘上划分分区的时候, 有分出256M给 BOOT EFI, 但是安装的时候没注意, 启动分区不知道怎的跑到 Windows 所在的硬盘上了 记录一下将 /boot/efi 分区迁移至 Ubuntu 所在硬盘, 并创建 Grub 的记录. 预留的…...

编程日记 2023/5/17 1:09:55

只要学会这些AI工具，一个人就是一家营销咨询公司

本教程收集于：AIGC从入门到精通教程 只要学会这些AI工具，一个人就是一家营销咨询公司 随着AI工具的不断涌现，您只需掌握市面上热门的AI工具，便可独自开展营销咨询公司。通过一系列AI工具，您可以为企业提供全案服务，收获丰厚回报。 例如，在协助一家美妆初创公司出海时，…...

编程日记 2023/5/17 1:04:53

[离散数学] 函数

文章目录 函数判断函数的条件复合函数复合函数的性质 逆函数 函数 判断函数的条件 dom F A ⇔ \Leftrightarrow ⇔所有x 都有 F&#xff08;x&#xff09;与之对应 有唯一的与其对应 < x , y > ∈ f ∧ < y , z > ∈ f ⇒ y z <x,y>\in f \land <y,z…...

编程日记 2023/5/17 0:59:51

好家伙，又一份牛逼笔记面世了...

最近网传的一些裁员的消息&#xff0c;搞的人心惶惶。已经拿到大厂offer的码友来问我&#xff1a;大厂还能去&#xff0c;去了会不会被裁。 还在学习的网友来问我&#xff1a;现在还要冲互联网么&#xff1f; 我是认为大家不用恐慌吧&#xff0c;该看啥看啥&#xff0c;该学啥…...

编程日记 2023/5/17 0:54:50

基于nodejs+vue3 的高仿网易云音乐

大家好&#xff0c;我是小寻&#xff0c;欢迎大家关注我的公众号&#xff1a;工具优选&#xff0c;加入前端、java群聊哦&#xff01; 今天给大家分享一个超高水准的项目&#xff1a;基于nodejsvue3研发的高仿网易云音乐&#xff0c;项目内容出自寻码网&#xff01; 技术栈&a…...

编程日记 2023/6/1 8:18:13

MySQL数据库用户管理以及数据库用户授权

一、数据库用户管理 1、新建用户 CREATE USER 用户名来源地址 [IDENTIFIED BY [PASSWORD] 密码]; ---------------------------------------------------------------------------------------------------------- 用户名&#xff1a;指定将创建的用户名 来源地址&#xff1a…...

编程日记 2023/5/17 0:44:48

全面分析生物技术的优缺点以及应用场景

一、 引言 生物识别技术具有不可撤销性、高度便利性和较低错误率等优势&#xff0c;在安全领域中也备受瞩目。然而&#xff0c;对于生物识别技术在应对安全挑战方面的可靠性和有效性&#xff0c;但争议并未被完全解决 二、生物识别技术的介绍 所谓生物识别技术就是&#xff0c;…...

编程日记 2023/5/17 0:39:47

OpenAI是什么？

OpenAI是一家人工智能技术公司&#xff0c;成立于2015年&#xff0c;总部位于美国旧金山。它的创始人包括埃隆马斯克等多名知名人士&#xff0c;公司的目标是推进人工智能技术的发展&#xff0c;同时确保人工智能的发展不会对人类造成负面影响。 OpenAI在研究和开发各种人工智能…...

编程日记 2023/5/17 0:34:46

量子计算——新兴领域的前沿技术

随着人类社会文明的不断进步&#xff0c;计算技术也在不断发展。传统计算机在过去的几十年中快速发展&#xff0c;计算速度、存储能力等方面发生了天翻地覆的变化。但随着大数据、人工智能、区块链等新兴领域的迅速崛起&#xff0c;传统计算机的发展似乎面临了瓶颈。在这样的背…...

编程日记 2023/5/17 0:29:45

.Net平台下OpenGL绘制图形（1）(VS2019,Winform,C#)

1、介绍 OpenGL&#xff08;英语&#xff1a;Open Graphics Library&#xff0c;译名&#xff1a;开放图形库或者“开放式图形库”&#xff09;是用于渲染2D、3D矢量图形的跨语言、跨平台的应用程序编程接口&#xff08;API&#xff09;。这个接口由近350个不同的函数调用组成…...

编程日记 2023/5/17 0:24:44

Casso的创作纪念日

机缘 注册CSDN的时候才刚上大学&#xff0c;到现在使用CSDN已经四年了&#xff0c;距发布第一篇文章却只刚过去一百多天&#xff0c;刚看到这个提醒消息的时候只感慨时间过得真快&#xff0c;自己也在慢慢成长着&#xff0c;当初刚开始学习的时候&#xff0c;查资料用得最多的就…...

编程日记 2023/5/17 0:19:43

Bernhard‘s Talk on Towards Causal NLP 笔记

因果学习系列笔记 这是我的 GitHub 因果学习笔记仓库 https://github.com/xin007-kong/ryCausalLearning&#xff0c;欢迎 star&#x1f929; 讲者是 Bernhard Schlkopf talk 链接&#xff1a;(41) Bernhard Schoelkopf | Towards Causal NLP | KeynoteEMNLP 2021 Causal Infer…...

编程日记 2023/5/31 6:40:54

ES6模块化规范

在没有ES6模块化规范前&#xff0c;有像AMD、CMD这样的浏览器模块化规范&#xff0c;还有像CommonJS这样的服务端模块化规范。 2015年&#xff0c;JS终于推出了官方的模块化规范&#xff0c;为了统一各种规范&#xff0c;我们简称ES6 模块化。 ES6目前作为JS的内置模块化系统&a…...

编程日记 2023/5/17 0:09:42

红黑树下岗，内核新数据结构上场：maple tree！

在外界看来&#xff0c;Linux 内核的内部似乎变化很少&#xff0c;尤其是像内存管理子系统&#xff08;memory-management subsystem&#xff09;这样的子系统。然而&#xff0c;开发人员时常需要更换内部接口来解决某些长期存在的问题。比如&#xff0c;其中一个问题就是用来保…...

编程日记 2023/5/17 0:04:41

Angular开发之——Angular打包部署项目(04)

一 概述 ng build 构建应用lite-server介绍及安装lite-server部署应用IIS管理器部署应用 二 ng build 构建应用 2.1 执行如下指令构建应用 ng build2.2 构建完成后&#xff0c;会创建一个 dist 文件夹 2.3 直接打开index.html会出错(需要借助于服务器部署) 三 lite-server介…...

编程日记 2023/5/16 23:59:40

深度优先搜索算法思想，题型总结与题目清单（不断更新）

深度优先搜索 深度优先搜索&#xff08;Depth-First Search&#xff0c;简称DFS&#xff09;是一种用于遍历或搜索树或图的算法。这个名称直接来自于这个算法的操作方式&#xff1a;它沿着某一路径深入遍历直到无法继续&#xff0c;然后再回溯进行下一条路径的遍历。 DFS的主要…...

编程日记 2023/5/16 23:54:34

网页三剑客之 CSS

css 在这里不会介绍太多&#xff0c;我们主要重点介绍两个&#xff1a;选择器和盒子模型就够用了。这里看个乐就好了&#xff0c;没有那么多重点&#xff0c;只是简单的认识一下下CSS。 CSS 是什么 CSS 是层叠样式表 (Cascading Style Sheets)的缩写它存在的意义就是&#xf…...

编程日记 2023/5/16 23:49:33

Maven（1）--- Maven入门指南

当然&#xff0c;我可以为你提供Maven的详细介绍&#xff0c;并按照6篇文章的方式进行详细展开。下面是第一篇的内容&#xff0c;采用Markdown格式输出&#xff1a; Maven入门指南 什么是Maven&#xff1f; Maven是一个强大的项目管理工具&#xff0c;被广泛应用于Java项目开…...

编程日记 2023/5/16 23:44:32

C# 实现 Websocket通讯聊天 (管用、超好使，点个赞)

1、背景 WebSocket出现之前&#xff0c;Web端为了实现即时通讯&#xff0c;所用的技术都是Ajax轮询(polling)。轮询是在特定的的时间间隔&#xff08;如每1秒&#xff09;&#xff0c;由浏览器对服务器发出HTTP request&#xff0c;然后由服务器返回最新的数据给客服端的浏览器…...

编程日记 2023/5/16 23:39:31

从编译错误到成功运行：手把手教你用CMake在Ubuntu 20.04上部署GeographicLib地理计算库

从编译错误到成功运行&#xff1a;手把手教你用CMake在Ubuntu 20.04上部署GeographicLib地理计算库 在Linux环境下部署开源库时&#xff0c;许多开发者会直接复制粘贴教程中的命令&#xff0c;却对背后的构建原理一知半解。以GeographicLib为例&#xff0c;这个被广泛应用于地理…...

编程新知 2026/3/31 5:18:10

Z-Image-GGUF开发者案例：集成至内部CMS系统，支持运营人员一键生成Banner

Z-Image-GGUF开发者案例&#xff1a;集成至内部CMS系统&#xff0c;支持运营人员一键生成Banner 1. 项目背景与挑战 想象一下这个场景&#xff1a;你是一家电商公司的运营人员&#xff0c;明天就是“618”大促了&#xff0c;你需要为50个不同的商品制作Banner图。设计团队已经…...

编程新知 2026/3/31 4:11:03

向量化计算失效的7大隐性陷阱，深度解析HotSpot向量编译器决策逻辑

第一章&#xff1a;向量化计算失效的7大隐性陷阱&#xff0c;深度解析HotSpot向量编译器决策逻辑HotSpot JVM 的向量化编译&#xff08;Vector API 编译支持与循环自动向量化&#xff09;并非在所有场景下都能生效。其背后由C2编译器的向量化决策引擎驱动&#xff0c;该引擎基于…...

编程新知 2026/3/31 3:18:18

宝塔面板异地备份数据全攻略：从本地到云端的安全守护

1. 为什么你需要宝塔面板异地备份&#xff1f; 想象一下这样的场景&#xff1a;凌晨三点&#xff0c;你的服务器突然宕机&#xff0c;硬盘彻底损坏。如果所有数据都只存在本地&#xff0c;这意味着网站所有内容、用户数据、订单记录将瞬间归零。我见过太多站长因为单点存储导致…...

编程新知 2026/3/31 1:43:16

球阀市场增长预测：预计到2032年将增长至1473.1亿元

据恒州诚思调研统计&#xff0c;2025年全球球阀市场规模达1078.8亿元&#xff0c;预计到2032年将增长至1473.1亿元&#xff0c;2026-2032年复合增长率&#xff08;CAGR&#xff09;为4.5%。同期&#xff0c;全球球阀产量达19,894万件&#xff0c;平均售价为75美元/件。作为流体…...

编程新知 2026/3/31 0:42:46

Nanbeige 4.1-3B Streamlit WebUI实战：游戏剧情生成与角色对话工具

Nanbeige 4.1-3B Streamlit WebUI实战&#xff1a;游戏剧情生成与角色对话工具 1. 引言&#xff1a;当AI模型遇上二次元聊天室 如果你玩过《蔚蓝档案》这类二次元游戏&#xff0c;一定对里面那个清爽、可爱的手机短信式聊天界面印象深刻。现在&#xff0c;有个好消息是&#…...

编程新知 2026/3/30 23:14:28

零门槛视频创作：OpenCut高效替代方案全解析

零门槛视频创作&#xff1a;OpenCut高效替代方案全解析 【免费下载链接】OpenCut The open-source CapCut alternative 项目地址: https://gitcode.com/gh_mirrors/ap/OpenCut 在数字内容创作爆炸的时代&#xff0c;视频编辑工具的选择直接影响创作效率与作品质量。Open…...

编程新知 2026/3/30 22:13:43

别再让用户长按了！用html2canvas在微信H5里优雅生成分享海报（Vue3/TS实战）

微信H5海报生成实战&#xff1a;用html2canvas打造零摩擦分享体验 每次看到用户笨拙地长按屏幕、小心翼翼地调整手指位置就为了保存一张活动海报&#xff0c;作为开发者的你是否感到一丝愧疚&#xff1f;在移动端体验至上的今天&#xff0c;这种原始操作显然与"优雅"…...

编程新知 2026/3/30 20:28:36

PROJECT MOGFACE开源社区贡献指南：从代码阅读到提交PR的全流程

PROJECT MOGFACE开源社区贡献指南&#xff1a;从代码阅读到提交PR的全流程 你是不是也遇到过这样的情况&#xff1a;在GitHub上看到一个很酷的开源项目&#xff0c;比如最近挺火的PROJECT MOGFACE&#xff0c;心里痒痒的&#xff0c;也想贡献点代码&#xff0c;但一打开那庞大…...

编程新知 2026/3/30 18:52:54

WDMHDA：Windows 旧系统高清音频驱动的突破与挑战

【导语&#xff1a;WDMHDA 是一款适用于 Windows 98SE / ME 的高清音频驱动程序&#xff0c;为旧系统的音频功能带来新可能。但目前处于 Alpha 阶段&#xff0c;存在诸多待解决问题&#xff0c;其发展对旧系统音频生态有重要影响。】WDMHDA&#xff1a;旧系统音频驱动新选择WDM…...

编程新知 2026/3/30 18:06:35