Mūs arvien vairāk iespaido milzīgā sabiedrība, kas griežas apkārt Bootstrap, labi pazīstams CSS ietvars , izveidoja Twitter. Šoreiz es iepazīstinu ar Bootstrap balstītu kalendāru ieprogrammēts ar Javascript un JQuery, Es arī detalizēti paskaidrošu daļu no kalendāra darbības, un es pievienošu dažus trikus un uzlabojumus, kurus varat veikt.
Šim Bootstrap kalendāram ir tīrs dizains un tas ir pilnīgi atsaucīgs, tas labi izskatīsies no visām ierīcēm! Tas ietver arī a tulkojums vairāk nekā 7 valodās un viss tiek izcelti un atzīmēti katras valsts svētku datumi. Greznība!
Šī Bootstrap kalendāra darbība ir nedaudz sarežģīta, tā sākotnēji izvelk lietotāja datumus no JSON faila, taču tas ir paredzēts tikai Creativos OnlineEs paskaidrošu, kā izvilkt notikumus no MYSQL datu bāzes tā ideālai ieviešanai jebkurā sistēmā.
Zināma datu bāzu sistēma
Lietotnes galveno failu funkcijas:
INDEX.HTML
- Bootstrap 2.3.2 ielāde
- Kalendāra dizains
- Notikumu saraksts
- Pārvietošanās kalendārā
- Dažādi kalendāra skati (diena / nedēļa / mēnesis / gads)
- Notiek lietojumprogrammas ielāde JS
- Valodas izvēle
INDEX-BS3.HTML
- Bootstrap 3.0 ielāde
- Kalendāra dizains
- Notikumu saraksts
- Pārvietošanās kalendārā
- Dažādi kalendāra skati (diena / nedēļa / mēnesis / gads)
- Notiek lietojumprogrammas ielāde JS
- Valodas izvēle
PASĀKUMI.JSON.PHP
- Notikumu saraksts ar šādiem datiem:
- id: notikuma identifikators
- nosaukums: pasākuma nosaukums
- url: notikuma URL
- klase: notikuma veids (informācija | brīdinājums |…) nākamajām krāsām.
- sākt: sākuma datums
- beigas: izbeigšanas datums
APP.JS
- Mainīgie, kas saglabā lietojumprogrammas konfigurāciju.
- Papildu JQuery funkcijas
KALENDĀRS.JS
- Galvenie lietojumprogrammas iestatījumi
- Kalendāra galvenās funkcijas
- Notikumu ieguve un apstrāde
- Svētku datumi
- Valodas ielāde
- Notiek saraksta Notiek ielāde
- Dažādu kalendāra skatu ielāde (diena / nedēļa / mēnesis / gads)
KALENDĀRS.CSS
- Kalendāra stili
- Pasākumu saraksta stili
- Kalendāra stili citām ierīcēm
Izvilkt notikumus no datu bāzes
Lai izvilktu notikumus no MYSQL datu bāzes mēs aizstāsim faila rindas Events.json.php līdz:
<?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));
?>
Gitubs | Bootstrap kalendārs
Lejupielādēt | Bootstrap kalendārs
Vairāk informācijas Bootstrap: CSS ietvars
kad es pārbaudu kodu Serhio
Kods jau ir pārbaudīts! Vienīgais, jums datu bāzē jāizveido tabula «events» ar šādiem laukiem: {id | mājas | beigas | nosaukums | klase | url} un konfigurējiet piekļuvi savai datu bāzei!
Es esmu mainījis šos mainīgos citiem, un tas man ir ļāvis pievienot notikumu savai datu bāzei, bet es to neredzu atspoguļotu kalendārā. Un kā es varētu atgūt notikumu datus atkarībā no dienas, kad noklikšķinu uz kalendāra?
Lai veiktu un izveidotu notikumus, ir jāizveido datu bāze, bet par to ir tas, ka es varu tam pievienot notikumus un kā noklusējuma valoda ir spāņu, jo tā pēc noklusējuma ir definēta kā angļu
Lai noklusējuma valoda būtu spāņu valoda, vislabāk ir aizstāt esošās virknes spāņu valodas failā ar tām angļu valodā failā calendar.js. Tomēr ir arī citas kārtīgākas metodes, kuras varat atrast skripta galvenajā vietnē vai Github kopienā, kas pievienota šim ierakstam.
Arī pēc dažām nedēļām mēģināšu augšupielādēt jaunu ierakstu, kurā paskaidrošu, kā izveidot notikumu ievietošanu datu bāzē.
Liels paldies, es novērtēšu ziņu, lai ievietotu notikumus :)
sveiki, man ir problēma, kad es visu salaboju, lai izveidotu savienojumu, un izvelk savus datus no datu bāzes, tas man neuzrāda nekādus notikumus
neievieto notikumu datu bāzē
Vai jūs varētu ievietot, kā ievietot notikumus? sākuma un beigu laukos, kādi tie ir dati? laika zīmogs? paliek pāri "0", man jāievieto un jāspēj rediģēt notikumus. Paldies
IZVEIDOT DATU BĀZI, JA NEBŪTU `bootstrap_calendar` / *! 40100 DEFAULT CHARACTER SET UTF8 COLLATE utf8_spanish_ci * /;
LIETOT `bootstrap_calendar`;
- MySQL dump 10.13 Izplatīt 5.6.13, priekš Win32 (x86)
Sākot no
- resursdators: 127.0.0.1 datu bāze: bootstrap_calendar
- ——————————————————
- Servera versija 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 NOSAUKUMI 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 * /;
Sākot no
- Galda struktūra tabulas `notikumiem`
Sākot no
PILNU TABULA, JA PASTĀV "notikumi";
/ *! 40101 SET @saved_cs_client = @@ character_set_client * /;
/ *! 40101 SET character_set_client = utf8 * /;
IZVEIDOT TABULU `notikumi` (
`id` int (10) neparakstīts NOT NULL AUTO_INCREMENT,
`title` varchar (150) COLLATE utf8_spanish_ci DEFAULT NULL,
`body` teksts COLLATE utf8_spanish_ci NOT NULL,
`url` varchar (150) COLLATE utf8_spanish_ci NAV NULL,
`class` varchar (45) COLLATE utf8_spanish_ci NAV NULL DEFAULT 'informācija',
`start` varchar (15) COLLATE utf8_spanish_ci NAV NULL,
`end` varchar (15) COLLATE utf8_spanish_ci NAV NULL,
GALVENĀ ATSLĒGA (`id`)
) ENGINE = InnoDB DEFAULT CHARSET = utf8 COLLATE = utf8_spanish_ci;
/ *! 40101 SET character_set_client = @saved_cs_client * /;
Sākot no
- Datu dempings tabulas `notikumiem`
Sākot no
AIZSLĒGT GALDAI `notikumi` RAKSTI;
/ *! 40000 ALTER TABLE `notikumi` ATSLĒGU ATSLĒGAS * /;
/ *! 40000 ALTER TABLE `notikumi` ENABLE Keyes * /;
ATVĒRT GALDUS;
/ *! 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 * /;
- Izgāztuve pabeigta 2014. gada 05. maijā 31:14:38
sveiki migos, vai ir kāds veids, kā mainīt JSON datuma formātu
Kalendārs ir ļoti labs, tikai tad, ja, pievienojot jaunu notikumu, datums, kas pēc noklusējuma nepieciešams gan sākumā, gan beigās, ir angļu formātā, kā to nomainīt uz spāņu valodu? Tas būtu DD / MM / GGGG. Liels paldies un sveicieni
Sveiki, kalendārs ir ļoti labs, taču, atjauninot datumu, tas uzreiz netiek atspoguļots kalendārā. Ko es varu darīt ?
Man ir arī vēl viena problēma, kā es varu panākt, lai mēneša skatījumā visi punkti tiktu parādīti, vai ir iespējams palielināt laukumu? kas atbilst dienai?
Man ir problēma, ka, ielādējot piemēru, tas darbojas nevainojami, taču, augšupielādējot to tiešsaistes serverī, man no kalendāra nekas neparādās tikai pogas. Lūdzu, kāda ideja, kas var būt vai kas nav kārtībā ar serveri, lai to labotu.