রিদওয়ান বিন শামীম এই অধ্যায়ে আমরা একটি ডাটাবেস থেকে রেকর্ড লিস্ট করব। নতুন মডেল তৈরি করা পূর্ববর্তী অধ্যায়ে ডাটাবেস তৈরি করতে মডেল ব্যবহার করা হয়েছে। এখন ফিলটার ও সংক্ষিপ্ত বর্ণনাসহ নতুন মডেল তৈরি করব, model_customerslist.js { “rowsperpage” : 10, “database” : { “connection” : “localmysql”, “sql” : “SELECT * Customers”, …
Category: Complete Courses
May 27
AppML প্রোটোটাইপ (AppML Prototype)
আদনান নাহিদ এই অধ্যায়ে আমরা একটি ওয়েব অ্যাপ্লিকেশনের জন্য একটি প্রোটোটাইপ তৈরি করবো । একটি HTML প্রোটোটাইপ তৈরি প্রথমত, আপনার প্রিয় সিএসএস ব্যবহার করে একটি শালীন এইচটিএমএল প্রোটোটাইপ তৈরি করুন । আমরা এই উদাহরণে বুটস্ট্র্যাপ ব্যবহার করেছি : উদাহরণ <!DOCTYPE html> <html lang=”en-US”> <title>Customers</title> <link rel=”stylesheet” href=”http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css”> <body> <div class=”container”> <h1>Customers</h1> <table class=”table …
May 27
অ্যাপ এম এল ক্লায়েন্ট (The AppML Client)
রিদওয়ান বিন শামীম পরবর্তী অধ্যায়গুলোতে আমরা ওয়েব ব্রাউজারে ওয়েব এপ্লিকেশন তৈরি করব। অ্যাপ এম এল ক্লায়েন্ট অ্যাপ এম এল ক্লায়েন্ট হল একধরনের জাভাস্ক্রিপ্ট যা যেকোনো ওয়েব ব্রাউজারে চলতে পারে। এটি এক লাইনের কোডের মাধ্যমেই যেকোনো এইচটিএমএল পেজে যোগ করা যায়, <scriptsrc=”http://www.w3schools.com/appml/2.0.3/appml.js”></script> অ্যাপ এম এল ক্লায়েন্ট এইচটিএমএল এট্রিবিউট ব্যবহার করে যেকোনো এইচটিএমএল উপাদানে …
May 26
AppML কেস স্টাডি – কর্মকর্তা-কর্মচারী (AppML Case Study – Employees)
এইচটিএমএল এইচটিএমএল সোর্স: <!DOCTYPE html> <html lang=”en-US”> <title>Employees</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”> <h1>Employees</h1> <div id=”Form01″ class=”jumbotron” style=”display:none” appml-data=”local?model=model_employeesform” appml-controller=”myFormController”> <div appml-include-html=”inc_formcommands.htm”></div> <div class=”form-group”> <label>Last Name:</label> <input id=”LastName” class=”form-control”> </div> <div class=”form-group”> <label>First Name:</label> <input id=”FirstName” class=”form-control”> </div> <div class=”form-group”> <label>Date …
May 26
AppML কেস স্টাডি – শ্রেণীবিভাগ সমূহ (AppML Case Study – Categories)
এইচটিএমএল এইচটিএমএল সোর্স: <!DOCTYPE html> <html lang=”en-US”> <title>Categories</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”> <h1>Categories</h1> <div id=”Form01″ class=”jumbotron” style=”display:none” appml-data=”local?model=model_categoriesform” appml-controller=”myFormController”> <div appml-include-html=”inc_formcommands.htm”></div> <div class=”form-group”> <label>CategoryName:</label> <input id=”CategoryName” class=”form-control”> </div> <div class=”form-group”> <label>Description:</label> <input id=”Description” class=”form-control”> </div> </div> <div appml-data=”local?model=model_categorieslist”> <div appml-include-html=”inc_listcommands_nofilter.htm”></div> …
May 26
AppML কেস স্টাডি – কোনো পরিবহনে মাল লেনদেনকারী (AppML Case Study – Shippers)
এইচটিএমএল এইচটিএমএল সোর্স: <!DOCTYPE html> <html lang=”en-US”> <title>Shippers</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”> <h1>Shippers</h1> <div id=”Form01″ class=”jumbotron” style=”display:none” appml-data=”local?model=model_shippersform” appml-controller=”myFormController”> <div appml-include-html=”inc_formcommands.htm”></div> <div class=”form-group”> <label>ShipperName:</label> <input id=”ShipperName” class=”form-control”> </div> <div class=”form-group”> <label>Phone:</label> <input id=”Phone” class=”form-control”> </div> </div> <div appml-data=”local?model=model_shipperslist”> <div appml-include-html=”inc_listcommands_nofilter.htm”></div> <table class=”table table-striped table-bordered”> <tr> <th></th> …
May 26
AppML কেস স্টাডি – সরবরাহকারী পাইকার পরিবেশক (AppML Case Study – Suppliers)
এইচটিএমএল এইচটিএমএল সোর্স: <!DOCTYPE html> <html lang=”en-US”> <title>Suppliers</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”> <h1>Suppliers</h1> <div id=”Form01″ class=”jumbotron” style=”display:none” appml-data=”local?model=model_suppliersform” appml-controller=”myFormController”> <div appml-include-html=”inc_formcommands.htm”></div> <div class=”form-group”> <label>SupplierID:</label> <input id=”SupplierID” class=”form-control”> </div> <div class=”form-group”> <label>SupplierName:</label> <input id=”SupplierName” class=”form-control”> </div> <div class=”form-group”> <label>ContactName:</label> <input …
May 26
AppML কেস স্টাডি – পণ্য (AppML Case Study – Products)
এইচটিএমএল এইচটিএমএল সোর্স: <!DOCTYPE html> <html lang=”en-US”> <title>Products</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”> <h1>Products</h1> <div id=”Form01″ class=”jumbotron” style=”display:none” appml-controller=”myFormController”> <div appml-include-html=”inc_formcommands.htm”></div> <div class=”form-group”> <label>ProductName:</label> <input id=”ProductName” class=”form-control”> </div> <div class=”form-group”> <label>Supplier:</label> <div appml-data=”local?model=model_dropdown_suppliers”> <select id=”SupplierID” class=”form-control”> <option appml-repeat=”records” value=”{{SupplierID}}”>{{SupplierName}}</option> </select> …
May 25
AppML কেস স্টাডি – গ্রাহকরা (AppML Case Study – Customers)
এইচটিএমএল এইচটিএমএল সোর্স: <!DOCTYPE html> <html lang=”en-US”> <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”> <h1>Customers</h1> <div id=”Form01″ class=”jumbotron” style=”display:none” appml-data=”local?model=model_customersform” appml-controller=”myFormController”> <div appml-include-html=”inc_formcommands.htm”></div> <div class=”form-group”> <label for=”customername”>CustomerName:</label> <input id=”customername” class=”form-control”> </div> <div class=”form-group”> <label for=”contactname”>ContactName:</label> <input id=”contactname” class=”form-control”> </div> <div class=”form-group”> …
May 25
AppML কেস স্টাডি – JSON ফাইল (AppML Case Study – JSON Files)
এইচটিএমএল এইচটিএমএল সোর্স: <<!DOCTYPE html> <html lang=”en-US”> <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.php?model=model_cd_from_json”> <h1>CD Collection</h1> <h3>Extracted from an XML file</h3> <div appml-include-html=”inc_listcommands_nofilter.htm”></div> <table class=”table table-striped table-bordered”> <tr> <th>Title</th> <th>Artist</th> <th>Country</th> </tr> <tr appml-repeat=”records”> <td>{{Title}}</td> <td>{{Artist}}</td> <td>{{Country}}</td> </tr> </table> </div> </body> </html> মডেল এই অ্যাপ্লিকেশনের মধ্যে ব্যবহৃত মডেল { “rowsperpage” …
