layui引入php项目,Layui使用入门教程
layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。非常适合界面的快速开发。
获得 layui 后,将其完整地部署到你的项目目录(或静态资源服务器),你只需要引入下述两个文件:./layui/css/layui.css
./layui/layui.js //提示:如果是采用非模块化方式(最下面有讲解),此处可换成:./layui/layui.all.js
没错,不用去管其它任何文件。因为他们(比如各模块)都是在最终使用的时候才会自动加载。
这是一个基本的入门页面:
开始使用layui
//一般直接写在一个js文件中
layui.use(['layer', 'form'], function(){
var layer = layui.layer
,form = layui.form;
layer.msg('Hello World');
});
注:使用layui需要先加载模块使用,上述代码中就是预先加载模块!如果 首先不加载模块就直接layer. 使用的话运行时是会报错的!找不到layer该对象或者找不到方法等其他问题!layui.use(['layer', 'form'], function(){
var layer = layui.layer
,form = layui.form;
});
下面是我使用的代码案例:
调用layui:
预先加载://layui layer
let layuiLayer;
//layui预先加载
layui.use(['layer'], function () {
layuiLayer = layui.layer;
});
使用layui对象:layuiLayer.open({
title: '提示',
content: '请输入名字!'
})
layui引入php项目,Layui使用入门教程相关推荐
- uni-app项目开发-----初级入门教程(从0到1制作打包自己的app)
uni-app项目开发-----初级入门教程(从0到1制作打包自己的app) uni-app实现了一套代码,同时运行到多个平台.支持iOS模拟器.Android模拟器.H5.微信开发者工具.支付宝小程 ...
- [github 教程]手把手教你最简单的开源项目托管GitHub入门教程_github 教程
[github 教程]手把手教你最简单的开源项目托管GitHub入门教程--简介 自从google code关闭了下载服务了之后,GitHub作为了目前最好用的免费 开源 项目托管站点,众多开源项目都 ...
- layui引入php项目,怎么将layui引入开发框架中
将layui引入开发框架中的方法:首先下载layui框架包:然后将layui文件夹拷入项目位置:接着在页面中导入"layui.all.js","layui.css&quo ...
- java实现layui分页_SSM项目layui分页实例
最近学了layui,发现其中的分页挺有意思的,所以整理了一下,一遍自己随时查看.(官方文档上已经很详细了,当中有不足的地方欢迎大家指出) 关于前台的js文件,css样式,js样式,大家可以到官网下 本 ...
- Spring MVC项目搭建,入门教程:俗话说师傅领进门,修行在个人
Demo的结构: 准备jar包,上面项目结构的jar 包请自行准备: 创建resources根目录,在里面创建spring mvc 的配置文件:springmvc.xml 根目录创建方法:resour ...
- 基于layui的开源项目LAYUI MINI后台模板
介绍: 界面足够简洁清爽,响应式且适配手机端. 一个接口几行代码而已直接初始化整个框架,无需复杂操作. 页面支持多配色方案,可自行选择喜欢的配色. 支持多tab,可以打开多窗口. 支持无限级菜单和对f ...
- PR软件入门教程 Adobe Premiere Pro 快速入门指南
原文(包含图片)链接:https://www.prjianji.com/1.html 了解如何开始使用面向电影制作人.电视节目制作人.新闻记者.学生和视频制作人员的非线性编辑软件 Premiere P ...
- layui个人中心html,Layui的简易入门教程
layui是一款采用自身模块规范编写的前端UI框架,非常适合界面的快速开发.本篇文章给大家分享一下Layui的简易入门教程,介绍一下layui如何在你的项目中使用. 获得 layui 后,将其完整地部 ...
- Layui使用入门教程
获得 layui 后,将其完整地部署到你的项目目录(或静态资源服务器),你只需要引入下述两个文件: ./layui/css/layui.css ./layui/layui.js //提示:如果是采用非 ...
最新文章
- 被大众群体吹的神乎其神的Python到底都能干什么
- [WUST2017]一组简单一点的题目(三) A - Calculate S(n)
- 通讯业2月网络广告投放环比增33% 联通居首位
- SAP TableControl 控制单个单元格输入
- HTML语言剖析(二)HTML标记一览
- 条码专题--条码技术应用
- k-means聚类算法原理简析
- java 继承是什么_java中继承指的是什么
- php幂函数,PHP-常用函数
- T - 地狱之门 (URAL - 1036 )
- 软件工程师必须掌握的知识结构
- 翻译《文件系统取证分析》第13章
- 硬盘柱面损坏怎么办_硬盘0磁道损坏怎么办
- spyder配置文件位置及使用说明
- Numpy 数组切片
- android界面UI美化:沉浸模式、全透明或半透明状态栏及导航栏的实现
- AWS IOT C++ SDK 使用
- PHP简单的伪静态URL机制实现
- 电商网站示例代码(ECShop_V4.1.1_UTF8_release20200929
- Python爬虫(前言):有趣的一个爬虫实例(爬取段子,笑话,情感句子)
热门文章
- RTX3070Ti和RTX2080Ti哪个强 RTX3070Ti和RTX2080Ti参数对比哪个好
- vue+elementui最简单的面包屑写法
- char int word long的大小
- 什么叫单模光纤_什么叫单模光纤_单模光纤的特点是什么 - 全文
- 五大车载操作(VOS)系统优劣对比,车载系统架构分析-QNX系统性能分析
- WSTMart开源商城
- Unity学习笔记 球形全景图平面像素坐标与三维坐标系上的坐标之间的转换
- 关于用户 email 邮件地址是否允许有加号的问题
- 《Python数据分析与挖掘实战》第7章-聚类+绘制雷达图
- 中国移动家庭智能网关超级账号密码(广西桂林)