AppML 케이스 프로토타입


이 사례 연구에서는 데이터베이스의 여러 테이블에 대한 정보를 열거, 편집 및 검색하는 기능을 갖춘 완전한 <AppML> 인터넷 애플리케이션을 구축하는 방법을 보여줍니다.

Prototypes

이 장에서는 데이터베이스의 각 테이블에 대한 프로토타입 모델을 구축합니다.

프로토타입은 애플리케이션 개발을 위한 매우 사용자 친화적인 출발점입니다.

Prototype Mockup

먼저 프로토타입용 폴더를 만듭니다. 폴더 이름은 Prototypes입니다.

그런 다음 데이터베이스의 각 테이블에 대한 프로토타입 모델을 만듭니다.

각 테이블에서 SELECT *를 사용하고 모델을 XML 파일로 저장합니다.

Model: Proto_Customers.xml

<appml>
<datasource>
<데이터베이스>
<connection>데모</connection>
<sql>SELECT * FROM Customers</sql>
</database>
</datasource>
</appml>

모델: Proto_Suppliers.xml

<appml>
<datasource>
<데이터베이스>
<connection>데모</connection>
<sql>SELECT * FROM 공급자</sql>
</database>
</datasource>
</appml>

모델: Proto_Products.xml

<appml>
<datasource>
<데이터베이스>
<connection>데모</connection>
<sql>SELECT * FROM 제품</sql>

视图：Demo_Prototype.htm
<h1>Customers</h1>
<div id="List01"></div>

<script src="appml.js"></script>
<script>
customers=new AppML("appml.php","Prototypes/Customers");
customers.run("List01");
</script>


인스턴스 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

이제 모두 하나로 모으세요

마지막으로 약간의 JavaScript 코딩을 사용하여 모든 프로토타입 모델에 대한 간단한 프로토타입 페이지를 만듭니다. :

Instance

Demo_Prototype_Views.htm
            <!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="appml.css" />
</head>

<body>
<h1>Demo Applications</h1>

<button onclick='myOpen("Customers")'>Customers</button>
<button onclick='myOpen("Products")'>Products</button>
<button onclick='myOpen("Suppliers")'>Suppliers</button>
<button onclick='myOpen("Shippers")'>Shippers</button>
<button onclick='myOpen("Categories")'>Categories</button>
<button onclick='myOpen("Employees")'>Employees</button>
<button onclick='myOpen("Orders")'>Orders</button>
<button onclick='myOpen("OrderDetails")'>OrderDetails</button>
<br><br>

<div id="Place01"></div>

<script src="appml.js"></script>
<script>
function myOpen(pname)
{
var app_obj
app_obj=new AppML("appml.php","Prototypes/" + pname);
app_obj.run("Place01");
}
</script>

</body>
</html>

인스턴스 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

←
→