AppML PHP


Nếu bạn có quyền truy cập vào máy chủ PHP, 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">
<head>
<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>
</head>
<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, hãy làm theo hướng dẫn bên dưới để tạo kết nối cơ sở dữ liệu AppML.

Xác định kết nối cơ sở dữ liệu và lưu nó trên máy chủ dưới dạng appml_config.php :

appml_config.php

<?php echo("Access Forbidden");exit();?>
{
"dateformat" : "yyyy-mm-dd",
"databases" : [{
    "connection" : "mydatabase",
    "host" : "localhost",
    "dbname" : "DemoDB",
    "username" : "DemoDBUkbn5",
    "password" : "l6|U6=V(*T+P"
}]
}

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
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.php.txt .

Sao chép tệp vào trang web của bạn. Đổi tên nó thành appml.php .


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. Lưu nó dưới dạng create_customers.js :

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.php?model=create_customers"></div>

</body>
</html>

Chạy trang HTML trong trình duyệt của bạn.


Tạo một mô hình ứ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 model_customers.js :

model_customers.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.php?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.