后台友好的前端框架LayUI

前言

最近在准备找工作的事项，但是作为一个后台也是需要了解一些前端框架的。就目前的来说有大火的VUE，但是VUE还是存在一定的学习成本，所以决定先从对后台友好的LayUI开始入手先做一些小项目练练手，后面会考虑使用VUE+ElementUI做一个大型一点的SAAS系统。查阅资料后得到如下文章，作为学习记录使用。

LayUI入门

LayUI的官网
LayUI是开源模块化前端 UI 框架，由职业前端倾情打造，面向全层次的前后端开发者，易上手开箱即用的 Web UI 组件库。

入门指南

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

入门

小试牛刀

引入文件
将下载好的文件引入到工程。
验证引入成功的代码

<!DOCTYPE html>
<html lang="en">
<head><!-- 引入 layui.css --><!--<link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.css">--><!-- 引入 layui.js --><!--<script src="//unpkg.com/layui@2.6.8/dist/layui.js">--><meta charset="UTF-8"><title>LayUI初试</title><!-- LauUI的核心CSS文件--><link rel="stylesheet" type="text/css" href="./layui/css/layui.css"><!-- LauUI的核心JS文件，采用模块化引入--><script src="./layui/layui.js" type="text/javascript" charset="utf-8"></script>
</head>
<body><script>console.log("aaaaaaaaaaaa");layui.use(['layer', 'form'], function(){var layer = layui.layer,form = layui.form;console.log("aaaaaaaaaaaa");layer.msg('Hello World');});</script>
</body>
</html>

访问文件
http://localhost:63342/mjlayui/01startLayui.html?_ijt=drtp672nrf003pp3jeecd7um01

证明文件引入成功。

后台友好的前端框架LayUI相关推荐

前端框架Layui实现动态表格效果用户管理实例（对表格进行CRUD操作-附源码）
目录一.前言 1.什么是表格 2.表格的使用范围二.案例实现 1.案例分析 ①根据需求找到文档源码 ②查询结果在实体中没有该属性 2.dao层编写 ①BaseDao工具类 ②UserDao编写 3 ...
Web 前端框架 Layui
Web 前端框架 Layui 1. 模块化前端框架 Layui 2. 在 Web 项目中引入 Layui 框架 3. 网页轮播特效 4. 表格模块和分页模块的使用 1. 模块化前端框架 Layui L ...
php layui 框架,快速上手前端框架layui
layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用. 一.介绍在使用layui之前,我们先要了解一下la ...
后端程序员的前端捷径-超级容易上手使用的前端框架layUI
作为立志全栈的后端开发,偶尔自己做个页面或者做个建议的OA系统练手,那可必须要自己写出来自己满意的前端页面的– 分享一款超级无敌好用的轻量级前端框架,附上一些个人认为好看实用的可以直接CV拿去用的框架 ...
后台管理系统，前端框架
1:vue-element-admin 推荐指数:star:55k Github 地址:https://github.com/PanJiaChen/vue-element-admin Demo体验:h ...
前端dashboard框架_后台管理系统，前端框架用什么最好？
当你写项目的时候,如何快速的完成一个项目的搭建,这个时候就需要借助到一些模板了,前端开发的一个好处就是,各类UI模板都是相当的齐全的,直接拿来用就可以了,脱离了一行又一行垒代码的繁琐的工作,以下的开源 ...
前端框架Layui学习五：弹出层和数据表格
Layui layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,拿来即用. 一.弹出层在 layui 中使用 layer l ...
前端框架LayUI介绍及用法
LayUI LayUI 的安装及使用 LayUI 的介绍 layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿 ...
国产前端框架LayUI使用教程
第十三章 LayUI 官方文档https://www.layui.com/doc 1.杂七杂八知识点使用LayUI需要引LayUI的源码,之后在引入layui.css以及layui.js <m ...

后台友好的前端框架LayUI

前言

LayUI入门

入门指南

入门

小试牛刀

后台友好的前端框架LayUI相关推荐

最新文章

热门文章