JQuery સાથે બુટસ્ટ્રેપ કેલેન્ડર

આસપાસ ફરતા પુષ્કળ સમુદાયથી આપણે વધુને વધુ પ્રભાવિત થયા છીએ બુટસ્ટ્રેપ, જાણીતા સીએસએસ ફ્રેમવર્ક , ટ્વિટર દ્વારા બનાવવામાં આવેલ. આ સમયે હું તમને બુટસ્ટ્રેપ આધારિત કેલેન્ડર પ્રસ્તુત કરું છું જાવાસ્ક્રિપ્ટ અને JQuery સાથે પ્રોગ્રામ, હું ક detailલેન્ડરના ofપરેશનના ભાગને વિગતવાર પણ સમજાવીશ અને હું કરી શકું છું તે કેટલીક યુક્તિઓ અને સુધારાઓ.

આ બુટસ્ટ્રેપ કેલેન્ડરમાં સ્વચ્છ ડિઝાઇન છે અને તે સંપૂર્ણ છે રિસ્પોન્સિવ, તે બધા ઉપકરણોથી સારું લાગશે! તે પણ સમાવે છે એ 7 થી વધુ ભાષાઓમાં અનુવાદ અને બધા દરેક દેશની ઉત્સવની તારીખો પ્રકાશિત અને નોંધવામાં આવે છે. એક વૈભવી!

આ બુટસ્ટ્રેપ કેલેન્ડરનું કાર્ય કંઈક અંશે જટિલ છે, તે શરૂઆતમાં JSON ફાઇલમાંથી વપરાશકર્તાની તારીખો કાractsે છે, પરંતુ, ફક્ત ક્રિએટીવોસ usersનલાઇન વપરાશકર્તાઓ માટે, હું સમજાવીશ કે કેવી રીતે MYSQL ડેટાબેઝમાંથી ઇવેન્ટ્સને બહાર કા extો કોઈપણ સિસ્ટમમાં તેના સંપૂર્ણ અમલીકરણ માટે.

એપ્લિકેશનની મુખ્ય ફાઇલોના કાર્યો:

INDEX.HTML

• બુટસ્ટ્રેપ 2.3.2 લોડિંગ
• કેલેન્ડર ડિઝાઇન
• ઘટનાઓની સૂચિ
• કેલેન્ડર શોધખોળ
• વિવિધ કેલેન્ડર દૃશ્યો (દિવસ / અઠવાડિયું / મહિનો / વર્ષ)
• જેએસમાં એપ્લિકેશન લોડ કરી રહ્યું છે
• ભાષાની પસંદગી

INDEX-BS3.HTML

• બુટસ્ટ્રેપ 3.0 લોડિંગ
• કેલેન્ડર ડિઝાઇન
• ઇવેન્ટ સૂચિ
• કેલેન્ડર શોધખોળ
• વિવિધ કેલેન્ડર દૃશ્યો (દિવસ / અઠવાડિયું / મહિનો / વર્ષ)
• જેએસમાં એપ્લિકેશન લોડ કરી રહ્યું છે
• ભાષાની પસંદગી

EVENTS.JSON.PHP

• નીચેના ડેટા સાથેની ઇવેન્ટ્સની સૂચિ:
  • id: ઘટના ઓળખકર્તા
  • શીર્ષક: ઘટના શીર્ષક
  • Url: ઘટના url
  • વર્ગ: અનુગામી રંગો માટે ઇવેન્ટ પ્રકાર (માહિતી | ચેતવણી |…).
  • શરૂઆત: પ્રારંભ તારીખ
  • અંત: સમાપ્તિ તારીખ

એપી.પી.એસ.

• ચલો કે જે એપ્લિકેશન ગોઠવણીને સંગ્રહિત કરે છે.
• વિશેષ JQuery વિધેયો

કLEલેન્ડર.જે.એસ.

• મુખ્ય એપ્લિકેશન સેટિંગ્સ
• ક theલેન્ડરના મુખ્ય કાર્યો
• કાર્યક્રમોના નિષ્કર્ષણ અને સારવાર
• તહેવારોની તારીખો
• ભાષા લોડ કરી રહ્યું છે
• ઘટનાઓ સૂચિ લોડ કરી રહ્યું છે
• વિવિધ કેલેન્ડર દૃશ્યો લોડ કરી રહ્યું છે (દિવસ / અઠવાડિયું / મહિનો / વર્ષ)

કLEલેન્ડર.સી.એસ.એસ.

• કેલેન્ડર શૈલીઓ
• ઇવેન્ટ સૂચિ શૈલીઓ
• અન્ય ઉપકરણો માટે કેલેન્ડર શૈલીઓ

ડેટાબેઝમાંથી ઇવેન્ટ્સ કાractો

MYSQL ડેટાબેસમાંથી ઇવેન્ટ્સ કાractવા માટે આપણે ફાઈલની લાઈનો બદલીશું ઘટનાઓ.જેસન.એફપીપી દ્વારા:

<?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));

?>

ગીથબ | બુટસ્ટ્રેપ કેલેન્ડર

ડાઉનલોડ કરો બુટસ્ટ્રેપ કેલેન્ડર

વધુ માહિતી | બુટસ્ટ્રેપ: સીએસએસ ફ્રેમવર્ક