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

 by   sentsin JavaScript Version: v2.6.8 License: MIT

kandi X-RAY | layui Summary

kandi X-RAY | layui Summary

layui is a JavaScript library typically used in User Interface, Bootstrap applications. layui has a Permissive License and it has medium support. However layui has 108 bugs and it has 1 vulnerabilities. You can install using 'npm i layuicdn' or download it from GitHub, npm.

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

            kandi-support Support

              layui has a medium active ecosystem.
              It has 24021 star(s) with 6616 fork(s). There are 987 watchers for this library.
              It had no major release in the last 12 months.
              There are 553 open issues and 111 have been closed. On average issues are closed in 137 days. There are 116 open pull requests and 0 closed requests.
              It has a neutral sentiment in the developer community.
              The latest version of layui is v2.6.8

            kandi-Quality Quality

              layui has 108 bugs (0 blocker, 0 critical, 56 major, 52 minor) and 1 code smells.

            kandi-Security Security

              layui has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.
              layui code analysis shows 1 unresolved vulnerabilities (1 blocker, 0 critical, 0 major, 0 minor).
              There are 0 security hotspots that need review.

            kandi-License License

              layui is licensed under the MIT License. This license is Permissive.
              Permissive licenses have the least restrictions, and you can use them in most projects.

            kandi-Reuse Reuse

              layui releases are available to install and integrate.
              Deployable package is available in npm.
              Installation instructions are not available. Examples and code snippets are available.
              layui saves you 2422 person hours of effort in developing the same functionality from scratch.
              It has 5277 lines of code, 0 functions and 69 files.
              It has low code complexity. Code complexity directly impacts maintainability of the code.

            Top functions reviewed by kandi - BETA

            kandi's functional review helps you automatically verify the functionalities of the libraries and avoid rework.
            Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of layui
            Get all kandi verified functions for this library.

            layui Key Features

            No Key Features are available at this moment for layui.

            layui Examples and Code Snippets

            No Code Snippets are available at this moment for layui.

            Community Discussions


            use vue js variables in index.html
            Asked 2020-Nov-26 at 02:08

            I need to use vue js variables inside the index.html page.



            Answered 2020-Nov-26 at 02:08

            Simply you can do this. You can change favicon dynamically from your service or your vuex state. But If you don't want to work with these vanilajs stuffs, so is for you.



            How to add link (which is clickable column by column and fetch data) from google column chart api
            Asked 2020-Nov-05 at 04:35

            Recently I have used Google Chart API to draw a column chart from the data I retrieve from mySQL.

            I want to add external link in google chart for each column chart of it to get the aging days of datediff(current_timestamp,inserted_time from database) between how many days as the image provided.

            Aging Dashboard Google Column Chart API

            as well as 2nd image provided A table of the column chart displayed after clicking of one of the column chart




            Answered 2020-Nov-05 at 04:35

            Since there is no answer and I have found the way for calling the URL , I would like to share for it in here.

            In Javascript for calling the jquery for returning the data from database(mysql/mybatis).



            Try to using ajax form instead of form action (solve)
            Asked 2020-May-15 at 02:32

            I would like to improve user experience at my website. So I try to change the form action ajax, and I has been try some tutorial but I still getting stuck.

            I am using a php forum program/source code call !Discuz and it was from China. Below is my coding now.

            In html.



            Answered 2020-May-14 at 11:21

            You can not initiate a direct browser redirect using server-side code on ajax request like you do with synchronous requests. instead, you have to return a URL to which you want to get redirected to and then do something like location.href = in the result callback.

            for ajax request, the simplest option is using as follows



            Return a value from php to $.get
            Asked 2020-May-14 at 11:15

            Now I am upgrading my website user experience, so I'm trying modify my form from form action to ajax. Coding now work fine, server side can update the database, but I don't know how to return the custom message to my user.

            My html coding.



            Answered 2020-May-14 at 11:10


            how to get the category Id pass to the list of products with vue?
            Asked 2018-Jan-20 at 14:27

            When you click Categories, you get the category_id, pass to the list of products, and display the products by category? go to the jsfiddle.

            How to achieve it? Like the picture below:

            This Apple category:

            This Xiaomi category:

            Look at the javascropt file: ...


            Answered 2018-Jan-20 at 14:27

            You need a computed categoryProducts which filter the products array by category_id, see the jsfiddle.



            Vue.js watched data chang twice with only one request
            Asked 2017-Jul-03 at 01:47
                                please select an entry


            Answered 2017-Mar-24 at 12:50

            There is no option with the value you are setting the variable to. The select object cannot be synced up to show the value, so it reverts the value to undefined.


            Community Discussions, Code Snippets contain sources that include Stack Exchange Network


            No vulnerabilities reported

            Install layui

            You can install using 'npm i layuicdn' or download it from GitHub, npm.


            For any new features, suggestions and bugs create an issue on GitHub. If you have any questions check and ask questions on community page Stack Overflow .
            Find more information at:

            Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items

            Find more libraries
          • HTTPS


          • CLI

            gh repo clone sentsin/layui

          • sshUrl


          • Stay Updated

            Subscribe to our newsletter for trending solutions and developer bootcamps

            Agree to Sign up and Terms & Conditions

            Share this Page

            share link