current location:Home > Technical Articles > Web Front-end > Layui Tutorial

  • Numeric input box with plus and minus buttons under layUI framework
    Numeric input box with plus and minus buttons under layUI framework
    Idea: After opening the layUI document, it is written at the beginning that it supports extended custom modules, and other built-in modules can also be used. In this way, there is no need to write this extension from scratch. Add two buttons to the original input box code, and then bind click events to the two buttons...
    Layui Tutorial 11923 2020-06-08 16:36:03
  • layui implements display of multiple time styles on the same page
    layui implements display of multiple time styles on the same page
    The layui time module mainly uses five types of selection methods as the basic core: year selector, year and month selector, date selector, time selector, date and time selector, etc., and all support range selection (i.e. dual controls).
    Layui Tutorial 3015 2020-06-06 16:54:13
  • The token problem is solved after layui login
    The token problem is solved after layui login
    layui is a very simple and practical background management system building framework. The plug-ins inside are rich and easy to use. You only need to modify them on the original basis. However, it is slightly weak in data processing. The built-in jquery is slightly ineffective in the actual process. Not enough, it would be better if the built-in mvc mode framework could be added.
    Layui Tutorial 4062 2020-06-05 17:27:18
  • Introduction to layui event monitoring
    Introduction to layui event monitoring
    When using layui's form form for verification and submission, if it is combined with vue or three-level linkage, event monitoring is required. This article will introduce to you the method of event monitoring in layui.
    Layui Tutorial 14469 2020-06-03 17:13:45
  • A brief discussion on the difficulties encountered by the layui front-end (collection)
    A brief discussion on the difficulties encountered by the layui front-end (collection)
    layui is a front-end UI framework written using its own module specifications. It is minimalist on the outside, but full of content on the inside. It is light in size and has abundant components. Although layui is very simple, we will always encounter some difficulties when using it. , this article introduces some difficulties that layui front-end will encounter.
    Layui Tutorial 3275 2020-04-06 10:11:18
  • Table method rendering in layui
    Table method rendering in layui
    The table module in layui is used to perform a series of functions and dynamic data operations on tables, covering almost all needs involved in daily business. This article introduces the table method rendering in layui to everyone. I hope it will be helpful to everyone.
    Layui Tutorial 4914 2020-04-04 17:26:03
  • How to use LayUI to implement web page carousel images
    How to use LayUI to implement web page carousel images
    This article introduces the method of using LayUI to implement web page carousel graphics. It has certain reference value. I hope it will be helpful to friends who are learning Layui! If you want to use layui to write a carousel image, you need to download the layui document first. Just download it to your computer and save it anywhere.
    Layui Tutorial 6912 2020-03-21 15:18:54
  • Example of using form in layui
    Example of using form in layui
    layui is a front-end UI framework written using its own module specifications. It has the advantages of native development mode, modularity, and strong compatibility. This article will introduce some methods of using form expression in layui.
    Layui Tutorial 6572 2020-02-13 16:34:03
  • Introduction to progress bar rendering in layui
    Introduction to progress bar rendering in layui
    layui is a front-end UI framework written with its own module specifications. Progress bars are often used in the front-end. This article will introduce you to the method of rendering progress bars in layui. I hope it will be of some help to you.
    Layui Tutorial 6337 2020-02-12 16:14:15
  • Introduction to some underlying methods of LayUI
    Introduction to some underlying methods of LayUI
    layui is a front-end UI framework written using its own module specifications. It follows the writing and organization of native HTML/CSS/JS. The threshold is extremely low and can be used out of the box. This article will introduce you to some of the underlying methods of layui. I hope it will be of some help to you.
    Layui Tutorial 3080 2020-02-11 17:08:53
  • Introduction to layui tag input box inputTags
    Introduction to layui tag input box inputTags
    The layui framework is a front-end UI framework written using its own module specifications. The threshold is extremely low and can be used out of the box. This article introduces inputTags, a type of tag input box used in the layui framework. I hope it will be of some help to you.
    Layui Tutorial 10624 2020-02-07 17:31:33
  • Introduction to Layui time selection box
    Introduction to Layui time selection box
    layui is a front-end UI framework written using its own module specifications. In fact, layui is more oriented to back-end developers. This article will introduce to you how to set the time selection box in the layui framework.
    Layui Tutorial 9416 2020-02-06 16:55:54
  • How to implement background paging using Layui tables
    How to implement background paging using Layui tables
    layui is a front-end UI framework written using its own module specifications. It follows the writing and organization of native HTML/CSS/JS. The threshold is extremely low and can be used out of the box. This article will introduce to you how to use Layui tables to implement background paging.
    Layui Tutorial 3351 2020-02-05 17:24:21
  • Introduction to the properties of layui pop-up layer (open)
    Introduction to the properties of layui pop-up layer (open)
    The layui framework is a front-end UI framework written using its own module specifications. It follows the writing and organizational form of native HTML/CSS/JS. The threshold is extremely low and can be used out of the box. This article introduces you to the properties of the layui pop-up layer (open), and I hope it will be of some help to you.
    Layui Tutorial 12350 2020-01-14 17:41:25
  • Method to implement the cropping function of uploaded images based on layui+cropper.js
    Method to implement the cropping function of uploaded images based on layui+cropper.js
    layui is a front-end UI framework written using its own module specifications. It follows the writing and organization of native HTML/CSS/JS. The threshold is extremely low and can be used out of the box. This article introduces how to implement the cropping function of uploaded images based on layui+cropper.js.
    Layui Tutorial 4654 2020-01-13 16:58:49

Tool Recommendations

jQuery enterprise message form contact code

jQuery enterprise message form contact code is a simple and practical enterprise message form and contact us introduction page code.
form button
2024-02-29

HTML5 MP3 music box playback effects

HTML5 MP3 music box playback special effect is an mp3 music player based on HTML5 css3 to create cute music box emoticons and click the switch button.

HTML5 cool particle animation navigation menu special effects

HTML5 cool particle animation navigation menu special effect is a special effect that changes color when the navigation menu is hovered by the mouse.
Menu navigation
2024-02-29

jQuery visual form drag and drop editing code

jQuery visual form drag and drop editing code is a visual form based on jQuery and bootstrap framework.
form button
2024-02-29

Organic fruit and vegetable supplier web template Bootstrap5

An organic fruit and vegetable supplier web template-Bootstrap5
Bootstrap template
2023-02-03

Bootstrap3 multifunctional data information background management responsive web page template-Novus

Bootstrap3 multifunctional data information background management responsive web page template-Novus
backend template
2023-02-02

Real estate resource service platform web page template Bootstrap5

Real estate resource service platform web page template Bootstrap5
Bootstrap template
2023-02-02

Simple resume information web template Bootstrap4

Simple resume information web template Bootstrap4
Bootstrap template
2023-02-02

Cute summer elements vector material (EPS PNG)

This is a cute summer element vector material, including the sun, sun hat, coconut tree, bikini, airplane, watermelon, ice cream, ice cream, cold drink, swimming ring, flip-flops, pineapple, conch, shell, starfish, crab, Lemons, sunscreen, sunglasses, etc., the materials are provided in EPS and PNG formats, including JPG previews.
PNG material
2024-05-09

Four red 2023 graduation badges vector material (AI EPS PNG)

This is a red 2023 graduation badge vector material, four in total, available in AI, EPS and PNG formats, including JPG preview.
PNG material
2024-02-29

Singing bird and cart filled with flowers design spring banner vector material (AI EPS)

This is a spring banner vector material designed with singing birds and a cart full of flowers. It is available in AI and EPS formats, including JPG preview.
banner picture
2024-02-29

Golden graduation cap vector material (EPS PNG)

This is a golden graduation cap vector material, available in EPS and PNG formats, including JPG preview.
PNG material
2024-02-27

Home Decor Cleaning and Repair Service Company Website Template

Home Decoration Cleaning and Maintenance Service Company Website Template is a website template download suitable for promotional websites that provide home decoration, cleaning, maintenance and other service organizations. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-05-09

Fresh color personal resume guide page template

Fresh color matching personal job application resume guide page template is a personal job search resume work display guide page web template download suitable for fresh color matching style. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-29

Designer Creative Job Resume Web Template

Designer Creative Job Resume Web Template is a downloadable web template for personal job resume display suitable for various designer positions. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-28

Modern engineering construction company website template

The modern engineering and construction company website template is a downloadable website template suitable for promotion of the engineering and construction service industry. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-28