Layui 입문

Layui 입문

  ，         Layui，       ，             。

layui(조화: 클래스 UI)는 원생 HTML/CSS/JS의 쓰기와 조직 형식을 따르고 MVVM의 밑바닥을 바탕으로 하는 UI 프레임워크와 구별하지만 역행하지 않는다.정확히 말하자면, 그녀는 더 많은 서버 프로그래머를 위해 정해진 것이다. 당신은 각종 전방 도구의 복잡한 설정에 끼어들 필요가 없다. 브라우저 자체에 직면하여 당신이 필요로 하는 모든 요소와 상호작용을 여기서 손쉽게 얻을 수 있다.
호환성 및 장면 지향

layui               （IE6/7  ），    PC                  。

그럼 저희가 Layui를 어떻게 획득해야 할지.

공식 문서 다운로드 공식 홈페이지

Git 웨어하우스 다운로드 GitHub

npm 설치

npm i layui-src  

일반적으로 WebPack 관리
빨리 시작하다
layui를 획득한 후 프로젝트 디렉터리(또는 정적 자원 서버)에 완전하게 배치합니다. 다음 두 파일만 도입하면 됩니다.

./layui/css/layui.css
./layui/layui.js //  ：           （      ），     ：./layui/layui.all.js

기본 시작 페이지

  
  
  
  


 

 


//        js   
layui.use(['layer', 'form'], function()</span><span class="token punctuation">{
     </span>
  var layer = layui.layer
  ,form = layui.form<span class="token punctuation">;</span>
  
  layer.<span class="token function">msg</span><span class="token punctuation">(</span><span class="token string">'Hello World'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
 

Layui 입문은 여기까지입니다.