চারপাশে ঘোরাফেরা করা বিশাল সম্প্রদায় দ্বারা আমরা ক্রমশ মুগ্ধ হয়েছি বুটস্ট্র্যাপ, একটি সুপরিচিত সিএসএস ফ্রেমওয়ার্ক , টুইটার দ্বারা নির্মিত। এবার আমি আপনাকে বুটস্ট্র্যাপ ভিত্তিক ক্যালেন্ডার উপস্থাপন করছি জাভাস্ক্রিপ্ট এবং জ্যাকুয়ারি দিয়ে প্রোগ্রাম করা, আমি ক্যালেন্ডারের অপারেশনের অংশটিও বিশদভাবে বর্ণনা করব এবং আমি কিছু কৌশল এবং উন্নতি করব যা আপনি করতে পারেন।
এই বুটস্ট্র্যাপ ক্যালেন্ডারে একটি পরিষ্কার নকশা রয়েছে এবং এটি সম্পূর্ণরূপে প্রতিক্রিয়াশীল, এটি সমস্ত ডিভাইস থেকে দেখতে ভাল লাগবে! এটি অন্তর্ভুক্ত a 7 টিরও বেশি ভাষায় অনুবাদ এবং সব প্রতিটি দেশের উত্সব তারিখগুলি হাইলাইট এবং উল্লেখ করা হয়। একটি বিলাসিতা!
এই বুটস্ট্র্যাপ ক্যালেন্ডারের কাজটি কিছুটা জটিল, এটি প্রাথমিকভাবে কোনও JSON ফাইল থেকে ব্যবহারকারীর তারিখগুলি বের করে, তবে কেবল ক্রিয়েটিভস অনলাইন ব্যবহারকারীদের জন্য, আমি কীভাবে ব্যাখ্যা করব একটি এমওয়াইএসকিউএল ডেটাবেস থেকে ইভেন্টগুলি বের করুন যে কোনও সিস্টেমে এর নিখুঁত বাস্তবায়নের জন্য।
সুপরিচিত ডাটাবেস সিস্টেম
অ্যাপ্লিকেশনটির প্রধান ফাইলগুলির কাজগুলি:
INDEX.HTML
- বুটস্ট্র্যাপ ২.৩.২ লোড হচ্ছে
- ক্যালেন্ডার ডিজাইন
- ইভেন্ট তালিকা
- ক্যালেন্ডার নেভিগেট করা হচ্ছে
- বিভিন্ন ক্যালেন্ডার দর্শন (দিন / সপ্তাহ / মাস / বছর)
- জেএসে অ্যাপ্লিকেশন লোড হচ্ছে
- ভাষা নির্বাচন
ইন্ডেক্স-বিএস 3.এইচটিএমএল
- বুটস্ট্র্যাপ ২.৩.২ লোড হচ্ছে
- ক্যালেন্ডার ডিজাইন
- ইভেন্টের তালিকা
- ক্যালেন্ডার নেভিগেট করা হচ্ছে
- বিভিন্ন ক্যালেন্ডার দর্শন (দিন / সপ্তাহ / মাস / বছর)
- জেএসে অ্যাপ্লিকেশন লোড হচ্ছে
- ভাষা নির্বাচন
ইভেন্টস.জেএসএন.পিএইচপি
- নিম্নলিখিত তথ্য সহ ইভেন্টগুলির তালিকা:
- আইডি: ইভেন্ট সনাক্তকারী
- খেতাব: ইভেন্ট শিরোনাম
- URL: ইভেন্ট url
- শ্রেণী: পরবর্তী রঙগুলির জন্য ইভেন্টের ধরণ (তথ্য | সতর্কতা |…)।
- শুরু হয়: শুরুর তারিখ
- শেষ: সমাপ্ত তারিখ
অ্যাপ.জেএস
- ভেরিয়েবলগুলি যা অ্যাপ্লিকেশন কনফিগারেশন সঞ্চয় করে।
- অতিরিক্ত JQuery ফাংশন
ক্যালেন্ডার.জেএস
- প্রধান অ্যাপ্লিকেশন সেটিংস
- ক্যালেন্ডারের প্রধান ফাংশন
- ইভেন্টের এক্সট্রাকশন এবং চিকিত্সা
- উত্সব তারিখ
- ভাষা লোড হচ্ছে
- ইভেন্ট তালিকা লোড হচ্ছে
- বিভিন্ন ক্যালেন্ডার ভিউ লোড হচ্ছে (দিন / সপ্তাহ / মাস / বছর)
ক্যালেন্ডার.সি.এস.এস.
- ক্যালেন্ডার শৈলী
- ইভেন্ট তালিকার শৈলী
- অন্যান্য ডিভাইসের জন্য ক্যালেন্ডার শৈলী
একটি ডাটাবেস থেকে ইভেন্টগুলি নিষ্কাশন করুন
একটি এমওয়াইএসকিউএল ডাটাবেস থেকে ইভেন্টগুলি সরাতে আমরা ফাইলের লাইনগুলি প্রতিস্থাপন করব ইভেন্ট.জসন.এফপি দ্বারা:
<?php
$link=mysql_connect("localhost", "usuariodeacceso", "contraseñadeacceso");
mysql_select_db("basededatos",$link) OR DIE ("Error: No es posible establecer la conexión");
mysql_set_charset('utf8');
$eventos=mysql_query("SELECT * FROM events'",$link);
while($all = mysql_fetch_assoc($eventos)){
$e = array();
$e['id'] = $all['id'];
$e['start'] = $all['inicio'];
$e['end'] = $all['final'];
$e['title'] = $all['nombre'];
$e['class'] = $all['clase'];
$e['url'] = $all['url'];
$result[] = $e;
}
echo json_encode(array('success' => 1, 'result' => $result));
?>
গিথুব | বুটস্ট্র্যাপ ক্যালেন্ডার
ডাউনলোড | বুটস্ট্র্যাপ ক্যালেন্ডার
আরও তথ্য | বুটস্ট্র্যাপ: সিএসএস ফ্রেমওয়ার্ক