Мы все больше впечатляемся огромным сообществом, которое вращается вокруг Bootstrap, известный фреймворк CSS , созданный Twitter. На этот раз я представляю вам календарь на основе Bootstrap. запрограммирован с помощью Javascript и JQuery, Я также подробно объясню часть работы календаря и добавлю некоторые хитрости и улучшения, которые вы можете сделать.
Этот календарь Bootstrap имеет чистый дизайн и полностью отзывчивый, будет хорошо смотреться на всех устройствах! Он также включает перевод на более чем 7 языков и все отмечены и отмечены праздничные даты каждой страны. Роскошь!
Работа этого календаря Bootstrap несколько сложна: сначала он извлекает даты пользователя из файла JSON, но исключительно для пользователей Creativos OnlineЯ объясню, как извлекать события из базы данных MYSQL за его безупречную реализацию в любой системе.
Хорошо известная система баз данных
Функции основных файлов приложения:
ИНДЕКС.HTML
- Bootstrap 2.3.2 загрузка
- Дизайн календаря
- Список событий
- Навигация по календарю
- Различные представления календаря (день / неделя / месяц / год)
- Загрузка приложения на JS
- Выбор языка
ИНДЕКС-BS3.HTML
- Bootstrap 3.0 загрузка
- Дизайн календаря
- Список событий
- Навигация по календарю
- Различные виды календаря (день / неделя / месяц / год)
- Загрузка приложения на JS
- Выбор языка
СОБЫТИЯ.JSON.PHP
- Список событий со следующими данными:
- ID: идентификатор события
- Название: название события
- URL: URL события
- учебный класс: тип события (информация | предупреждение |…) для последующих цветов.
- Начало: дата начала
- конец: Дата окончания
ПРИЛОЖЕНИЕ.JS
- Переменные, хранящие конфигурацию приложения.
- Дополнительные функции JQuery
КАЛЕНДАРЬ.JS
- Основные настройки приложения
- Основные функции календаря
- Извлечение и обработка событий
- Праздничные свидания
- Язык Загрузка
- Загрузка списка событий
- Загрузка различных представлений календаря (день / неделя / месяц / год)
КАЛЕНДАРЬ.CSS
- Стили календаря
- Стили списка событий
- Стили календаря для других устройств
Извлечь события из базы данных
Чтобы извлечь события из базы данных MYSQL заменим строки файла события.json.php по:
<?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));
?>
Гитхаб | Календарь начальной загрузки
Скачать | Календарь начальной загрузки
Узнать подробнее | Bootstrap: CSS Framework
как я проверяю код Серхио
Код уже проверен! Единственное, вы должны создать в своей базе данных таблицу «events» со следующими полями: {id | домой | конец | имя | класс | url} и настройте доступ к своей базе данных!
Я изменил эти переменные для других, и это позволило мне добавить событие в мою базу данных, но я не вижу его отражения в календаре. И как мне восстановить данные событий в зависимости от дня, когда я нажимаю на календарь?
Чтобы создать и выполнить создание событий, необходимо создать базу данных, но она о том, что я могу добавлять в нее события, и по умолчанию используется испанский язык, потому что по умолчанию он определен как английский.
Чтобы предварительно установить испанский язык, лучше заменить существующие строки в испаноязычном файле на английские строки в файле calendar.js. Однако есть и другие более аккуратные методы, вы можете найти их на основном веб-сайте скрипта или в сообществе Github, прикрепленном к этому сообщению.
Кроме того, через несколько недель я постараюсь загрузить новый пост, в котором я объясню, как создать вставку событий в базу данных.
Большое спасибо, буду признателен за пост для вставки событий :)
привет, у меня проблема, когда я исправляю все, чтобы подключиться и извлечь свои данные из базы данных, она не показывает мне никаких событий
не вставляет событие в базу данных
Не могли бы вы опубликовать, как вставлять события? в полях начала и конца, что это за данные? отметка времени? «0» осталось, мне нужно вставить и уметь редактировать события. Спасибо
СОЗДАТЬ БАЗУ ДАННЫХ, ЕСЛИ НЕ СУЩЕСТВУЕТ `bootstrap_calendar` / *! 40100 НАБОР СИМВОЛОВ ПО УМОЛЧАНИЮ utf8 COLLATE utf8_spanish_ci * /;
ИСПОЛЬЗУЙТЕ `bootstrap_calendar`;
- Дамп MySQL 10.13 Distrib 5.6.13, для Win32 (x86)
-
- Хост: 127.0.0.1 База данных: bootstrap_calendar
- ——————————————————
- Версия сервера 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 УСТАНОВИТЬ ИМЕНА 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 * /;
-
- Структура таблицы для таблицы `события`
-
УДАЛИТЬ ТАБЛИЦУ, ЕСЛИ СУЩЕСТВУЕТ `events`;
/ *! 40101 SET @saved_cs_client = @@ character_set_client * /;
/ *! 40101 SET character_set_client = utf8 * /;
СОЗДАТЬ ТАБЛИЦУ `события` (
`id` int (10) беззнаковый NOT NULL AUTO_INCREMENT,
`title` varchar (150) COLLATE utf8_spanish_ci DEFAULT NULL,
текст `body` COLLATE utf8_spanish_ci NOT NULL,
url varchar (150) COLLATE utf8_spanish_ci NOT NULL,
`class` varchar (45) COLLATE utf8_spanish_ci NOT NULL DEFAULT 'info',
`start` varchar (15) COLLATE utf8_spanish_ci NOT NULL,
`end` varchar (15) COLLATE utf8_spanish_ci NOT NULL,
ПЕРВИЧНЫЙ КЛЮЧ (`id`)
) ДВИГАТЕЛЬ = ИННОДБ ДИАГРАММА ПО УМОЛЧАНИЮ = utf8 COLLATE = utf8_spanish_ci;
/ *! 40101 SET character_set_client = @saved_cs_client * /;
-
- Дамп данных для таблицы `events`
-
ЗАПИСАТЬ ТАБЛИЦЫ `события`;
/ *! 40000 ALTER TABLE `events` DISABLE KEYS * /;
/ *! 40000 ALTER TABLE `events` ENABLE KEYS * /;
РАЗБЛОКИРОВАТЬ ТАБЛИЦЫ;
/ *! 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 * /;
- Дамп завершен 2014 05:31:14
привет, мигос, есть ли способ изменить формат даты JSON
Календарь очень хорош, только при добавлении нового события дата, которую он принимает по умолчанию как в начале, так и в конце, в английском формате, как мне изменить ее на испанский? Это будет ДД / ММ / ГГГГ. Большое спасибо и привет
Здравствуйте, календарь очень хороший, но при обновлении даты не сразу отражается в календаре. Что я могу сделать ?
У меня также есть еще одна проблема, как мне сделать так, чтобы все точки отображались в ежемесячном просмотре, можно ли увеличить квадрат? что соответствует дню?
У меня проблема в том, что локально при загрузке примера он работает отлично, но когда я загружаю его на онлайн-сервер, он не показывает мне ничего из календаря, только кнопки. Любая идея, что может быть или что не так с сервером, чтобы исправить это, пожалуйста.