Biz atrofida aylanib yuradigan ulkan hamjamiyat bizni tobora ko'proq hayratga solmoqda Bootstrap, taniqli CSS ramkasi , Twitter tomonidan yaratilgan. Bu safar men Bootstrap-ga asoslangan taqvimni taqdim etaman Javascript va JQuery bilan dasturlashtirilganBundan tashqari, men taqvimning bir qismini batafsil tushuntirib beraman va siz qila oladigan ba'zi bir fokuslar va yaxshilanishlarni qo'shaman.
Ushbu Bootstrap taqvimi toza dizaynga ega va umuman javob, u barcha qurilmalardan yaxshi ko'rinadi! Bundan tashqari, a 7 dan ortiq tillarga tarjima va barchasi har bir mamlakatning bayram sanalari ta'kidlangan va qayd etilgan. Hashamatli!
Ushbu Bootstrap Taqvimining ishlashi biroz murakkab bo'lib, u dastlab JSON faylidan foydalanuvchi sanalarini ajratib oladi, lekin faqat Creativos Online foydalanuvchilari uchun men qanday qilib tushuntiraman voqealarni MYSQL ma'lumotlar bazasidan chiqarib oling uni har qanday tizimda mukammal amalga oshirish uchun.
Ma'lumotlar bazasi tizimi
Ilovaning asosiy fayllari funktsiyalari:
Indeks
INDEX.HTML
- 2.3.2 yuklash
- Taqvim dizayni
- Voqealar ro'yxati
- Taqvim bo'yicha harakatlanish
- Taqvimning har xil ko'rinishlari (kun / hafta / oy / yil)
- Ilovani JS-ga yuklash
- Tilni tanlash
INDEX-BS3.HTML
- 3.0 yuklash
- Taqvim dizayni
- Voqealar ro'yxati
- Taqvim bo'yicha harakatlanish
- Turli xil taqvim ko'rinishlari (kun / hafta / oy / yil)
- Ilovani JS-ga yuklash
- Tilni tanlash
VOZALAR.JSON.PHP
- Quyidagi ma'lumotlar bilan tadbirlarning ro'yxati:
- ID: voqea identifikatori
- sarlavha: tadbir nomi
- url: tadbirning URL manzili
- sinf: keyingi ranglar uchun voqea turi (ma'lumot | ogohlantirish |…).
- boshlash: boshlanish sanasi
- oxiri: tugatish sanasi
APP.JS
- Ilova sozlamalarini saqlaydigan o'zgaruvchilar.
- Qo'shimcha JQuery funktsiyalari
TAKVIMI.JS
- Asosiy dastur sozlamalari
- Taqvimning asosiy vazifalari
- Voqealarni qazib olish va davolash
- Bayram sanalari
- Til yuklanmoqda
- Voqealar ro'yxati yuklanmoqda
- Taqvimning har xil ko'rinishlarini yuklash (kun / hafta / oy / yil)
CALENDAR.CSS
- Taqvim uslublari
- Voqealar ro'yxati uslublari
- Boshqa qurilmalar uchun taqvim uslublari
Ma'lumotlar bazasidan voqealarni ajratib oling
Voqealarni MYSQL ma'lumotlar bazasidan ajratish uchun biz fayl satrlarini almashtiramiz voqealar.json.php tomonidan:
<?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));
?>
github | Bootstrap taqvimi
Yuklash | Bootstrap taqvimi
Qo'shimcha ma'lumot | Bootstrap: CSS Framework
men Serxio kodini tekshirganimda
Kod allaqachon tekshirilgan! Faqat bitta ma'lumotlar bazasida «hodisalar» jadvalini quyidagi maydonlar bilan yaratishingiz kerak: {id | uy | oxiri | ism | sinf | url} va ma'lumotlar bazangizga kirishni sozlang!
Men ushbu o'zgaruvchini boshqalar uchun o'zgartirdim va bu voqeani ma'lumotlar bazasiga qo'shishimga imkon berdi, ammo men buni taqvimda aks ettirganini ko'rmayapman. Qanday qilib men taqvim tugmachasini bosgan kunimga qarab voqealar ma'lumotlarini tiklashim mumkin edi?
Hodisalarni yaratish va amalga oshirish uchun ma'lumotlar bazasini yaratish kerak, lekin men unga voqealarni qo'shishim mumkin va sukut bo'yicha til ispan tilidir, chunki u sukut bo'yicha inglizcha deb belgilangan
Tilni ispan tiliga sukut qilish uchun, ispan tilidagi fayldagi mavjud satrlarni Calendar.js faylidagi ingliz tilidagi yozuvlar bilan almashtirish yaxshidir. Biroq, boshqa chiroyli usullar mavjud, ularni skriptning asosiy veb-saytida yoki ushbu xabarga biriktirilgan Github jamoasida topishingiz mumkin.
Bundan tashqari, men bir necha hafta ichida yangi xabarni yuklashga harakat qilaman, bu erda ma'lumotlar bazasida voqealar qo'shilishini qanday yaratishni tushuntiraman.
Katta rahmat, voqealarni qo'shish uchun postni qadrlayman :)
Salom, ma'lumotlar bazasiga ulanish va ma'lumotlarni chiqarib olish uchun hamma narsani tuzatishda muammoga duch keldim, bu menga hech qanday voqealarni ko'rsatmaydi
ma'lumotlar bazasiga voqea qo'shilmaydi
Hodisalarni qanday kiritish haqida xabar bera olasizmi? boshlang'ich va oxirgi maydonlarda bu qanday ma'lumot? vaqt tamg'asi? "0" qoldi, men voqealarni tahrirlash imkoniyatiga ega bo'lishim kerak. Rahmat
Agar mavjud bo'lmasa ma'lumotlar bazasini yarating `bootstrap_calendar` / *! 40100 DEFULT CHARACTER SET utf8 COLLATE utf8_spanish_ci * /;
`Bootstrap_calendar`dan foydalaning;
- MySQL dump 10.13 Distrib 5.6.13, Win32 (x86) uchun
-
- Xost: 127.0.0.1 Ma'lumotlar bazasi: bootstrap_calendar
- ——————————————————
- Server versiyasi 5.5.27
/ *! 40101 SET @OLD_CHARACTER_SET_CLIENT = @@ CHARACTER_SET_CLIENT * /;
/ *! 40101 SET @OLD_CHARACTER_SET_RESULTS = @@ CHARACTER_SET_RESULTS * /;
/ *! 40101 SET @OLD_COLLATION_CONNECTION = @@ COLLATION_CONNECTION * /;
/ *! 40101 SET NOMES utf8 * /;
/ *! 40103 SET @OLD_TIME_ZONE = @@ TIME_ZONE * /;
/ *! 40103 SET TIME_ZONE = '+ 00:00 ′ * /;
/ *! 40014 SET @OLD_UNIQUE_CHECKS = @@ UNIQUE_CHECKS, UNIQUE_CHECKS = 0 * /;
/ *! 40014 SET @OLD_FOREIGN_KEY_CHECKS = @@ FOREIGN_KEY_CHECKS, FOREIGN_KEY_CHECKS = 0 * /;
/ *! 40101 SET @OLD_SQL_MODE = @@ SQL_MODE, SQL_MODE = 'NO_AUTO_VALUE_ON_ZERO' * /;
/ *! 40111 SET @OLD_SQL_NOTES = @@ SQL_NOTES, SQL_NOTES = 0 * /;
-
- jadval "jadvallari" uchun jadval tuzilishi
-
BO'LSA "DAVOLASH JADVALI" hodisalar`;
/ *! 40101 SET @saved_cs_client = @@ character_set_client * /;
/ *! 40101 SET character_set_client = utf8 * /;
CREATE TABLE `tadbirlar` (
`id` int (10) unsigned NOT NULL AUTO_INCREMENT,
`title` varchar (150) COLLATE utf8_spanish_ci DEFAULT NULL,
`body` text COLLATE utf8_spanish_ci NULL EMAS,
`url` varchar (150) COLLATE utf8_spanish_ci NULL EMAS,
`class` varchar (45) COLLATE utf8_spanish_ci NULL DEFAULT EMAS 'ma'lumot',
`start` varchar (15) COLLATE utf8_spanish_ci NULL EMAS,
`end` varchar (15) COLLATE utf8_spanish_ci NULL EMAS,
BIRINChI KEY (`id`)
) ENGINE = InnoDB DEFAULT CHARSET = utf8 COLLATE = utf8_spanish_ci;
/ *! 40101 SET character_set_client = @saved_cs_client * /;
-
- "voqealar" jadvali uchun ma'lumotlar tashlanishi
-
LOCK TABLES` voqealari` YOZING;
/ *! 40000 ALTER TABLE `hodisalari` O'CHIRILADIGAN KEYS * /;
/ *! 40000 ALTER TABLE `events` ENABLE KEYS * /;
Jadvallarni qulfdan chiqarish;
/ *! 40103 SET TIME_ZONE = @ OLD_TIME_ZONE * /;
/ *! 40101 SET SQL_MODE = @ OLD_SQL_MODE * /;
/ *! 40014 SET FOREIGN_KEY_CHECKS = @ OLD_FOREIGN_KEY_CHECKS * /;
/ *! 40014 SET UNIQUE_CHECKS = @ OLD_UNIQUE_CHECKS * /;
/ *! 40101 SET CHARACTER_SET_CLIENT = @ OLD_CHARACTER_SET_CLIENT * /;
/ *! 40101 SET CHARACTER_SET_RESULTS = @ OLD_CHARACTER_SET_RESULTS * /;
/ *! 40101 SET COLLATION_CONNECTION = @ OLD_COLLATION_CONNECTION * /;
/ *! 40111 SET SQL_NOTES = @ OLD_SQL_NOTES * /;
- Axlat 2014-05-31 14:38:23 da yakunlandi
salom migoslar JSON sana formatini o'zgartirishning biron bir usuli bor
Taqvim juda yaxshi, faqat yangi voqeani qo'shganda boshida ham, oxirida ham sukut bo'yicha qabul qilinadigan sana inglizcha shaklda bo'ladi, uni qanday qilib ispan tiliga o'zgartiraman? DD / MM / YYYY bo'ladi. Katta rahmat va salomlar
Salom, taqvim juda yaxshi, ammo sanani yangilashda u darhol taqvimda aks etmaydi. Men nima qila olaman?
Menda yana bir muammo bor, barcha fikrlarni oylik ko'rinishda qanday qilib ko'rsatishim mumkin, maydonni kattalashtirish mumkinmi? bir kunga nima to'g'ri keladi?
Mahalliy ravishda misolni yuklashda u juda yaxshi ishlaydi, lekin uni onlayn serverga yuklaganimda menga taqvimdan faqat tugmachalarni ko'rsatmaydi. Serverda nima bo'lishi yoki nima bo'lishi mumkinligi haqida har qanday fikr, uni tuzatish uchun iltimos.