আপনার নিজের ওয়েব SQL ডাটাবেস তৈরি করুন নীচের ছোট ইউটিলিটি ব্যবহার করে, AppML ব্যবহার করে আপনি আপনার নিজের ওয়েব SQL ডাটাবেস তৈরি করতে পারেন। নিজেই নিজের এসকিউএল লিখুন, অথবা প্রদত্ত এসকিউএল ব্যবহার করুন: নোটঃ ওয়েব এসকিউএল শুধুমাত্র ক্রোম এবং সাফারি ব্রাউজারে কাজ করে। কাস্টোমার DROP TABLE IF EXISTS Customers; CREATE TABLE IF NOT EXISTS Customers (CustomerID …
Category: Professional
May 28
জাভাস্ক্রিপ্ট অবজেক্ট নটেশন ভূমিকা (JSON – Introduction)
রিদওয়ান বিন শামীম জেএসওএন(JSON) জাভাস্ক্রিপ্ট অবজেক্টের মূল্যায়ন করে জেএসওএন ফরম্যাট সিনট্যাক্সভাবে জাভাস্ক্রিপ্ট অবজেক্টের কোডের অনুরূপ। সাদৃশ্য থাকায় জেএসওএন ডাটাকে নেটিভ জাভাস্ক্রিপ্ট অবজেক্টে রূপ দিতে জাভাস্ক্রিপ্ট পারসার(এক্সএমএলের মত) ব্যবহার না করে আদর্শ জাভাস্ক্রিপ্ট ফাংশন ব্যবহার করে থাকে। নিচের কোডগুলো ব্যবহার করে এই উদাহরণটি পরীক্ষা করে দেখা যেতে পারে জেএসওএন উদাহরণ, <!DOCTYPE html> <html> <body> …
May 28
জাভাস্ক্রিপ্ট অবজেক্ট নটেশন কর্মপ্রণালীঃ JSON How To
রিদওয়ান বিন শামীম জেএসওএন এর একটি গুরুত্বপূর্ণ ব্যবহার হল ওয়েব সার্ভার থেকে তথ্য বা ডাটা পড়া ও ওয়েব পেজে তা দেখানো। কাজ সহজ করার স্বার্থে ফাইলের পরিবর্তে কোন স্ট্রিংকে ইনপুট হিসেবে ব্যবহার করেও এটি করা যায়। জেএসওএন উদাহরণঃ অবজেক্ট থেকে স্ট্রিং জাভাস্ক্রিপ্ট স্ট্রিং তৈরি করা যাক যেটিতে জেএসওএন সিনট্যাক্স আছে, var text = ‘{ “employees” …
May 28
জাভাস্ক্রিপ্ট অবজেক্ট নটেশন উদাহরণ (JSON Example)
এই উদাহরণটি পিএইচপি এবং মাইএসকউএল দ্বারা চালিত ওয়েব সার্ভার থেকে জেএসওএন ডাটা পড়ে। <!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) { …
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> …
