[EasyUI + MVC - 백 스테이지 프레임 구축]
jQuery EasyUI 는 jQuery 를 기반 으로 한 UI 플러그 인 집합체 이 며, jQuery EasyUI 의 목 표 는 웹 개발 자 들 이 기능 이 풍부 하고 아름 다운 UI 인터페이스 를 쉽게 만 들 수 있 도록 돕 는 것 이다.
공식 사이트:http://www.jeasyui.com/
2. EasyUI 패 키 지 를 다운로드 하여 배경 프레임 워 크 구축
최신 EasyUI 패키지 다운로드:http://www.jeasyui.com/download/index.php
최신 Easyui 테마 패키지 다운로드:http://www.jeasyui.com/extension/themes.php
3. 새로 만 든. NET MVC 웹 프로젝트
MVC 웹 프로그램 을 새로 만 듭 니 다. 다운로드 한 EasyUI 패키지 와 테마 패키지 의 압축 을 풀 고 프로젝트 디 렉 터 리 로 복사 합 니 다.
새 컨트롤 러 홈, 보기 페이지 인덱스 추가.head 부분 코드 는 다음 과 같 습 니 다.
body 부분 코드:
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
@* *@
<link id="easyuiTheme" href="~/Content/jquery-easyui-1.4.5/themes/metro/easyui.css" rel="stylesheet" />
<link href="~/Content/jquery-easyui-1.4.5/themes/icon.css" rel="stylesheet" />
<link href="~/Content/jquery-easyui-1.4.5/themes/color.css" rel="stylesheet" />
<link href="~/Content/jquery-easyui-1.4.5/demo/demo.css" rel="stylesheet" />
<script src="~/Content/jquery-easyui-1.4.5/jquery.min.js"></script>
<script src="~/Content/jquery-easyui-1.4.5/jquery.easyui.min.js"></script>
<style type="text/css">
.fm {
margin: 0;
padding: 10px 30px;
}
.ftitle {
font-size: 14px;
font-weight: bold;
padding: 5px 0;
margin-bottom: 10px;
border-bottom: 1px solid #ccc;
}
.fitem {
margin-bottom: 5px;
}
.fitem label {
display: inline-block;
width: 80px;
}
.fitem input {
width: 160px;
}
</style>
</head>
4. 작업 구역 배치
5. 메뉴 표시 줄 클릭: 왔다갔다 전환
6. 테마 변경: 메시지 알림 메시지 자동 종료
7. 작업 영역 에 동적 으로 Tab 옵션 을 추가 합 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
jQuery 전후 예이 기사에서는 jquery after() 및 before() 메소드의 예를 볼 것입니다. before() 메서드는 선택한 요소 앞에 지정된 콘텐츠를 삽입합니다. after() 메서드는 선택한 요소 뒤에 지정된 콘텐츠...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.