Layui 프레임워크란 무엇입니까?

소개

layui(동음어: UI와 유사)는 자체 모듈 사양을 사용하여 작성된 프런트 엔드 UI 프레임워크로 기본 HTML/CSS/JS의 작성 및 구성 형식을 따릅니다. 매우 낮습니다. 사용 준비가 완료되었습니다. 외부는 미니멀하지만 내부는 꽉 차 있습니다. 크기가 가볍고 구성 요소가 풍부합니다. 핵심 코드부터 API까지 모든 세부 사항이 신중하게 제작되어 빠른 인터페이스 개발에 매우 적합합니다. Layui의 첫 번째 버전은 2016년 황금빛 가을에 출시되었습니다. MVVM의 하위 계층을 기반으로 한 UI 프레임워크와는 다르지만 추세에 거스르지 않고 자연으로 돌아가는 것을 믿습니다. 정확하게 말하면 서버 측 프로그래머를 위해 더욱 맞춤화되었습니다. 다양한 프런트 엔드 도구의 복잡한 구성에 참여할 필요가 없으며 브라우저 자체와 모든 요소 및 상호 작용만 하면 됩니다. 당신의 손끝에서 필요한 것을 찾을 수 있습니다.

layui는 현재 인간이 사용하는 모든 브라우저(IE6/7 제외)와 호환되며, PC 측 백엔드 시스템 및 프런트엔드 인터페이스를 위한 빠른 개발 솔루션으로 사용할 수 있습니다.

Get Layui

1. 공식 홈페이지 홈페이지 다운로드

Layui 공식 홈페이지 다운로드: https://www.layui.com/ 자동으로 구축되어 더욱 적합한 최신 버전의 Layui를 다운로드하세요. 프로덕션 환경에서 사용합니다. 디렉토리 구조는 다음과 같습니다:

2. Git 저장소 다운로드

GitHub 또는 Code Cloud를 통해 Layui의 전체 개발 패키지를 다운로드하여 2차 개발을 수행하거나 Laui를 포크하여 솔루션을 제공할 수도 있습니다

3. npm 설치

npm install layui-src

는 일반적으로 WebPack 관리에 사용됩니다

관련 권장 사항: "layui 프레임워크 튜토리얼"

usage

1layui의 모듈 사양을 따르는 것이 좋습니다. 그리고 아래와 같이layui.use()를 통해 엔트리 파일을 로드합니다.

 上述的 index 即为你/js/modules/ 目录下的 index.js，它的内容如下： /** 项目JS主入口 以依赖layui的layer和form模块为例 **/ layui.define(['layer', 'form'], function(exports){ var layer = layui.layer ,form = layui.form; layer.msg('Hello World'); exports('index', {}); //注意，这里是模块输出的核心，模块名必须和use时的模块名一致 });

2. Non-modular Usage

layui의 모듈식 구성이 마음에 들지 않으면 " 일회성 로딩" "이런 방식으로layui.js와 모든 모듈을 개별적으로 패키지하여 완전한 js 파일로 병합합니다. 이 파일을 사용할 때 직접 가져올 수 있습니다. 이 접근 방식을 채택하면 더 이상layui.use() 메서드를 통해 모듈을 로드할 필요가 없으며 다음과 같이 직접 사용할 수 있습니다.

하지만 이 접근 방식을 채택하면layui의 모듈성이 의미를 잃었습니다. 그러나 사용하기가 더 간단하고 간단하다는 것은 부인할 수 없습니다.

위 내용은 Layui 프레임워크란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!