어떻게 AppML
이 섹션에서는 다음과 같은 네 가지 간단한 단계는 <AppML> 응용 프로그램을 만드는 방법을 설명 할 것이다.
다음 장에서는 <AppML>를 다운로드하고 자신의 컴퓨터에 웹 응용 프로그램을 개발하기 시작하는 방법에 대해 설명합니다.
1. 모델 (모델) 만들기
다음과 같은 내용으로 파일을 만듭니다
<datasource>
<database>
<connection>Demo</connection>
<sql>SELECT CustomerName,ContactName,City,Country FROM Customers</sql>
<orderby>CustomerName</orderby>
</database>
</datasource>
<filters>
<query>
<field>CustomerName</field>
</query>
</filters>
</appml>
하위 디렉토리 모델에서 (우리가 권장) Customers.xml로 파일을 저장합니다.
모델 분석
<Appml> 태그는 모델을 정의합니다.
<데이터 소스> 태그는 데이터 소스 모델을 정의한다.
<데이터베이스> 태그 정의 데이터베이스.
<접속> 태그는 데이터베이스 링크를 정의합니다.
<이 SQL> 태그는 데이터 쿼리를 정의
<ORDERBY> 태그는 기본 정렬을 정의합니다.
<질의> 태그는 합법적 인 쿼리 필터를 정의합니다.
2. 웹 페이지 만들기
첫 번째 <AppML> 응용 프로그램에서, HTML 페이지를 만들 :
예
<html>
<body>
<h1>My First Web Application</h1>
<table>
<tr>
<th>Customer</th>
<th>City</th>
<th>Country</th>
</tr>
<tr>
<td>Alfreds Futterkiste</td>
<td>Berlin</td>
<td>Germany</td>
</tr>
</table>
</body>
</html>
»시도
3. 추가 스타일
전자 <AppML> 응용 프로그램의 구현에, 웹 페이지에서 CSS 스타일을 추가 :
예
<html>
<head>
<link rel="stylesheet" href="appml.css">
</head>
<body>
<h1>My First Web Application</h1>
<table class="appmltable" >
<tr>
<th>Customer</th>
<th>City</th>
<th>Country</th>
</tr>
<tr>
<td>Alfreds Futterkiste</td>
<td>Berlin</td>
<td>Germany</td>
</tr>
</table>
</body>
</html>
»시도
4. 스크립트를 추가하고 응용 프로그램을 실행
<AppML> 응용 프로그램을 실행하는 웹 페이지에 스크립트를 추가합니다
예
<html>
<head>
<link rel="stylesheet" href="appml.css">
</head>
<body>
<h1>My First Web Application</h1>
<div id="Place01">
<table id="Template01" class="appmltable">
<tr>
<th>Customer</th>
<th>City</th>
<th>Country</th>
</tr>
<tr id="appml_row" >
<td> #CustomerName# </td>
<td> #City# </td>
<td> #Country# </td>
</tr>
</table>
</div>
<script src="appml.js"></script>
<script>
app=new AppML("appml.htmlx","Models/Customers.xml");
app.run("Place01","Template01");
</script>
</body>
</html>
»시도
분석의 예
<AppML> 라이브러리 함수를 포함하고 있습니다. 이 기능은 웹 페이지를 호출 할 수 있습니다.
<스크립트 SRC = "appml.js">로드 <AppML> 라이브러리.
자바 스크립트 문 : 응용 프로그램 = 새로운 AppML ( "appml.htmlx ", "모델 / Customers.xml"); AppML 응용 프로그램 객체를 생성 한 다음 데이터 "Customers.xml"파일을로드하는 웹 서버 측 스크립트 "appml.htmlx"를 수행합니다.
자바 스크립트 문 app.run ( "Place01", "Template01을 "); , 아이디 = "Place01"HTML 요소에 데이터를 삽입 템플릿으로 요소의 ID = "Template01"속성을 사용합니다.
속성 ID = "appml_row는"HTML 요소에 각각의 데이터를 정의합니다.
데이터 # 태그 데이터 모델을 대체하는 데 사용된다.
위의 모든, 당신은이 빠르게 프로토 타입을 상상할 수 있는가?
그것은 어떻게 작동합니까?
- 웹 페이지가로드되면 다음 페이지 <AppML> 컨트롤러를로드 할 수 있습니다.
- <AppML> 컨트롤러를 사용하여, 당신은 다음 페이지 <AppML> 개체를 만들 수 있습니다.
- 해당 페이지에서 <AppML> 객체를 실행하면, 서버 데이터 컨트롤러를 요청한다.
- <AppML> 오브젝트가 서버로부터 데이터 (모델 데이터)을 수신한다.
- <AppML> 개체 (또는 코드) 페이지에 데이터를 표시합니다.
- (선택) 웹 사용자는 데이터를 변경할 수있다.
- (선택 사항) <AppML> 서버는 백그라운드에서 데이터를 보낼 수 있습니다.
- (선택적) 컨트롤러 서버는 서버 측에 데이터를 저장할 수있다.
웹 파일 및 폴더 일반 :
|
데이터 폴더 : 데이터 이미지 폴더 : 이미지 모델 폴더 : 모델 응용 프로그램 : Demo.htm 스타일 : Demo.css <AppML> 회원 정보 : appml_config.php (또는 .htmlx) <AppML> 스타일 파일 : appml.css <AppML> 브라우저 컨트롤러 : appml.js <AppML> 서버 컨트롤러 : appml.php (또는 .htmlx) |
제한이 없다
<AppML> 객체는 HTML 페이지에 배치 할 수 있습니다. <AppML> 페이지의 나머지 부분에 영향을주지 않습니다.
<AppML> 페이지 프로그램이 존재하지 않을 때의 표준 디스플레이 페이지로 기본. 이는 신속한 프로토 타입에 적합합니다.
그러나 <AppML>의 주요 기능은 페이지를 표시하는 데 사용되지 않습니다. <AppML>는 주로 그것은 데이터를 HTML, CSS를 무료로 사용할 수 있습니다 제공합니다. 응용 프로그램 데이터를 읽고, 자바 스크립트는 디스플레이를 디자인 할 수 있습니다. 당신은 할 수 있습니다 :
- 나는 HTML은, AppML의 데이터를 처리하자 작성했습니다.
- 모델에 전화 디스플레이를 모두 처리합니다.
- AppML 속성과 메소드, 다른 조합을 만들 수 있습니다.
곧, 강력한 기능과 함께 <AppML>을 발견 할 것이다 당신의 웹 응용 프로그램에 대한 데이터 모델을 제공 할 수 있습니다. 당신은 할 수 있습니다 :
- 데이터 보안을 정의하는 사용자 또는 사용자 그룹에 대한
- 이러한 액세스, MySQL은, SQL 및 Oracle과 같은 데이터베이스의 모든 유형을 연결합니다
- 연결 XML 파일과 텍스트 파일
- 정의 데이터 형식, 데이터 포맷, 데이터 제한.
- 모델에 새로운 요소를 추가합니다.