באָאָצטראַפּ קאַלענדאַר מיט דזשקווערי

באָאָצטראַפּ-קאַלענדאַר מיר זענען ינקריסינגלי ימפּרעסט דורך די גוואַלדיק קהל וואָס ריוואַלווז אַרום באָאָצטראַפּ, אַ באַוווסט CSS פריימווערק , באשאפן דורך טוויטטער. דאָס מאָל איך פאָרשטעלן איר אַ באָאָטסטראַפּ-באזירט קאַלענדאַר פּראָוגראַמד מיט דזשאַוואַסקריפּט און דזשקוועריאין אַדישאַן, איך וועל דערקלערן אין דעטאַל טייל פון די אָפּעראַציע פון ​​די קאַלענדאַר און איך וועל לייגן עטלעכע טריקס און ימפּרווומאַנץ וואָס איר קענען טאָן.

דער באָאָצטראַפּ קאַלענדאַר האט אַ ריין פּלאַן און איז טאָוטאַלי אָפּרופיק, עס וועט קוקן גוט פֿון אַלע דעוויסעס! עס אויך ינקאָרפּערייץ אַ איבערזעצונג אין מער ווי 7 שפראכן און אַלע די פעסטיוו דאַטעס פון יעדער מדינה זענען כיילייטיד און אנגעוויזן. א לוקסוס!

די אָפּעראַציע פון ​​דעם באָאָצטראַפּ קאַלענדאַר איז עפּעס קאָמפּליצירט, עס יקסטרייץ די דאַטעס פון די JSON טעקע טכילעס, אָבער אויסשליסלעך פֿאַר Creativos Online וסערס, איך וועל דערקלערן ווי עקסטראַקט די געשעענישן פון אַ מיסקל דייטאַבייס פֿאַר זיין שליימעסדיק ימפּלאַמענטיישאַן אין קיין סיסטעם.

באַוווסט דאַטאַבאַסע סיסטעם

באַוווסט דאַטאַבאַסע סיסטעם

פאַנגקשאַנז פון די הויפּט טעקעס פון די אַפּלאַקיישאַן:

INDEX.H HTML

  • באָאָצטראַפּ 2.3.2 לאָודינג
  • קאַלענדאַר פּלאַן
  • רשימה פון געשעענישן
  • נאַוויגירן אין די קאַלענדאַר
  • אַנדערש קאַלענדאַר קוקן (טאָג / וואָך / חודש / יאָר)
  • לאָודינג די אַפּלאַקיישאַן אין JS
  • שפּראַך סעלעקציע

אינדעקס-בס 3. הטמל

  • באָאָצטראַפּ 3.0 לאָודינג
  • קאַלענדאַר פּלאַן
  • געשעעניש רשימה
  • נאַוויגירן אין די קאַלענדאַר
  • אַנדערש קאַלענדאַר קוקן (טאָג / וואָך / חודש / יאָר)
  • לאָודינג די אַפּלאַקיישאַן אין JS
  • שפּראַך סעלעקציע

EVENTS.JSON.PHP

  • רשימה פון געשעענישן מיט די פאלגענדע דאַטן:
    • שייַן: געשעעניש ידענטיפיער
    • טיטל: געשעעניש טיטל
    • URL: URL פון דער געשעעניש
    • קלאַס: געשעעניש טיפּ (אינפֿאָרמאַציע | ווארענונג | ...) פֿאַר סאַבסאַקוואַנט פֿאַרבן.
    • אָנהייב: אָנהייב דאַטע
    • סוף: טערמאַניישאַן דאַטע

APP.JS

  • וועריאַבאַלז וואָס קראָם די אַפּלאַקיישאַן קאַנפיגיעריישאַן.
  • עקסטרע דזשקווערי פאַנגקשאַנז

CALENDAR.JS

  • הויפּט אַפּלאַקיישאַן סעטטינגס
  • הויפּט פאַנגקשאַנז פון די קאַלענדאַר
  • יקסטראַקשאַן און טרעאַטמענט פון געשעענישן
  • פעסטיוו דאַטעס
  • שפּראַך לאָודינג
  • לאָודינג די עווענץ רשימה
  • לאָודינג די פאַרשידענע קאַלענדאַר קוקן (טאָג / וואָך / חודש / יאָר)

CALENDAR.CSS

  • קאַלענדאַר סטילעס
  • געשעעניש רשימה סטיילז
  • קאַלענדאַר סטיילז פֿאַר אנדערע דעוויסעס

עקסטראַקט געשעענישן פון אַ דאַטאַבייס

צו עקסטראַקט די געשעענישן פון אַ מיסקל דייטאַבייס מיר וועלן פאַרבייַטן די שורות פון דער טעקע events.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));

?>

גיטהוב | באָאָצטראַפּ קאַלענדאַר

אראפקאפיע | באָאָצטראַפּ קאַלענדאַר

מער אינפֿאָרמאַציע | באָאָצטראַפּ: קסס פראַמעוואָרק


דער אינהאַלט פון דעם אַרטיקל אַדכיר צו אונדזער פּרינציפּן פון לייט עטיקס. צו מעלדונג אַ טעות גיט דאָ.

14 באַמערקונגען, לאָזן דיין

לאָזן דיין באַמערקונג

אייער בליצפּאָסט אַדרעס וועט נישט זייַן ארויס. Required fields זענען אנגעצייכנט מיט *

*

*

  1. פאַראַנטוואָרטלעך פֿאַר די דאַטן: Miguel Ángel Gatón
  2. ציל פון די דאַטן: קאָנטראָל ספּאַם, קאָמענטאַר פאַרוואַלטונג.
  3. לעגיטימאַטיאָן: דיין צושטימען
  4. קאָמוניקאַציע פון ​​די דאַטן: די דאַטן וועט נישט זיין קאַמיונאַקייטיד צו דריט פּאַרטיעס אַחוץ דורך לעגאַל פליכט.
  5. דאַטן סטאָרידזש: דאַטאַבייס כאָוסטיד דורך Occentus Networks (EU)
  6. רעכט: צו קיין צייט איר קענט באַגרענעצן, צוריקקריגן און ויסמעקן דיין אינפֿאָרמאַציע.

  1.   דוד ז דאָס

    ווי איך קאָנטראָלירן דעם קאָד סערגיאָ

    1.    סערגיאָ ראָדענאַס דאָס

      דער קאָד איז שוין אָפּגעשטעלט! דער בלויז זאַך, איר האָבן צו מאַכן דעם טיש «געשעענישן» אין דיין דאַטאַבייס מיט די פאלגענדע פעלדער: {יד | היים | עק | נאָמען | קלאַס | url} און קאַנפיגיער אַקסעס צו דיין דאַטאַבייס!

      1.    רויז דאָס

        איך האָבן טשיינדזשד די וועריאַבאַלז פֿאַר אנדערע, און דאָס האָט דערלויבט מיר צו לייגן די געשעעניש צו מיין דאַטאַבייס, אָבער איך קען נישט זען עס שפיגלט אין די קאַלענדאַר. און ווי קען איך צוריקקריגן די דאַטן פון די געשעענישן דיפּענדינג אויף דעם טאָג איך קליקט אויף די קאַלענדאַר?

  2.   דזשאָסע לויס זאַמודיאָ (@דזשאָסעזאַמי) דאָס

    צו טאָן און דורכפירן די שאַפונג פון געשעענישן, אַ דאַטאַבאַסע מוזן זיין באשאפן, אָבער וואָס עס איז וועגן אַז איך קענען צולייגן געשעענישן צו עס און דורך פעליקייַט די שפּראַך צו שפּאַניש ווייַל עס איז דיפיינד ווי ענגליש דורך פעליקייַט.

    1.    סערגיאָ ראָדענאַס דאָס

      אויב די שפּראַך איז פעליקייַט צו שפּאַניש, עס איז בעסטער צו פאַרבייַטן די יגזיסטינג סטרינגס אין די שפּאַניש שפּראַך טעקע מיט די אין ענגליש אין די קאַלענדאַר.דזשס טעקע. אָבער, עס זענען אנדערע ניטער מעטהאָדס, איר קענען געפֿינען זיי אויף די הויפּט וועבזייטל פון די שריפט אָדער אין די גיטהוב קהל, אַטאַטשט צו דעם פּאָסטן.
      איך וועל פּרובירן צו צופֿעליקער אַ נייַע פּאָסטן אין אַ ביסל וואָכן, וווּ איך וועל דערקלערן ווי צו מאַכן די ינסערשאַן פון געשעענישן אין די דאַטאַבייס.

  3.   דזשאָסע לויס זאַמודיאָ (@דזשאָסעזאַמי) דאָס

    דאנק איר זייער פיל, איך וועט אָפּשאַצן די פּאָסטן צו אַרייַנלייגן געשעענישן :)

  4.   דזשאַיר דאָס

    העלא איך האָבן אַ פּראָבלעם ווען איך פאַרריכטן אַלץ צו פאַרבינדן און עקסטראַקט מיין דאַטן פון די דאַטאַבייס, עס קען נישט ווייַזן מיר קיין געשעענישן

  5.   דיעגאָ דאָס

    טוט ניט אַרייַנלייגן געשעעניש אין דייטאַבייס

  6.   גאָנזאַ דאָס

    קען איר פּאָסטן ווי אַזוי צו לייגן געשעענישן אין די אָנהייב און סוף פעלדער וואָס סאָרט פון דאַטן זענען עס? צייט שטעמפּל? עס זענען "0" לינקס, איך דאַרפֿן צו טאָן און קענען רעדאַגירן די געשעענישן. דאַנקען

  7.   דאנערשטאג דאָס

    CREATE DATABASE אויב נישט עקסיסטירט `bootstrap_calendar` / *! 40100 DEFAULT CHARACTER SET utf8 COLLATE utf8_spanish_ci * /;
    ניצן `באָאָצטראַפּ_קאַלענדאַר`;
    - 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 * /;

    -
    - טיש סטרוקטור פֿאַר טיש `געשעענישן`
    -

    דראָפּ טאַבלע אויב עס יגזיסץ `געשעענישן`;
    / *! 40101 SET @saved_cs_client = @@ character_set_client * /;
    / *! 40101 SET character_set_client = utf8 * /;
    שאַפֿן טיש 'events' (
    `id` int (10) ונסיגנעד NOT NULL AUTO_INCREMENT,
    `title` varchar (150) COLLATE utf8_spanish_ci DEFAULT NULL,
    טעקסט `body` קאָללירן utf8_spanish_ci נישט נול,
    `url` varchar (150) COLLATE utf8_spanish_ci NOT NULL,
    "סאָרט" וואַרטשאַר (45) COLLATE utf8_spanish_ci NOT NULL DEFAULT 'אינפֿאָרמאַציע',
    `אָנהייב` וואַרטשאַר (15) קאָללאַטע utf8_spanish_ci נישט נול,
    `סוף` וואַרטשאַר (15) COLLATE utf8_spanish_ci נישט נול,
    ערשטיק שליסל ("יד")
    ) MOTOR = InnoDB DEFAULT CHARSET = 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 שליסלען * /;
    UNLOCK טאַבלעס;
    / *! 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:38:23

  8.   דזשואַנקסנומקס דאָס

    העלא מיגאָס, עס איז קיין וועג צו טוישן די JSON דאַטע פֿאָרמאַט

  9.   גיסעלאַבראַ דאָס

    די קאַלענדאַר איז זייער גוט, נאָר ווען איר לייגן אַ נייַע געשעעניש, די דאַטע וואָס עס נעמט דורך פעליק אין די אָנהייב און די סוף איז אין ענגליש פֿאָרמאַט. ווי טאָן איך טוישן עס צו שפּאַניש? עס וואָלט זיין DD / MM / YYYY. דאַנקען דיר זייער פיל און גרעעטינגס

  10.   פייביאַן דאָס

    העלא, די קאַלענדאַר איז זייער גוט, אָבער ווען דערהייַנטיקן אַ דאַטע, עס איז נישט גלייך שפיגלט אין די קאַלענדאַר. וואָס קען איך טאָן?

    איך אויך האָבן אן אנדער פּראָבלעם, ווי קען איך מאַכן אַלע די ווייזט אין די כוידעשלעך מיינונג, איז עס מעגלעך צו פאַרגרעסערן די קוואַדראַט? וואָס קאָראַספּאַנדז צו אַ טאָג?

  11.   אַלעקס דאָס

    איך האָבן די פּראָבלעם אַז לאָוקאַלי ווען לאָודינג דעם בייַשפּיל, עס אַרבעט בישליימעס, אָבער ווען איך ופּלאָאַד עס צו אַן אָנליין סערווער, עס קען נישט ווייַזן מיר עפּעס פֿון די קאַלענדאַר בלויז די קנעפּלעך. קיין געדאַנק וואָס קען זיין אָדער וואָס איז פאַלש מיט די סערווער צו פאַרריכטן עס ביטע.