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

  • layui+php implements multiple file uploads (with code)
    layui+php implements multiple file uploads (with code)
    This article introduces how layui+php implements multiple file uploads, including the complete code. I hope it will be helpful to students learning layui and php! There are comments for every step in the code. I hope you can read and understand it.
    Layui Tutorial 5809 2019-12-03 20:48:38
  • Summary of common usage of layui table component
    Summary of common usage of layui table component
    The table component is one of the core components of layui. It 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 common usage of table components through an example.
    Layui Tutorial 3686 2019-11-30 13:52:05
  • Summary of common usage of layui laypage component
    Summary of common usage of layui laypage component
    The use of the laypage component of the layui framework is very simple. It points to a container used to store paging, and gets some initial values ​​​​through the server to complete paging rendering. Core method: laypage.render(options) sets basic parameters.
    Layui Tutorial 3684 2019-11-30 13:45:40
  • Introduction to the problem of layui time control crashing
    Introduction to the problem of layui time control crashing
    When we use the layui framework, there will be a problem where the time control crashes on the sub-page of the background management system layui, and the time cannot be selected at all. Solution: Change the focus in the default configuration "trigger:'focus'" in the laydate file to click.
    Layui Tutorial 2988 2019-11-30 13:37:41
  • Detailed explanation of layui.layer independent component
    Detailed explanation of layui.layer independent component
    The layer component of the layui framework is still the representative work of layui. Layer has become the most commonly used web elastic layer component in China. Because layer can be used independently, it can also be used modularly through Layui. So please choose according to your actual needs.
    Layui Tutorial 3531 2019-11-30 13:29:21
  • layui timeline usage example
    layui timeline usage example
    There is relatively little introduction to the timeline on the layui official website, which may be too simple. Here, the timeline is encapsulated by requesting background data and automatically filling in the corresponding blocks. I hope it will make it easier for everyone to use the layui framework.
    Layui Tutorial 4187 2019-11-30 13:16:28
  • Layui event listening methods
    Layui event listening methods
    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 introduces you to the methods of implementing various event monitoring in layui, such as monitoring select changes, monitoring checkbox selections, etc.
    Layui Tutorial 4592 2019-11-30 12:03:15
  • layui defines a module and uses the instance
    layui defines a module and uses the instance
    The use of layui modularization is divided into two parts: 1. The setting and use of its own module. 2. Setting up and using custom modules. This article introduces how to customize a module and use it through an example. Use layui.define to define methods and layui.config to define modules.
    Layui Tutorial 2952 2019-11-29 14:14:45
  • Use layui to render table data table (example)
    Use layui to render table data table (example)
    layui is a front-end UI framework written using its own module specifications. The table module is one of the core components of layui. It is used to perform a series of functions and dynamic data operations on tables. This article introduces the use of layui through an example. Method to render table data table.
    Layui Tutorial 6792 2019-11-29 14:02:00
  • Layui date control usage (example)
    Layui date control usage (example)
    Like layer, you can use layDate in layui, or you can use the standalone version of layDate directly. This article introduces how to use the date control in the layui framework through an example. Through this tutorial, you can quickly get started with layui.
    Layui Tutorial 5404 2019-11-29 13:44:43
  • Learning form in layui (example)
    Learning form in layui (example)
    Layui is a front-end UI framework written using its own module specifications. It is an open source modular front-end UI framework that is different from those UI frameworks based on the underlying MVVM. This article introduces how to reference layui and use form through examples.
    Layui Tutorial 4174 2019-11-29 13:34:25
  • Layui module usage specifications (with code)
    Layui module usage specifications (with code)
    Layui's module loading uses the core layui.use(mods, callback) method. This article introduces the methods of loading layui modules, which are pre-loading, on-demand loading, and binding all Layui modules under the layui object. It is recommended to use pre-loading Loading method to load the layui module.
    Layui Tutorial 2277 2019-11-29 13:23:11
  • How to use layui-tree to beautify the left menu
    How to use layui-tree to beautify the left menu
    layui is a front-end UI framework written using its own module specifications. It follows the writing and organizational form of native HTML/CSS/JS. This article introduces how to use layui-tree to beautify the left menu. I hope it can be used by everyone when learning layui. Get started faster.
    Layui Tutorial 5661 2019-11-28 13:56:29
  • Detailed explanation of .net mvc+layui for uploading pictures and texts
    Detailed explanation of .net mvc+layui for uploading pictures and texts
    Image uploading and display is a relatively common function in Internet applications. The image upload control used in the front-end of the image upload function in this article is the layui framework. This article introduces in detail the method of layui working with the database to implement the image upload function.
    Layui Tutorial 3662 2019-11-28 13:42:35
  • layui custom font icon graphic tutorial
    layui custom font icon graphic tutorial
    How to customize font icons in the layui framework: Copy the downloaded font file to the specified directory, and use "iconfont layui-extend-xxxx" to reference the icon on the page.
    Layui Tutorial 6365 2019-11-28 13:18:37

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