layui框架入门篇

layui框架入门篇（一）——引入

layui（谐音：类 UI) 是一套开源的 Web UI 解决方案，采用自身经典的模块化规范，并遵循原生 HTML/CSS/JS 的开发方式，极易上手，拿来即用。其风格简约轻盈，而组件优雅丰盈，从源代码到使用方法的每一处细节都经过精心雕琢，非常适合网页界面的快速开发。layui 区别于那些基于 MVVM 底层的前端框架，却并非逆道而行，而是信奉返璞归真之道。准确地说，它更多是面向后端开发者，你无需涉足前端各种工具，只需面对浏览器本身，让一切你所需要的元素与交互，从这里信手拈来。

附上layui官网
https://www.layui.com/

下载完成后将其解压拿出layui文件夹
打开编辑器，将其放入。

然后在html中引入css文件和js文件。
在这里我们使用的是 layui.css 和 layui.js 这两个文件。

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

layui框架入门篇相关推荐

layUi框架入门篇（一）
layUi框架学习笔记(一) 整理人:LF 时间:2017-9-1 表示今天第一次听说了layui的前端框架,上网搜了很多的资料和图示,对比了一下自己辛辛苦苦写了十天的网页样式,最后不得不感叹前端框架 ...
layUi框架入门篇（三）
部分Js代码拆解分析上一次的笔记中初步使用了官方文档中的示例在自己的项目中跑了一遍,成功,而且功能很完善.视觉效果也挺不错,HTML和CSS部分的引用代码没有难点,今天就来分析一下JS中的代码实现以 ...
layUi框架入门篇（二）
快速使用layUi 前面提到过先引入js和CSS文件,然后如何使用呢?今天来慢慢拆解其中的代码. 首先引入资源: <meta http-equiv="Content-Type" ...
Cucumber框架入门篇
Cucumber介绍 Cucumber是一个支持BDD(Behavior Driven Development),即行为驱动开发的自动化测试框架.在进行单元测试或者集成测试之前,事先将测试的步骤和验证 ...
JeeSite4开源框架入门篇（一）
摘要:今天无意中发现一个较好的开源框架JesSite,JeeSite4是一个 Java EE 企业级快速开发平台,基于经典技术组合(Spring Boot.Spring MVC.Apache Shir ...
springboot集成spring security安全框架入门篇
一. :spring security的简介 Spring Security是一个能够为基于Spring的企业应用系统提供声明式的安全访问控制解决方案的安全框架.它提供了一组可以在Spring应用上下 ...
《Java从入门到放弃》框架入门篇：hibernate中的多表对应关系（二）
前一篇讲完了一对多的关系,通过与JDBC对比应该能发现,是不是比JDBC简单了很多? 我们只需要把对象只间的包含或对应关系理清楚,完全不用我们自己来写SQL语句.所以使用hibernate框架后,我们 ...
自动化测试框架-pytest框架入门篇
前段时间,九九姐更新了自动化测试中unittest框架,然后有很多小伙伴私聊九九姐,说想学习一下pytest框架的内容.既然大家已经说话了,九九姐怎么能不安排呢,所以今天就给大家说一说pytest框架 ...
Java框架入门篇——Spring
文章目录前言 1.Spring是什么? 2.Spring 的优点? 3.Spring的IoC理解 4.Spring的AOP理解 5.BeanFactory和ApplicationContext有什么 ...

layui框架入门篇

layui框架入门篇（一）——引入

layui框架入门篇相关推荐

最新文章

热门文章