أحدث البرامج التعليمية وتطوير الشبكة
 

AppML PHP

❮ السابق التالي الفصل ❯

إذا كان لديك إمكانية الوصول إلى خادم PHP، اتبع التعليمات التالية لإنشاء تطبيق الخادم AppML.

إذا لم يكن لديك إمكانية الوصول إلى خادم PHP، اتبع تعليمات WebMatrix .

إنشاء صفحة اختبار

إنشاء صفحة اختبار وانقاذ على الخادم PHP الخاص بك كما customers.htm (أو أي شيء تريد):

customers.htm

<!DOCTYPE html>
<html lang="en">
<title>Customers</title>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="http://www.w3ii.com/appml/2.0.3/appml.js"></script>
<body>

<div class="container" appml-data="customers">
<h1>Customers</h1>
<table class="table table-striped table-bordered">
<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":"Mexico D.F.","Country":"Mexico"},
{"CustomerName":"Antonio Moreno Taqueria","City":"Mexico D.F.","Country":"Mexico"},
{"CustomerName":"Around the Horn","City":"London","Country":"UK"},
{"CustomerName":"B's Beverages","City":"London","Country":"UK"},
{"CustomerName":"Berglunds snabbkop","City":"Lulea","Country":"Sweden"},
{"CustomerName":"Blauer See Delikatessen","City":"Mannheim","Country":"Germany"},
{"CustomerName":"Blondel pere et fils","City":"Strasbourg","Country":"France"},
{"CustomerName":"Bolido 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":"Mexico D.F.","Country":"Mexico"},
{"CustomerName":"Chop-suey Chinese","City":"Bern","Country":"Switzerland"},
{"CustomerName":"Comercio Mineiro","City":"Sao Paulo","Country":"Brazil"}
]};
</script>

</body>
</html>
انها محاولة لنفسك »

اختبار صفحة ويب في المستعرض الخاص بك.

إنشاء اتصال قاعدة البيانات

إذا كان لديك الوصول إلى قاعدة بيانات، اتبع التعليمات التالية لإنشاء اتصال قاعدة بيانات AppML.

إذا لم يكن لديك الوصول إلى قاعدة بيانات، اتبع تعليمات WebMatrix .

تعريف اتصال قاعدة البيانات، وحفظه على الخادم كما 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"
}]
}

الاتصال أعلاه ليست حقيقية. أسماء وكلمات السر هي أمثلة على ذلك.

شرح ملف التكوين:

خاصية وصف
dateformat تنسيق التاريخ الذي ستستخدمه في النماذج الخاصة بك
connection اسم الاتصال الذي سيستخدم في النماذج الخاصة بك
host وIP أو اسم المضيف لقاعدة البيانات
dbname اسم قاعدة البيانات
username اسم مستخدم قاعدة البيانات
password كلمة مرور قاعدة البيانات

نسخة AppML

تحميل الملف: http://www.w3ii.com/appml/2.0.3/appml.php.txt .

نسخ الملف إلى موقع الويب الخاص بك. تسميته إلى appml.php.

إنشاء جدول قاعدة البيانات

إنشاء نموذج لإنشاء جدول العملاء في قاعدة البيانات.

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\")"
]
}}

إنشاء صفحة HTML لتشغيل نموذج create_customers.js:

create_customers.htm

<!DOCTYPE html>
<html>
<script src="http://www.w3ii.com/appml/2.0.3/appml.js"></script>
<body>

<div appml-data="appml.php?model=create_customers"></div>

</body>
</html>

تشغيل صفحة HTML في المتصفح الخاص بك.

إنشاء نموذج التطبيق

إنشاء نموذج لتطبيق العملاء. احفظ customers.js:

customers.js

{
"rowsperpage" : 10,
"database" : {
    "connection" : "mydatabase",
    "sql" : "SELECT * FROM Customers",
    "orderby" : "CustomerName"
}
}

إنشاء صفحة HTML لتشغيل التطبيق للعملاء:

customers.htm

<!DOCTYPE html>
<html lang="en">
<title>Customers</title>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="http://www.w3ii.com/appml/2.0.3/appml.js"></script>
<body>

<div class="container" appml-data="appml.php?model=customers">
<h1>Customers</h1>
<table class="table table-striped table-bordered">
  <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>
انها محاولة لنفسك »

تشغيل HTML في المتصفح الخاص بك.


❮ السابق التالي الفصل ❯