Layui 简单介绍及入门

目录

一.Layui   (国产品牌)

        1.1 Layui是什么

二.比较layui和easyui,bootstrap的区别

        2.1 layui和bootstrap的对比

        2.2 layui和easyui对比

三.Layui入门

四.案例


一.Layui   (国产品牌)

        1.1 Layui是什么

       用我的话来说就是  不仅拥有easyui丰富的组件库,还拥有bootstrap 的美观,嘿嘿

        layui是一套开源的 Web UI 解决方案,采用自身经典的模块化规范,并遵循原生 HTML/CSS/JS 的开发方式,极易上手,非常适合网页界面的快速开发。layui 区别于那些基于    MVVM 底层的前端框架,却并非逆道而行,而是信奉返璞归真之道。准确地说,它更多是面向后端开发者,你无需涉足前端各种工具,只需面对浏览器本身,让一切你所需要的元素与交互,从这里信手拈来。

         由国人开发(作者贤心),16年出厂的框架,该框架有个极大的好处就是定义了很多前后端交互的样式接口,如分页表格,只需在前端配置好接口,后端则按照定义好的接口规则返回数据,即可完成页面的展示,极大减少了后端人员的开发成本

            但很可惜的是,该框架早在2021年就已经宣布下线,毕竟是开源的,所有的组件都是免费的,哈哈哈,但是又田螺好人全部复制了一份,也是有这么一个网站存在,市面上也有一些公司仍在使用中.....

官方网站:https://www.layui.com/(已下线)

参考地址:在线示例 - Layui (非官网)

二.比较layui和easyui,bootstrap的区别

        2.1 layui和bootstrap的对比

       layui是国人开发的一款轻量级的框架,2016年出来,现已更新到2.x版本,样式丰富好看简单。而bootstrap  相对于来说比较成熟,现已更新到4.x版本,而且大部分的人的知道了解。

        (1).两者的适用范围不一样  。

        layui 更偏向与后端开发人员使用,在服务端页面上有很好的效果,而且layui是提供给后端开发人员最好的ui框架,是基于DOM驱动,在实现前端交互上比较麻烦,页面的DOM需要查询DOM元素。

        (2) 大小不一样

        layui 轻量级 ,而bootsrap 因为成熟,所以使用方便,但是同时也是因为成熟,就显得有些冗余

        2.2 layui和easyui对比

      1.easyui 是非开源的,有需要解决的问题的话,就只能等官方更新了
      2.layui是开源的,社区比较活跃,解决问题还是比较快的
      3.easyui诞生的早些,所以功能相对完善一些,很多功能都能是比较健全的
      4.layui就相对来说少一些了,不过,功能都是像官网说的,精雕细琢
      5.layui更符合现在的审美

三.Layui入门

1.点击那个连接进去有很多下载方法

 2.下载完后得到压缩包:

 3.将js文件和css文件导入,即可使用,在Layui主页面 有尝试代码

如果运行界面能弹出 一个hello world 的按钮即为 Layui没问题就可以开始工作了

四.案例

用Layui做一个注册

其实这是Layui里面都有,我们直接复制过来即可,点击表单,右边会有很多模板,自己任意挑选就行

 这是我复制的·界面

 代码:用的ajax写的后台就是我运用的是前面我的文章中的自定义mvc写的,主要是前台,运用了ajax传值

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/20945.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

MySQL每日一练:多表查询——连接查询、子查询

目录 1、首先创建员工表emp和部门表dept: dept表: emp表: 2、插入数据: dept表: emp表: 3、 按条件查找 1、首先创建员工表emp和部门表dept: dept表: create table dept (…

【MQ】Windows上RabbitMQ的安装与启动

文章目录 下载Erlang安装RabbitMQ 下载Erlang RabbitMQ基于Erlang语言,因此使用RabbitMQ之前需要先安装Erlang,如下 Erlang语言下载 这里我是用的是25.2.2这个版本,我的机器是64bit的,所以下win64的即可。 下载完毕安装包之后点…

2023年软件测试岗位将会越来越少吗?

我的整体意见是测试岗位不会变少,反而相对于其他岗位会变的更重要一些。 首先纠正一个非常非常错误的观念。测试和测试开发是两个岗位?No,不是的。测试开发是属于测试的。 测试开发只不过是使用类似于开发的技术和能力,来达到测试…

【接口/性能测试】Jmeter引用 jar包的三种方式(详细)

目录:导读 前言一、Python编程入门到精通二、接口自动化项目实战三、Web自动化项目实战四、App自动化项目实战五、一线大厂简历六、测试开发DevOps体系七、常用自动化测试工具八、JMeter性能测试九、总结(尾部小惊喜) 前言 实现对登录密码进…

idea-spring boot开发

安装maven与配置配置maven安装插件 已经装好了idea与jdk 安装maven与配置 下载地址: https://maven.apache.org/download.cgi 下载合适的版本 配置maven 打开设置: 直接搜索 :maven 配置变量: 此电脑->属性->高级系统设置->环境变量 新建系统变量 MAVEN_HOME&#xff…

windows提权总结

文章目录 windows基础知识提权总结基础知识提权思路metasplit 提权反弹shell提权windows系统配置错误提权系统服务权限配置错误不带引号的服务路径提权注册键 AlwaysInstallElevated 本地dll劫持提权第三方提权sqlserver提权mysql提权MOF提权G6FTP提权 绕过UAC bypassuac远程终…

使用 TensorRT、卡尔曼滤波器和 SORT 算法进行实时对象检测和跟踪:第 1 部分训练模型

实时物体检测和跟踪在监控、自动驾驶和机器人等各种应用中至关重要。这些任务需要能够实时处理高分辨率视频流的高效算法。近年来,基于深度学习的目标检测算法(例如YOLO、SSD和Faster R-CNN)在图像和视频中的目标检测和定位方面显示出了令人印象深刻的结果。然而,这些算法的…

rust 自动化测试、迭代器与闭包、智能指针、无畏并发

编写测试可以让我们的代码在后续迭代过程中不出现功能性缺陷问题&#xff1b;理解迭代器、闭包的函数式编程特性&#xff1b;Box<T>智能指针在堆上存储数据&#xff0c;Rc<T>智能指针开启多所有权模式等&#xff1b;理解并发&#xff0c;如何安全的使用线程&#x…

基于深度学习的高精度课堂人脸检测系统(PyTorch+Pyside6+YOLOv5模型)

摘要&#xff1a;基于深度学习的高精度课堂人脸检测系统可用于日常生活中或野外来检测与定位课堂人脸目标&#xff0c;利用深度学习算法可实现图片、视频、摄像头等方式的课堂人脸目标检测识别&#xff0c;另外支持结果可视化与图片或视频检测结果的导出。本系统采用YOLOv5目标…

回归预测 | MATLAB实现ELM极限学习机多输入单输出回归预测(多指标、相关图)

回归预测 | MATLAB实现ELM极限学习机多输入单输出回归预测(多指标、相关图) 目录 回归预测 | MATLAB实现ELM极限学习机多输入单输出回归预测(多指标、相关图)效果一览基本介绍程序设计学习总结参考资料效果一览 基本介绍 回归预测 | MATLAB实现ELM极限学习机多输入单输出回…

pandas 笔记 style 调整DataFrame格式

1 format 1.0 数据 # Visual Python: Data Analysis > File vp_df pd.read_csv(https://raw.githubusercontent.com/visualpython/visualpython/main/visualpython/data/sample_csv/iris.csv) vp_dfvp_df[:5] vp_df.at[0,sepal_length]np.nan vp_df.at[2,sepal_length]10…

文心一言 VS 讯飞星火 VS chatgpt (58)-- 算法导论6.4 2题

文心一言 VS 讯飞星火 VS chatgpt &#xff08;58&#xff09;-- 算法导论6.4 2题 二、试分析在使用下列循环不变量时&#xff0c;HEAPSORT 的正确性&#xff1a;在算法的第 2~5行 for 循环每次迭代开始时&#xff0c;子数组 A[1…i]是一个包含了数组A[1…n]中第i小元素的最大…