ওয়েব পেজ এবং মডেল
কিভাবে ওয়েব-অ্যাপ্লিকেশনে নতুন পেজ এবং মডেল উইন্ডোজ তৈরি করবেন
বেশিরভাগ ওয়েব অ্যাপ্লিকেশন তৈরির সবচেয়ে গুরুত্বপূর্ণ ধাপ হল ডাটাবেসের সাথে তাদের কাজ সংগঠিত করা। ডাটাবেস থেকে কীভাবে ডেটা পাওয়া যায়, কীভাবে ব্যবহারকারীর স্ক্রিনে এটি প্রদর্শন করা যায় এবং কীভাবে এই ডেটা পরিচালনা এবং মুছে ফেলা যায়।
এই প্রশ্নগুলিই নতুন মডিউলটি অবশ্যই উত্সর্গীকৃত। তৃতীয় মডিউলে, আমরা একটি ডাটাবেস তৈরি করেছি এবং শহর ও দেশ সম্পর্কে তথ্য রেকর্ড করার জন্য মডেল তৈরি করেছি। এখন আমরা এই ডাটাবেস দিয়ে কাজ সংগঠিত করব। আমাদের নিম্নলিখিতগুলি করতে হবে:
- ডাটাবেস থেকে তথ্য আউটপুট করার জন্য একটি টেবিল তৈরি করুন
- কীভাবে ডাটাবেসে ডেটা যোগ করতে হয়, সেইসাথে সেগুলি মুছতে হয় তা শিখুন
- একটি ব্যবহারকারী-বান্ধব ইন্টারফেস তৈরি করতে মডেল উইন্ডোজ কীভাবে কাজ করে তা জানুন
- লিঙ্ক করা টেবিল কিভাবে কাজ করে তা বুঝুন
পাতা
এর প্রস্তুতিমূলক অংশ দিয়ে শুরু করা যাক। আমাদের অ্যাপটি বড় হচ্ছে, এবং এটি এক পৃষ্ঠায় সঙ্কুচিত। আমাদের আরও অন্তত একটি তৈরি করতে হবে। এর বাম মেনুতে যোগ করা যাক.
আসুন তৈরি করা পৃষ্ঠাটিকে কল করি " World " এবং আইকন এবং একটি পরিষ্কার URL সেট করুন৷
মডেল উইন্ডোজ
আমাদের তৈরি পৃষ্ঠায় নতুন দেশ যোগ করার ক্ষমতা প্রয়োজন। এটি করার জন্য, আমাদের একটি মডেল উইন্ডো প্রয়োজন যেখানে আমরা প্রয়োজনীয় ডেটা এবং একটি বোতাম প্রবেশ করব যা এই মডেল উইন্ডোটি খুলবে।
মডেল উইন্ডো একটি বিশেষ উপাদান। এটি পৃষ্ঠায় কোনও নির্দিষ্ট স্থান দখল করে না এবং একই সময়ে, উপাদানগুলির বৈশিষ্ট্যগুলি (উপাদানগুলির জন্য নির্দিষ্ট সেটিংস সহ) এবং নতুন পৃষ্ঠা (অন্যান্য উপাদান যুক্ত করার জন্য নিজস্ব ক্যানভাসের সাথে) একত্রিত করে। একটি মডেল স্থাপনের জন্য সবচেয়ে উপযুক্ত জায়গা হল পৃষ্ঠার নীচের অংশে। এটি সবুজ রঙে হাইলাইট করা হয়েছে, যেমন মডেল উপাদান নিজেই।
এটিকে একটি উপযুক্ত নাম দেওয়া প্রয়োজন, এবং বোতাম টিপে, একটি সাধারণ ক্রিয়া নির্ধারণ করুন - এই মডেল উইন্ডোটি প্রদর্শন করা।
পরবর্তী ধাপে প্রয়োজনীয় ডেটা প্রবেশ করানো হয়। আমরা ইতিমধ্যেই পূর্ববর্তী মডিউলে একই ধরনের অপারেশন করেছি যখন আমরা X এবং Y-এর মান পাস করেছি। এখন আমাদের একই কাজ করতে হবে, ডাটা টাইপ ভিন্ন, এবং ইনপুট ক্ষেত্রগুলি একটি মডেল উইন্ডোতে রয়েছে।
ডাটাবেস দেশ সম্পর্কে সবচেয়ে প্রাথমিক তথ্য রেকর্ড করে। এটি তাদের নাম ( String টাইপ) এবং সাধারণ বিবরণ ( Text )। এই ইনপুট ক্ষেত্র আপনি যোগ করতে হবে.
