Exjs_extjs 시작하기

WBOY원래의: 2016-05-16 18:30:211494검색

Extjs의 멋진 인터페이스를 보고 갑자기 그것을 배우고 싶은 설명할 수 없는 충동이 생겼습니다!

Extjs는 yui-ext에서 개발된 ajax 컨트롤 세트입니다. 완벽한 기능으로 인해 ext-all.js는 400,000개 이상의 기능을 제공합니다(최신 extjs3.2.0에는 더 많은 기능이 포함되어 있습니다). 600k 이상), 이는 js 및 css를 기반으로 한 기능 구현으로 생각됩니다. 또한 클라이언트 시스템의 성능에 대한 특정 요구 사항이 있습니다. 예를 들어 ie6 이하 버전은 지원하지 않습니다.

이제 Extjs를 배워보겠습니다. (나도 이제 막 배우는 단계이므로 기사에서 궁금한 점을 질문해 주시길 바랍니다.) "Hello World"는 오늘날의 프로그래밍 언어에 대한 고전적인 입문 프로그램입니다. 많은 교과서에서 "Hello World"를 사용하여 우리를 놀라운 프로그래밍 세계로 안내합니다.

Extjs 프레임워크를 사용하여 응용 프로그램을 개발하기 전에 Extjs 리소스 패키지를 프로젝트에 가져와야 합니다. 최신 Extjs 개발 패키지 버전은 3.2.0이며, Extjs 공식 웹사이트(URL)에서 다운로드할 수 있습니다. 🎜>www.extjs.com/download. 다운로드가 완료되면 압축을 풀어주세요. 압축이 풀린 구조도는 아래와 같습니다.

Extjs 개발 패키지를 다운로드한 후 Extjs를 개발할 수 있습니다. 먼저 VS2008을 열고 Com.KimiYang.Web이라는 새 프로젝트를 만듭니다. 프로젝트를 빌드한 후 방금 압축을 푼 Extjs 개발 패키지를 프로젝트에 복사합니다. 디렉터리 어댑터, 리소스 및 ext-all.js 파일을 프로젝트에 복사해야 합니다. 프로젝트의 루트 디렉터리에 Extjs3.2.0 폴더를 새로 생성한 후, 위의 폴더와 파일들을 Extjs3.2.0 폴더에 복사했습니다. 디렉토리 구조는 아래와 같습니다.

이제 "Hello World" 프로그램 작성을 시작합니다. Default.aspx 페이지에 직접 작성하고 Default.aspx 페이지를 엽니다. Extjs를 사용하여 애플리케이션을 개발하려면 Extjs 개발을 프로젝트로 가져오는 것만으로는 충분하지 않으며 페이지에서 해당 파일을 참조해야 합니다. 가장 핵심 파일은 다음 세 가지입니다: resources/css/ext-all.css(인터페이스 스타일을 제어하고 보조 스타일을 도입하지 않으면 페이지 혼란이 직접 발생함), Adapter/ext/ext-base.js 및 ext-all. Node.js(이 두 파일에는 Extjs의 모든 기능이 포함되어 있습니다.) 위의 세 가지 파일 외에 중국 개발자는 Extjs3.2.0/src/locale/ext-lang-zh_CN.js(중국어) 파일도 도입해야 합니다. 번역). 위 파일을 순서대로 참조해야 하며, 그렇지 않으면 프로그램 오류가 발생합니다. 다음은 "Hello World" 코드입니다. 사용자가 페이지를 열면 Hello Wold를 표시하는 대화 상자가 나타납니다.

코드 복사 코드는 다음과 같습니다.

<%@ Page Language="C# " AutoEventWireup= "true" CodeBehind="Default.aspx.cs" Inherits="Com.KimiYang.Web._Default" %>

제목 없는 페이지