Све нас више импресионира огромна заједница која се врти око нас Боотстрап, познати ЦСС оквир , креирао Твиттер. Овај пут представљам календар заснован на Боотстрапу програмиран помоћу Јавасцрипта и ЈКуери-а, Такође ћу детаљно објаснити део рада календара и додати неке трикове и побољшања која можете учинити.
Овај Боотстрап календар је чистог дизајна и потпуно је одзив, изгледаће добро са свих уређаја! Такође укључује а превод на више од 7 језика и сви празнични датуми сваке земље су истакнути и забележени. Луксуз!
Рад овог Боотстрап календара је донекле сложен, он у почетку издваја датуме корисника из ЈСОН датотеке, али искључиво за кориснике Creativos OnlineОбјаснићу како извући догађаје из МИСКЛ базе података за његову савршену примену у било ком систему.
Добро познати систем базе података
Функције главних датотека апликације:
ИНДЕКС.ХТМЛ
- Боотстрап 2.3.2 учитавање
- Дизајн календара
- Листа догађаја
- Кретање по календару
- Различити прикази календара (дан / недеља / месец / година)
- Учитавање апликације у ЈС
- Избор језика
ИНДЕКС-БС3.ХТМЛ
- Боотстрап 3.0 учитавање
- Дизајн календара
- Листа догађаја
- Кретање по календару
- Различити прикази календара (дан / недеља / месец / година)
- Учитавање апликације у ЈС
- Избор језика
ДОГАЂАЈИ.ЈСОН.ПХП
- Списак догађаја са следећим подацима:
- ид: идентификатор догађаја
- наслов: наслов догађаја
- урл: урл догађаја
- класа: тип догађаја (информације | упозорење |…) за наредне боје.
- старт: датум почетка
- крај: Датум завршетка
АПП.ЈС
- Променљиве које чувају конфигурацију апликације.
- Додатне ЈКуери функције
КАЛЕНДАР.ЈС
- Главна подешавања апликације
- Главне функције календара
- Издвајање и лечење догађаја
- Свечани датуми
- Учитавање језика
- Учитавање листе догађаја
- Учитавање различитих приказа календара (дан / недеља / месец / година)
КАЛЕНДАР.ЦСС
- Стилови календара
- Стилови листе догађаја
- Стилови календара за друге уређаје
Издвајање догађаја из базе података
За издвајање догађаја из МИСКЛ базе података заменићемо редове датотеке евентс.јсон.пхп по:
<?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));
?>
Гитхуб | Боотстрап Цалендар
Преузми | Боотстрап Цалендар
Сазнајте више | Боотстрап: ЦСС Фрамеворк
док проверавам код Сергио
Код је већ проверен! Једино што морате створити табелу «догађаји» у вашој бази података са следећим пољима: {ид | хоме | крај | име | разред | урл} и конфигуришите приступ својој бази података!
Променио сам те променљиве за друге и омогућило ми је да догађај додам у базу података, али не видим да се то одражава у календару. И како бих могао да вратим податке о догађајима у зависности од дана када кликнем на календар?
Да би се креирало и изводило стварање догађаја, мора се створити база података, али оно о чему се ради је то што јој могу додавати догађаје, а подразумевано језик на шпански, јер је подразумевано дефинисан као енглески
Да бисте језик подразумевали за шпански, најбоље је да постојеће низове у датотеци шпанског језика замените оним на енглеском у датотеци цалендар.јс. Међутим, постоје и друге уредније методе, можете их пронаћи на главној веб локацији скрипте или у Гитхуб заједници, приложеној уз овај пост.
Такође, покушаћу да за неколико недеља поставим нови пост где ћу објаснити како да креирам уметање догађаја у базу података.
Пуно вам хвала, бићу захвалан на посту за уметање догађаја :)
здраво Имам проблем када поправим све да бих се повезао и извукао податке из базе података, не приказује ми никакве догађаје
не убацује догађај у базу података
Можете ли да објавите како да уметнете догађаје? о почетним и завршним пољима, о каквим се подацима ради? временска ознака? остало је „0“, морам да убацим и могу да уређујем догађаје. Хвала
СТВАРИ БАЗУ ПОДАТАКА АКО НЕ ПОСТОЈИ `боотстрап_цалендар` / *! 40100 ЗАДАТАК КАРАКТЕРА ПОСТАВЉЕН утф8 ЦОЛЛАТЕ утф8_спанисх_ци * /;
КОРИСТИТЕ `боотстрап_цалендар`;
- МиСКЛ думп 10.13 Дистриб 5.6.13, за Вин32 (к86)
-
- Хост: 127.0.0.1 База података: боотстрап_цалендар
- ——————————————————
- Верзија сервера 5.5.27
/ *! 40101 СЕТ @ОЛД_ЦХАРАЦТЕР_СЕТ_ЦЛИЕНТ = @@ ЦХАРАЦТЕР_СЕТ_ЦЛИЕНТ * /;
/ *! 40101 СЕТ @ОЛД_ЦХАРАЦТЕР_СЕТ_РЕСУЛТС = @@ ЦХАРАЦТЕР_СЕТ_РЕСУЛТС * /;
/ *! 40101 СЕТ @ОЛД_ЦОЛЛАТИОН_ЦОННЕЦТИОН = @@ ЦОЛЛАТИОН_ЦОННЕЦТИОН * /;
/ *! 40101 ПОДЕШИТЕ ИМЕНА утф8 * /;
/ *! 40103 СЕТ @ОЛД_ТИМЕ_ЗОНЕ = @@ ТИМЕ_ЗОНЕ * /;
/ *! 40103 СЕТ ТИМЕ_ЗОНЕ = '+ 00:00 ′ * /;
/ *! 40014 СЕТ @ОЛД_УНИКУЕ_ЦХЕЦКС = @@ УНИКУЕ_ЦХЕЦКС, УНИКУЕ_ЦХЕЦКС = 0 * /;
/ *! 40014 СЕТ @ОЛД_ФОРЕИГН_КЕИ_ЦХЕЦКС = @@ ФОРЕИГН_КЕИ_ЦХЕЦКС, ФОРЕИГН_КЕИ_ЦХЕЦКС = 0 * /;
/ *! 40101 СЕТ @ОЛД_СКЛ_МОДЕ = @@ СКЛ_МОДЕ, СКЛ_МОДЕ = 'НО_АУТО_ВАЛУЕ_ОН_ЗЕРО' * /;
/ *! 40111 СЕТ @ОЛД_СКЛ_НОТЕС = @@ СКЛ_НОТЕС, СКЛ_НОТЕС = 0 * /;
-
- Структура табеле за `догађаје` табеле
-
ТАПЕЛА ЗА СПУСТАЊЕ АКО ПОСТОЈИ `евентс`;
/ *! 40101 СЕТ @савед_цс_цлиент = @@ цхарацтер_сет_цлиент * /;
/ *! 40101 ПОДЕШАВАЊЕ знака_клијента = утф8 * /;
СТВОРИ ТАБЕЛУ `догађаји` (
`ид` инт (10) унсигнед НОТ НУЛЛ АУТО_ИНЦРЕМЕНТ,
`титле` варцхар (150) ЦОЛЛАТЕ утф8_спанисх_ци ДЕФАУЛТ НУЛЛ,
`боди` текст ЦОЛЛАТЕ утф8_спанисх_ци НОТ НУЛЛ,
`урл` варцхар (150) ЦОЛЛАТЕ утф8_спанисх_ци НОТ НУЛЛ,
`цласс` варцхар (45) ЦОЛЛАТЕ утф8_спанисх_ци НОТ НУЛЛ ДЕФАУЛТ 'инфо',
`старт` варцхар (15) ЦОЛЛАТЕ утф8_спанисх_ци НОТ НУЛЛ,
`енд` варцхар (15) ЦОЛЛАТЕ утф8_спанисх_ци НОТ НУЛЛ,
ОСНОВНИ КЉУЧ (`ид`)
) МОТОР = ИнноДБ ЗАДАТАК ШАРСЕТ = утф8 ЦОЛЛАТЕ = утф8_спанисх_ци;
/ *! 40101 ПОСТАВЉАЊЕ цхарацтер_сет_цлиент = @савед_цс_цлиент * /;
-
- Дампинг подаци за `догађаје` табеле
-
ЗАКЉУЧАЈТЕ ТАБЛИЦЕ `евентс` ВРИТЕ;
/ *! 40000 АЛТЕР ТАБЛЕ `евентс` ДИСАБЛЕ ТАСТЕРС * /;
/ *! 40000 АЛТЕР ТАБЛЕ `евентс` ОМОГУЋИ КЉУЧЕ * /;
ОТКЛОНИТЕ СТОЛОВЕ;
/ *! 40103 СЕТ ТИМЕ_ЗОНЕ = @ ОЛД_ТИМЕ_ЗОНЕ * /;
/ *! 40101 СЕТ СКЛ_МОДЕ = @ ОЛД_СКЛ_МОДЕ * /;
/ *! 40014 СЕТ ФОРЕИГН_КЕИ_ЦХЕЦКС = @ ОЛД_ФОРЕИГН_КЕИ_ЦХЕЦКС * /;
/ *! 40014 СЕТ УНИКУЕ_ЦХЕЦКС = @ ОЛД_УНИКУЕ_ЦХЕЦКС * /;
/ *! 40101 СЕТ ЦХАРАЦТЕР_СЕТ_ЦЛИЕНТ = @ ОЛД_ЦХАРАЦТЕР_СЕТ_ЦЛИЕНТ * /;
/ *! 40101 СЕТ ЦХАРАЦТЕР_СЕТ_РЕСУЛТС = @ ОЛД_ЦХАРАЦТЕР_СЕТ_РЕСУЛТС * /;
/ *! 40101 СЕТ ЦОЛЛАТИОН_ЦОННЕЦТИОН = @ ОЛД_ЦОЛЛАТИОН_ЦОННЕЦТИОН * /;
/ *! 40111 СЕТ СКЛ_НОТЕС = @ ОЛД_СКЛ_НОТЕС * /;
- Депонија завршена 2014-05-31 14:38:23
здраво мигос, постоји ли начин да се промени формат датума ЈСОН
Календар је врло добар, само када додајем нови догађај, датум који је подразумевано потребан и на почетку и на крају је у енглеском формату, како да га променим у шпански? Било би ДД / ММ / ГГГГ. Пуно вам хвала и поздрав
Здраво, календар је врло добар, али приликом ажурирања датума то се не одражава одмах у календару. Шта ја могу да урадим ?
Имам и други проблем, како могу да учиним да се све тачке приказују у месечном приказу, да ли је могуће увећати квадрат? шта одговара дану?
Имам проблем што локално приликом учитавања примера ради савршено, али када га отпремим на мрежни сервер, не приказује ми ништа из дугмета календара. Молим вас било какву идеју шта може бити или шта није у реду са сервером да би то поправио.