ฝึกเขียน CGI

จากการลองค้นหา ก็ได้ความหมายของคำว่า CGI มาอย่างง่าย คือ โปรแกรมที่รันบนเซิฟเวอร์
โดยเริ่มต้น webserver รับ input มาจาก user (client) แล้ว ส่งให้ CGI ทำการคำนวณแล้วส่งค่ากลับไปยัง
webserver เพื่อส่งให้ user อีกที


ที่ลองทำคือเครื่องคำนวณอย่างง่าย โดยมีช่องให้ใส่เลข 2 ช่องแล้ว
ช่องสุดท้ายเอาไว้เลือกว่าจะ + หรือ - แล้วทำการกด Calculate

การเรียกใช้

ให้ทำการรัน httpserver โดยใช้คำสั่ง

• python -m CGIHTTPServer 8000 สำหรับ linux
• python -m http.server --cgi 8000 สำหรับ Windows

เข้าเว็บได้ที่
http://localhost:8000/cgi-bin/hello.py
โดยไฟล์ hello.py จะต้องอยู่ในโฟลเดอร์ cgi-bin

การใช้งาน

พิมพ์เลข เลือก operator แล้วกดปุ่ม Calculate

ผลลัพธ์ที่ได้

hello.py

อธิบายโค้ด

form = cgi.FieldStorage()
เป็นการรับค่าจากกล่อง input ทั้งหลายเข้าตัวแปร form

form.getvalue("name")
ไว้ใช้รับค่าจาก input ของ html เช่น form.getvalue("first") ก็จะรับค่าจากกล่อง first

if "first" in form
ใช้เช็คว่ามีข้อความใน กล่อง first ไหม ?

รวมเว็บ reference เกี่ยวกับ CGI

http://www.mindphp.com/%E0%B8%84%E0%B8%B9%E0%B9%88%E0%B8%A1%E0%B8%B7%E0%B8%AD/73-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3/2126-cgi-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3.html

http://www.siaminterhost.com/kb/index.php?mod_id=2&id=57

https://www.tutorialspoint.com/python/python_cgi_programming.htm

http://stackoverflow.com/questions/2089271/what-is-common-gateway-interface-cgi

ฝึกเขียน HTML

หน้าเว็บจะใช้เป็น Table 2x2

การใช้ Table

<table border="1"> # สร้าง table ขึ้นมา และ กำหนดความหนาของเส้นตารางเป็น 1
   <tr>                      # สร้างแถว
   <td> col 1 </td>  # เริ่มและจบ column โดยมีเนื้อหาข้างในคือ col1
   <td> col 2 </td>
   </tr>                    # จบแถว
<tr>
   <td> col 1 </td>
   <td> col 2 </td>
   </tr>
</table>

ผลลัพธ์ที่ได้

col 1	col 2
col 1	col 2

กำหนดสีในช่อง ?

<table border="1">

<tr>

   <td style="color: blue;">col 1 </td> # กำหนดสีตัวหนังสือในช่อง

   <td style="background-color: blue;">col 2 </td> # กำหนดสีพื้นหลังในช่อง

   </tr>

<tr>

   <td style="background-color: blue; color: white;">col 1 </td> # ใช้สองอันรวมกัน

   <td>col 2 </td>

   </tr>

</table>

ผลลัพธ์ที่ได้

col 1	col 2
col 1	col 2

การใส่รูปภาพ

<img src="ชื่อไฟล์ภาพ.jpg">

reference

http://www.w3schools.com/html/