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

AppML .شبكة

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

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

إذا لم يكن لديك الوصول إلى ملقم، اتبع تعليمات 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>
انها محاولة لنفسك »

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

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

إذا كان لديك الوصول إلى قاعدة بيانات SQL Server أو أي قواعد بيانات OLEDB أخرى (like MS Acess) تحديد اتصالات قاعدة البيانات، وحفظه على الخادم كما appml_config.aspx:

appml_config.aspx (SQL Server Example)

<%
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 (MS Access Example)

<%
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"
}
}

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

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

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

نسخة AppML

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

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

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

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

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.aspx?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.aspx?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 في المتصفح الخاص بك.


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