current location：Home > Technical Articles > Web Front-end > Layui Tutorial
- Direction：
- All web3.0 Backend Development Web Front-end Database Operation and Maintenance Development Tools PHP Framework Daily Programming WeChat Applet Common Problem Other Tech CMS Tutorial Java System Tutorial Computer Tutorials Hardware Tutorial Mobile Tutorial Software Tutorial Mobile Game Tutorial
- Classify：
-
- 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 3720 2019-11-30 13:52:05
-
- 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 3727 2019-11-30 13:45:40
-
- 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 3019 2019-11-30 13:37:41
-
- 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 3567 2019-11-30 13:29:21
-
- 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 4230 2019-11-30 13:16:28
-
- 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 4647 2019-11-30 12:03:15
-
- 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 3065 2019-11-29 14:14:45
-
- 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 6878 2019-11-29 14:02:00
-
- 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 5437 2019-11-29 13:44:43
-
- 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 4288 2019-11-29 13:34:25
-
- 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 2310 2019-11-29 13:23:11
-
- 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 5756 2019-11-28 13:56:29
-
- 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 3691 2019-11-28 13:42:35
-
- 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 6418 2019-11-28 13:18:37
-
- How to add an icon to the layDate input box (with code)
- After obtaining the layDate file package, unzip and store the entire laydate folder (do not split the structure) into any directory of your project. When using it, just introduce laydate.js. This article introduces how to add an icon to the input box when using laydate and gives the complete code.
- Layui Tutorial 5958 2019-11-28 11:46:33
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.
Player special effects
2024-02-29
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
