Huge Sell on Popular Electronics
রিদওয়ান বিন শামীম
ডট নেট সার্ভারে প্রবেশযোগ্যতা থাকলে নিচের প্রক্রিয়ায় অ্যাপ এম এল সার্ভার এপ্লিকেশন তৈরি করা যাবে, প্রবেশযোগ্যতা না থাকলে ওয়েবম্যাট্রিক্সের জন্য প্রযোজ্য প্রক্রিয়া অনুসরণ করতে হবে।
টেস্ট পেজ তৈরি করা
প্রথমে টেস্ট পেজ তৈরি করে সেটিকে পিএইচপি সার্ভারে 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.w3schools.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":"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>
এরপর পেজটিকে ব্রাউজারে টেস্ট করতে হবে।
ডাটাবেস কানেকশন তৈরি করতে হবে
এসকিউএল সার্ভার ডাটাবেসে প্রবেশযোগ্যতা থাকলে(বা অন্য কোনও OLEDB ডাটাবেস যেমন এমএস এক্সেস) ডাটাবেস কানেকশন ডিফাইন করে সার্ভারে 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 ড্রাইভার যেমন এমএস এক্সেস ইত্যাদির ক্ষেত্রে প্রযোজ্য |
| provider |
ডাটাবেস সফটওয়ারের পরিবেশক |
| host |
ডাটাবেসের আইডি বা হোষ্ট |
| dbname |
ডাটাবেসের নাম |
| username |
ডাটাবেসের ইউজারনেম |
| password |
ডাটাবেসের পাসওয়ার্ড |
ডাটাবেস টেবিল তৈরি করা
ডাটাবেসে কাস্টমার টেবিল তৈরির মডেল নিচের উদাহরণে দেয়া হল,
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\")"
]
}}
create_customers.js model চালু করার জন্য এইচটিএমএল পেজ তৈরি করতে হয়,
create_customers.htm
<!DOCTYPE html>
<html>
<script src="http://www.w3schools.com/appml/2.0.3/appml.js"></script>
<body>
<div appml-data="appml.aspx?model=create_customers"></div>
</body>
</html>
এইচটিএমএল পেজটিকে ওয়েব ব্রাউজারে চালু করতে হয়।
এপ্লিকেশন তৈরি করা
কাস্টমার এপ্লিকেশনের মডেল তৈরি করে তাকে customers.js নাম দিয়ে সংরক্ষণ করতে হয়।
customers.js
{
"rowsperpage" : 10,
"database" : {
"connection" : "mydatabase",
"sql" : "SELECT * FROM Customers",
"orderby" : "CustomerName"
}
}
এইচটিএমএল পেজ তৈরি করে তাতে কাস্টমার এপ্লিকেশন রান করাতে হয়,
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.w3schools.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>
