1 layui简介
采用自身模块规范编写的前端UI框架,遵循原生HTML CSS JS的书写与组织形式,门槛极低,拿来即用。
官网:https://www.layui.com
1.1 目录结构
css : 栅格化布局
js: 模块化 按需加载过程。
layui.all.js (没有模块化 没有按需加载)
layui.js (模块化的 官方模块非常多 css可以统一)
1.2 使用分两步:
1 界面部分不需要用户交互(纯界面)
引入css 直接实现了(container container-fuild)
栅格布局
layui-container
layui-row
layui-col-md
2 有用户交互:
按需引入:
1 自己可自定义配置(可以更改)
2 按照默认配置(不能更改目录接口)
3 layui表单这里有一个 渲染过程: (复选框 下拉菜单)
1 第一笔html打完, 浏览器解析代码。
2 首先执行不是js ,layui的,将界面的html重新处理变成layui风格代码
3 layui 重新编译页面显示效果( 渲染 render )渲染完后,我们才能看到效果。
渲染代码: layui.use([ 'element'], function () {
element = layui.element,
}
2 表单用来获取用户数据,拿到数据之后 提交给 接受页面
get 方式: 地址栏传参 可见的
post 方式: post 地址栏不可见 安全