এই উদাহরণটি পিএইচপি এবং মাইএসকউএল দ্বারা চালিত ওয়েব সার্ভার থেকে জেএসওএন ডাটা পড়ে। <!DOCTYPE html> <html> <body> <h1>Customers</h1> <div id=”id01″></div> <script> var xmlhttp = new XMLHttpRequest(); var url = “http://www.w3schools.com/website/customers_mysql.php”; xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { myFunction(xmlhttp.responseText); } } xmlhttp.open(“GET”, url, true); xmlhttp.send(); function myFunction(response) { …
Category: Complete Courses
May 27
অ্যাপ এম এল ফর্ম (AppML Forms)
রিদওয়ান বিন শামীম এই অধ্যায়ে দেখানো হবে কীভাবে ডাটাবেসের বিপরীতে ইনপুট ফর্ম তৈরি করা যায়। ফর্ম মডেল তৈরি করা model_customersform.js { “database” : { “connection” : “localmysql”, “maintable” : “Customers”, “keyfield” : “CustomerID”, “sql” : “SELECT * FROM Customers”}, “updateItems” : [ {“item” : “CustomerName”}, {“item” : …
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> …
