Laui 백엔드를 구축하는 방법

layui에 대해 더 알고 싶다면 다음을 클릭하세요. layui tutorial#🎜 🎜 #

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

1. 공식 웹사이트에서layui를 다운로드합니다(모든 드라이브 문자에 저장 가능)

주소 : http: //www.layui.com/

다운로드가 완료되면 다음과 같은 구조를 볼 수 있습니다

　├─css //css 디렉토리

　│ │ ─modules //모듈 CSS 디렉터리 (일반적으로 모듈이 상대적으로 큰 경우 다음 세 가지와 같이 별도로 추출합니다.)

　│ │ ├─laydate#🎜 🎜#

　│ │ ├ ─layer

　│ │ └─layim

　│ └─layui.css //핵심 스타일 파일

#🎜🎜 #　├─font //글꼴 아이콘 디렉터리

　├─images //이미지 리소스 디렉터리(현재는layim과 editor에서 사용하는 GIF 표현만 사용)

　│─lay //모듈 코어 디렉토리

#🎜 🎜#　│ └─modules //각 모듈 컴포넌트

　│─layui.js //기본 코어 라이브러리

　└─layui.all .js //layui.js 및 모든 모듈의 병합된 파일 포함

2. Git 저장소에서layui의 전체 개발 패키지를 다운로드하여 2차 개발을 용이하게 합니다#🎜 3. npm 설치( 전제조건은 node.js를 먼저 설치하는 것입니다 -----node.js 설치는 다음 섹션을 참조하세요) 🎜🎜#

4. 위 작업을 완료한 후 새 프로젝트를 생성합니다. (여기는 MVC 예입니다)

그런 다음 다운로드한 Layui(완전히, 파일 이름 및 기타 정보를 변경하지 마십시오)를 프로젝트로 이동합니다

# 🎜🎜#

#🎜🎜 # 위 사진과 같이

5 .layui가 배포되었으므로 새 페이지를 만들어 효과를 볼 수 있습니다

#🎜🎜 # MVC에서 새 레이아웃 페이지 만들기(프레임워크의 일부 내용은 동일) , 재사용이 가능하므로 새로운 레이아웃 페이지를 생성해 다른 프로젝트에서도 새로운 마스터 페이지, 사용자 정의 컨트롤 등을 생성할 수 있습니다.)

#🎜🎜 # 주소: http://www.layui.com /demo/admin.html 배경 레이아웃 작성

선택하여 레이아웃 코드를 가져오고 코드를 추가합니다. 레이아웃 페이지에 붙여넣습니다.

레이아웃 페이지의 메인 콘텐츠 영역에 다음과 같이

메소드를 추가합니다. 🎜#

#🎜 🎜#

보기 추가--

다음 효과를 얻으려면 뷰를 실행하세요# 🎜🎜#

레이아웃에 하나를 나열하려면 점프 링크를 추가하세요 페이지--

# 🎜🎜#

새 FormTable 보기 만들기(레이아웃 페이지를 추가하려면 참고) @RenderBody(), 추가 다른 요소, 여기에 추가된 양식 요소, 주소: http://www.layui.com/demo/form.html, 코드 보기를 선택하고 필요한 코드를 페이지에 붙여넣습니다--

　index.cshtml 페이지를 실행한 후 목록 1을 클릭하면 다음과 같은 효과가 나타납니다.

위 작업은 간단히layui를 빌드하고 백엔드 시스템을 빌드하는 작업입니다.

위 내용은 Laui 백엔드를 구축하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!