All Projects → sentsin → Layui

sentsin / Layui

Licence: mit
采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写形式,极低门槛,拿来即用。

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Projects that are alternatives of or similar to Layui

qadmin
基于layui框架与Vue.js构建的QAdmin轻量级后台模板
Stars: ✭ 34 (-99.87%)
Mutual labels:  layui
Flash Pop
Flash钓鱼弹窗优化版
Stars: ✭ 288 (-98.87%)
Mutual labels:  layui
Open source bms
Open Source BMS 后台管理系统
Stars: ✭ 351 (-98.62%)
Mutual labels:  layui
elight.mvc
一款基于 Web 的通用管理系统轻量级解决方案
Stars: ✭ 80 (-99.69%)
Mutual labels:  layui
Ok Admin
一个很赞的,扁平化风格的,响应式布局的通用后台模版解决方案,旨为后端程序员减压!目前ok-admin v2.0代码托管在Gitee,如果您觉得好用,star支持一下,么么哒!Gitee传送门:https://gitee.com/wudibo/ok-admin
Stars: ✭ 263 (-98.97%)
Mutual labels:  layui
Lemarket
基于Java SSM框架和layui构建的手机商城系统(包含前后台)
Stars: ✭ 302 (-98.82%)
Mutual labels:  layui
active4j
Active4j-boot是基于SpingBoot2.0轻量级的java快速开发框架。以Spring Framework为核心容器,Spring MVC为模型视图控制器,Mybatis Plus为数据访问层, Apache Shiro为权限授权层, Redis为分布式缓存,Quartz为分布式集群调度,layui作为前端框架并进行前后端分离的开源框架
Stars: ✭ 32 (-99.87%)
Mutual labels:  layui
Skyeye
智能办公OA系统[SpringBoot2-快速开发平台],适用于医院,学校,中小型企业等机构的管理。Activiti5.22+动态表单实现零java代码即可做到复杂业务的流程实施,同时包含文件在线操作、日志、考勤、CRM、ERP进销存、项目、拖拽式生成问卷、日程、笔记、计划、行政等多种复杂业务功能。同时,可进行授权二开。
Stars: ✭ 472 (-98.15%)
Mutual labels:  layui
Wtm
Use WTM to write .netcore app fast !!!
Stars: ✭ 3,403 (-86.66%)
Mutual labels:  layui
Dormitorymanager
学生宿舍管理系统(SSM/Layui框架;毕业设计)
Stars: ✭ 346 (-98.64%)
Mutual labels:  layui
fastapi douyin
更新 2.0 版本,使用 Python WEB 高性能异步框架 FastAPI 制作的抖音无水印解析下载,采用前后端分离思想!
Stars: ✭ 58 (-99.77%)
Mutual labels:  layui
vue2-thinkphp5
thinkphp & vue & layui
Stars: ✭ 37 (-99.85%)
Mutual labels:  layui
Nepadmin
nepadmin 单页面后台模版,基于 layui 2.4.0
Stars: ✭ 309 (-98.79%)
Mutual labels:  layui
LeaApi
LeaApi是一款基于 ThinkPHP5.1+layui2.2 的一款api管理工具,页面简介,功能丰富。
Stars: ✭ 71 (-99.72%)
Mutual labels:  layui
Beego blog
beego+layui go入门开发 简洁美观的个人博客系统
Stars: ✭ 410 (-98.39%)
Mutual labels:  layui
yqdoc
基于语雀API开发的文档系统
Stars: ✭ 64 (-99.75%)
Mutual labels:  layui
Lulichat
陆离Chat,一个以女朋友命名的即时通讯项目
Stars: ✭ 299 (-98.83%)
Mutual labels:  layui
Fslayui
基于layui的前端快速开发框架,支持数据表格增删改查操作,提供通用的组件,通过配置html实现数据请求,减少前端js重复开发的工作。目前支持单数据表格、多数据表格、tab数据表格、树+数据表格、联动数据表格、layeidt编辑器、下拉框联动等。
Stars: ✭ 483 (-98.11%)
Mutual labels:  layui
Webim
基于环信webim+layim的web网页即时通讯 layim H5移动版
Stars: ✭ 448 (-98.24%)
Mutual labels:  layui
Easyadmin
框架主要使用ThinkPHP6.0 + layui,拥有完善的权限的管理模块以及敏捷的开发方式,让你开发起来更加的舒服。
Stars: ✭ 315 (-98.76%)
Mutual labels:  layui

layui

Classic modular front-end UI framework

Version License Build Status Test Coverage


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

返璞归真

layui 定义为“经典模块化”,并非是自吹她自身有多优秀,而是有意避开当下 JS 社区的主流方案,试图以最简单的方式去诠释高效!她的所谓经典,是在于对返璞归真的执念,她以当前浏览器普通认可的方式去组织模块!我们认为,这恰是符合当下国内绝大多数程序员从旧时代过渡到未来新标准的最佳指引。所以 layui 本身也并不是完全遵循于 AMD 时代,准确地说,她试图建立自己的模式,所以你会看到:

//layui模块的定义
layui.define([mods], function(exports){
  
  //……
  
  exports('mod', api);
});  
 
//layui模块的使用
layui.use(['mod1', 'mod2'], function(args){
  var mod = layui.mod1;
  
  //……
  
});    

没错,她具备 AMD 的影子,又并非受限于 CommonJS 的那些条条框框,layui 认为这种轻量的组织方式,比 WebPack 更符合绝大多数场景。所以她坚持采用经典模块化,也正是能让人避开工具的复杂配置,回归简单,安静高效地撸一会原生态的HTML、CSS、JavaScript。

但是 layui 又并非是 Requirejs 那样的模块加载器,而是一款 UI 解决方案,她与 Bootstrap 最大的不同恰恰在于她糅合了自身对经典模块化的理解。

快速上手

获得 layui 后,将其完整地部署到你的静态资源项目目录,你只需要引入下述两个文件:

./layui/css/layui.css
./layui/layui.js

这是一个基本的入门页面:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>开始使用 layui</title>
  <link rel="stylesheet" href="../layui/css/layui.css">
</head>
<body>
 
<!-- 你的HTML代码 -->
 
<script src="../layui/layui.js"></script>
<script>
//一般直接写在一个js文件中
layui.use(['layer', 'form'], function(){
  var layer = layui.layer
  ,form = layui.form;
  
  layer.msg('Hello World');
});
</script> 
</body>
</html>

阅读文档

从现在开始,尽情地拥抱 layui 吧!但愿她能成为你长远的开发伴侣,化作你方寸屏幕前的亿万字节!

贡献者

大概是因为 layui 让开发者变得更懒,所以贡献者才这么少?
好的,姑且就这样认为吧。

Giteye chart

相关

官网更新日志

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].