AppML 사용 방법
이 장에서는 다음 4가지 간단한 단계를 통해 <AppML> 애플리케이션을 만드는 방법을 보여줍니다.
다음 장에서는 <AppML>을 다운로드하고 자신의 컴퓨터에서 웹 애플리케이션 개발을 시작하는 방법을 소개합니다.
1. 모델 생성(Model)
다음 콘텐츠로 파일을 생성합니다
<datasource>
<database>
<connection>데모</connection>
<sql>SELECT CustomerName,ContactName,City,Country FROM Customers</sql>
<orderby>CustomerName</orderby>
</database>
</datasource>
<필터>
<query>
<field>CustomerName</field>
</query>
</filters>
</appml>
Models 하위 디렉터리(권장)에 파일을 Customers.xml로 저장합니다.
모델 구문 분석
<appml> 태그가 모델을 정의합니다.
<datasource> 태그는 모델의 데이터 소스를 정의합니다.
<database> 태그는 데이터베이스를 정의합니다.
<connection> 태그는 데이터베이스에 대한 링크를 정의합니다.
<sql>Tag는 데이터 쿼리를 정의합니다.
<orderby>Tag는 기본 정렬을 정의합니다.
<query> 태그는 법적 쿼리 필터를 정의합니다.
2. 웹 페이지 만들기
첫 번째 <AppML> 앱에서 HTML 페이지를 만듭니다.
Instance
<!DOCTYPE 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> 앱을 실행합니다:
Instance
<!DOCTYPE html> <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> 앱을 실행합니다.
Instance<!DOCTYPE html>
<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>
<trid="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> 라이브러리에는 수많은 기능이 포함되어 있습니다. 이러한 기능은 웹 페이지에서 호출할 수 있습니다.
<script src="appml.js"> <AppML> 라이브러리를 로드합니다.
JavaScript 문: app=new AppML("appml.htmlx","Models/Customers.xml"); AppML 애플리케이션 객체 생성, 그런 다음 웹 서버 스크립트 "appml.htmlx"를 실행하여 "Customers.xml" 파일의 데이터를 로드합니다.
JavaScript 문 app.run("Place01","Template01"); id="Place01"인 HTML 요소에 데이터를 삽입합니다. id="Template01" 속성 요소를 템플릿으로 사용합니다.
속성 id="appml_row"은 HTML 요소에 삽입될 각 데이터 조각을 정의합니다.
# 태그의 데이터는 모델의 데이터로 대체됩니다.
위의 모든 것에서 더 빠른 프로토타입을 상상할 수 있습니까?
어떻게 작동하나요?
웹페이지가 로드되면 페이지에 <AppML> 컨트롤러를 로드할 수 있습니다.
<AppML> 컨트롤러를 사용하여 페이지에 <AppML> 개체를 만들 수 있습니다.
페이지에서 <AppML> 개체를 실행하면 서버 측 데이터 컨트롤러가 요청됩니다.
<AppML> 객체는 서버로부터 데이터를 받습니다(데이터 모델 사용).
<AppML> 개체(또는 코드)는 페이지에 데이터를 표시합니다.
(선택 사항) 웹 사용자가 데이터를 변경할 수 있습니다.
(선택 사항) <AppML>은 서버 백그라운드에서 데이터를 보낼 수 있습니다.
(선택 사항) 서버 컨트롤러는 서버 측에 데이터를 저장할 수 있습니다.
일반적인 웹 파일 및 폴더:
 🎜 | 🎜 | 🎜🎜웹 폴더: 🎜Demo🎜🎜🎜데이터 폴더: 🎜Data🎜🎜🎜사진 폴더: 🎜Images🎜🎜🎜모델 폴더:🎜Models 🎜🎜🎜응용 프로그램: 🎜 Demo.htm🎜🎜🎜스타일: 🎜Demo.css🎜🎜🎜 🎜🎜<AppML> 구성 파일: 🎜appml_config.php 🎜(또는 .htmlx)🎜🎜<AppML> 스타일 파일: 🎜 appml.css🎜🎜 🎜 <AppML> 브라우저 컨트롤러: 🎜appml.js🎜🎜🎜<AppML> 서버 컨트롤러: 🎜appml.php🎜(또는 .htmlx)🎜 |
제한 없음
HTML 페이지에 <AppML> 개체를 배치할 수 있습니다. <AppML>은 페이지의 다른 부분에는 영향을 미치지 않습니다.
<AppML> 솔루션 페이지가 없는 경우 기본 표시 페이지로 설정됩니다. 이는 신속한 프로토타이핑에 적합합니다.
하지만 <AppML>의 주요 기능은 페이지 표시가 아닙니다. <AppML> 애플리케이션 데이터 제공되는 데이터는 HTML, CSS 및 JavaScript를 사용하여 프레젠테이션용으로 자유롭게 디자인할 수 있습니다.
자신만의 HTML을 작성하고 AppML이 데이터를 처리하도록 할 수 있습니다.
모델을 호출하고 모든 디스플레이를 처리합니다.
AppML 속성과 메서드를 사용하여 다른 조합을 만들어보세요.
<AppML>에는 웹 애플리케이션에 데이터 및 데이터 모델을 제공할 수 있는 강력한 기능이 있다는 것을 곧 알게 될 것입니다. 다음을 수행할 수 있습니다.
사용자 또는 사용자 그룹에 대한 데이터 보안 정의
Access, MySQL, SQL 및 Oracle과 같은 모든 유형의 데이터베이스에 연결
XML 파일 및 텍스트 파일 연결
데이터 유형, 데이터 형식, 데이터 제한 사항을 정의합니다.
모델에 새로운 요소를 추가하세요.
