AppML .NET
Nếu bạn có quyền truy cập vào máy chủ .NET, hãy làm theo hướng dẫn bên dưới để tạo ứng dụng máy chủ AppML.
Tạo một trang thử nghiệm
Tạo một trang thử nghiệm và lưu trên máy chủ PHP của bạn dưới dạng customer.htm (hoặc bất kỳ thứ gì bạn thích):
khách hàng.htm
<!DOCTYPE html>
<html lang="en">
<title>Customers</title>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<script src="https://www.w3schools.com/appml/2.0.3/appml.js"></script>
<body>
<div class="w3-container" appml-data="customers">
<h1>Customers</h1>
<table class="w3-table-all">
<tr>
<th>Customer</th>
<th>City</th>
<th>Country</th>
</tr>
<tr appml-repeat="records">
<td>{{CustomerName}}</td>
<td>{{City}} </td>
<td>{{Country}} </td>
</tr>
</table>
</div>
<script>
var customers = {
"records":[
{"CustomerName":"Alfreds Futterkiste","City":"Berlin","Country":"Germany"},
{"CustomerName":"Ana Trujillo Emparedados y helados","City":"México D.F.","Country":"Mexico"},
{"CustomerName":"Antonio Moreno Taquería","City":"México D.F.","Country":"Mexico"},
{"CustomerName":"Around the Horn","City":"London","Country":"UK"},
{"CustomerName":"B's
Beverages","City":"London","Country":"UK"},
{"CustomerName":"Berglunds
snabbköp","City":"Luleå","Country":"Sweden"},
{"CustomerName":"Blauer See
Delikatessen","City":"Mannheim","Country":"Germany"},
{"CustomerName":"Blondel
père et fils","City":"Strasbourg","Country":"France"},
{"CustomerName":"Bólido
Comidas preparadas","City":"Madrid","Country":"Spain"},
{"CustomerName":"Bon
app'","City":"Marseille","Country":"France"},
{"CustomerName":"Bottom-Dollar
Marketse","City":"Tsawassen","Country":"Canada"},
{"CustomerName":"Cactus
Comidas para llevar","City":"Buenos Aires","Country":"Argentina"},
{"CustomerName":"Centro
comercial Moctezuma","City":"México D.F.","Country":"Mexico"},
{"CustomerName":"Chop-suey
Chinese","City":"Bern","Country":"Switzerland"},
{"CustomerName":"Comércio
Mineiro","City":"São Paulo","Country":"Brazil"}
]};
</script>
</body>
</html>
Kiểm tra trang web trong trình duyệt của bạn.
Tạo kết nối cơ sở dữ liệu
Nếu bạn có quyền truy cập vào cơ sở dữ liệu SQL Server hoặc bất kỳ cơ sở dữ liệu OLEDB nào khác (như MS Acess), hãy xác định các kết nối cơ sở dữ liệu và lưu nó trên máy chủ dưới dạng appml_config.aspx :
appml_config.aspx (Ví dụ về máy chủ SQL)
<%
Response.write("Access Forbidden")
Response.end
%>
{
"dateformat"
: "yyyy-mm-dd",
"databases" : [{
"connection" : "mydatabase",
"provider" : "SQLOLEDB",
"host" : "myserver",
"dbname"
: "DemoDB",
"username" : "DemoDBUkbn5",
"password"
: "l6|U6=V(*T+P"
}]
}
appml_config.aspx (Ví dụ về MS Access)
<%
Response.write("Access Forbidden")
Response.end
%>
{
"dateformat"
: "yyyy-mm-dd",
"databases" : [{
"connection" : "mydatabase",
"connectionstring"
:
"Provider=Microsoft.Jet.OLEDB.4.0;data source=C:\\database\\Northwind.mdb"
}]
}
Kết nối trên là không có thật. Tên và mật khẩu là ví dụ.
Giải thích về tệp cấu hình:
| Bất động sản | Sự miêu tả |
|---|---|
| Định dạng ngày tháng | Định dạng ngày bạn sẽ sử dụng trong các mô hình của mình |
| sự liên quan | Tên kết nối bạn sẽ sử dụng trong các mô hình của mình |
| chuỗi kết nối | Thường được sử dụng cho các trình điều khiển OLEDB như MS Access |
| các nhà cung cấp | Trình điều khiển / nhà cung cấp phần mềm db |
| tổ chức | IP hoặc tên máy chủ cho cơ sở dữ liệu |
| dbname | Tên cơ sở dữ liệu |
| tên tài khoản | Tên người dùng cơ sở dữ liệu |
| mật khẩu mở khóa | Mật khẩu cơ sở dữ liệu |
Sao chép AppML
Tải xuống tệp: https://www.w3schools.com/appml/2.0.3/appml.aspx.txt .
Sao chép tệp vào trang web của bạn. Đổi tên nó thành appml.aspx .
Tạo một bảng cơ sở dữ liệu
Tạo mô hình để tạo bảng Khách hàng trong cơ sở dữ liệu.
create_customers.js
{
"database" : {
"connection" : "mydatabase",
"execute" : [
"DROP
TABLE IF EXISTS Customers",
"CREATE TABLE IF NOT EXISTS Customers (CustomerID
INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT,(CustomerID),CustomerName NVARCHAR(255),ContactName NVARCHAR(255),Address NVARCHAR(255),City
NVARCHAR(255),PostalCode NVARCHAR(255),Country NVARCHAR(255))",
"INSERT INTO Customers(CustomerName,ContactName,Address,City,PostalCode,Country)VALUES (\"Alfreds Futterkiste\",\"Maria Anders\",\"Obere Str.
57\",\"Berlin\",\"12209\",\"Germany\")",
"INSERT INTO Customers(CustomerName,ContactName,Address,City,PostalCode,Country)VALUES (\"Around the Horn\",\"Thomas Hardy\",\"120 Hanover
Sq.\",\"London\",\"WA1 1DP\",\"UK\")",
"INSERT INTO Customers(CustomerName,ContactName,Address,City,PostalCode,Country)VALUES (\"Blauer See Delikatessen\",\"Hanna Moos\",\"Forsterstr.
57\",\"Mannheim\",\"68306\",\"Germany\")"
]
}}
Tạo trang HTML để chạy mô hình create_customers.js:
create_customers.htm
<!DOCTYPE html>
<html>
<script src="https://www.w3schools.com/appml/2.0.3/appml.js"></script>
<body>
<div appml-data="appml.aspx?model=create_customers"></div>
</body>
</html>
Chạy trang HTML trong trình duyệt của bạn.
Tạo một ứng dụng
Tạo một mô hình cho ứng dụng khách hàng. Lưu nó dưới dạng khách hàng.js :
khách hàng.js
{
"rowsperpage" : 10,
"database" : {
"connection" : "mydatabase",
"sql" : "SELECT * FROM Customers",
"orderby" : "CustomerName"
}
}
Tạo trang HTML để chạy ứng dụng khách hàng:
khách hàng.htm
<!DOCTYPE html>
<html lang="en">
<title>Customers</title>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<script src="https://www.w3schools.com/appml/2.0.3/appml.js"></script>
<body>
<div class="w3-container" appml-data="appml.aspx?model=model_customers">
<h1>Customers</h1>
<table class="w3-table-all">
<tr>
<th>Customer</th>
<th>City</th>
<th>Country</th>
</tr>
<tr appml-repeat="records">
<td>{{CustomerName}}</td>
<td>{{City}}</td>
<td>{{Country}}</td>
</tr>
</table>
</div>
</body>
</html>
Chạy HTML trong trình duyệt của bạn.