إذا لم يكن لديك خادم الويب، يمكنك إنشاء واحد، وذلك باستخدام WebMatrix.
WebMatrix
WebMatrix هو أداة تطوير الشبكة الحرة التي توفر طريقة سهلة لبناء المواقع.
WebMatrix يحتوي على:
- أمثلة على شبكة الإنترنت والقوالب
- الدعم لمختلف لغات الويب (PHP, ASP.NET, Node.js)
- خادم الويب
- خوادم قاعدة البيانات (mySQL and SQL Server Compact)
مع WebMatrix يمكنك أن تبدأ مع موقع ويب فارغة، أو بناء على القوالب الموجودة باستخدام PHP، ASP، Umbraco، دوتنت، دروبال، جملة، وورد، وأكثر من ذلك.
لديها أيضا WebMatrix المدمج في الأدوات لقواعد البيانات، والأمن، ومحرك البحث الأمثل، والنشر على شبكة الإنترنت.
لتثبيت WebMatrix، اتبع هذا الرابط: http://www.microsoft.com/web/webmatrix
إنشاء PHP الموقع الخالي
في WebMatrix، حدد قالب معرض. اختر PHP. تحديد الموقع الخالي.
تغيير اسم الموقع إلى DemoAppml (or anything you like) ، ثم انقر فوق التالي.
وكما ترون من التوضيح، وWebMatrix تتيح لك إنشاء العديد من أنواع مختلفة من المواقع.
إنشاء صفحة اختبار HTML
في الإطار WebMatrix، حدد جديد. حدد ملف جديد. حدد نوع ملف HTML.
تغيير اسم الملف إلى customers.htm (or anything you like) . انقر فوق موافق.
استبدال 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="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>
انها محاولة لنفسك » لتشغيل صفحة الاختبار: بزر الماوس الأيمن فوق الصفحة في WebMatrix، وحدد لاطلاق المتصفح.
إنشاء قاعدة بيانات
في الإطار WebMatrix تحديد قواعد البيانات. اختر قاعدة بيانات جديدة. تحديد قاعدة بيانات الخلية.
تغيير اسم قاعدة البيانات إلى DemoDB (or anything you like) ، ثم انقر فوق موافق.
في WebMatrix، حدد الملفات وفتح ملف web.config.
(إذا كنت لا تستطيع رؤية الملف web.config، تحديث WebMatrix)
تكوين AppML
استخدام المعلومات، من سلسلة الاتصال في الملف web.config، لإنشاء ملف التكوين لAppML.
اسم 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
INT NOT NULL AUTO_INCREMENT,PRIMARY KEY (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:
Create_Customers.htm
<!DOCTYPE html>
<html lang="en-US">
<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: بزر الماوس الأيمن فوق الصفحة في WebMatrix، وحدد لاطلاق المتصفح.
إنشاء تطبيق
إنشاء نموذج لتطبيق العملاء. احفظ 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: بزر الماوس الأيمن فوق الصفحة في WebMatrix، وحدد لاطلاق المتصفح.