ฝึกงานวันที่ 21/6/60

ในระบบการสร้าง Fullcalendar
          จะใช้หลัการของ ระบบ ลิงค์ เพื่อรับค่าการใช้งานของฐานข้อมูลที่ผู้พัฒนาได้คิดค้นระบบไว้ สามารถเชื่อมโยงโดยตรงจากไซต์ที่เราสร้างเข้าสู่ระบบของ  Fullcalendar โดยต้องได้รับการยินยอมจาก ทางผู้ผลิต Fullcalendar อีก เพื่อนำ ข้อมูลมาใช้งาน โดยจะมีระบบ URLs เป็นโค้ดนำไปเขียนในโค้ดโปรแกรม PHP
 
            //cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.4.0/fullcalendar.min.js

            //cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.4.0/fullcalendar.min.css

            //cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.4.0/fullcalendar.print.css 

หรือจะใช้การโหลด ไฟล์ เพื่อนำมาพัฒนาต่อจาก Fullcalendar เองก็ได้
 

 

ในไฟล์เองการจะโค้ดในหลายๆแบบ ที่แสดงอยู่ จะต้องเลือกใช้ไฟล์ต่าง ๆ รวมกับเพื่อ ให้นำไปใช้ในเว็บไซต์ของเราได้
ซึ่งเราจะใช้ ระบบ gcal.min.js
จะมีการอ้างอิงระบบให้เรานำไฟล์.css , .min.css , .js , .min.js ในการใส่ลูกเล่นของระบบ ไปใช้งานด้วย

สึ่งระบบที่นำมาใช้ ต้องเขียนโค้ด
<link href='นำมาจากไฟล์ที่ติดตั้งระบบfullcalendar.min.css' rel='stylesheet' />
<link href=นำมาจากไฟล์ที่ติดตั้งระบบfullcalendar.print.min.css' rel='stylesheet' media='print' />
<script src='นำมาจากไฟล์ที่ติดตั้งmoment.min.js'></script>
<script src='นำมาจากไฟล์ที่ติดตั้งระบบjquery.min.js'></script>
<script src='นำมาจากไฟล์ที่ติดตั้งระบบfullcalendar.min.js'></script>

ซึ่งก่อนที่เราจ้ะใช้งานจ้ะมีการ

<?php
$data=array(); //สั่งระบบให้เก็บค่า การรวมข้อมูลเรื่องเดียวกันเข้าไว้ด้วยกันในชื่อเดียวกันโดยจัดเป็นแถวและคอลัมน์ 
$link = mysqli_connect("127.0.0.1", "Uesr", "รหัส", "ชื่อฐานข้อมูล"); //ใช้อ้าอิงฐานข้อมูล mySQl
mysqli_set_charset($link, 'utf8'); //ใช้ในการบังคับฐานข้อมูลให้ส่งไฟล์ป็นรหัสฐานข้อมูลใด

if (!$link) {
    echo "error: unable to connect to mysql." . php_eol;
    echo "debugging errno: " . mysqli_connect_errno() . php_eol;
    echo "debugging error: " . mysqli_connect_error() . php_eol;
    exit;
}

$query = "select * from ` objective`"; // แทนค่าฐานข้อมูล mySQl ที่ทำขึ้น objective
if ($result = $link->query($query)) {
    /* fetch object array */
    while ($obj = $result->fetch_object()) {
        $data[]=array(    //เก็บฐานข้อมูลแบบ 3 มิติ
                   'id'   => $obj -> id,
                   'title'=> $obj -> title,
                   'start'=> $obj -> start,
                   'end'  => $obj -> end          
                  
         
                   );
    }

    /* free result set */
    $result->close();
}

mysqli_close($link);


?>






ฐานข้อมูลที่สร้างด้วย Mysql



านข้อมูล


1. id จะใช้เก็บข้อมูลของผู้เข้าใช้งานระบบ
2.title แทน ชื่อของผู้สมัครใช้งาน
3. surname แทนนามสกุล
4. contact_number แทนเบอร์โทรศัทพ์
5. email แทน email
6. start แทนการให้วันที่เริ่มจองการใข้งาน
7. end แทน การการให้วันที่สิ้นสุดการใช้งาน


* อีก 2 ตัวจะเป็นการพัฒนา ระบบในครั้งต่อไป*

*อ้างอิงจาก https://fullcalendar.io

ความคิดเห็น

บทความที่ได้รับความนิยม