ค้นหาบล็อกนี้

วันอังคารที่ 21 มกราคม พ.ศ. 2557

Django Book ตอนที่ 2 เริ่มต้นใช้งาน Views และ URLs

          ในการศึกษา Django Book ในตอนที่ 2 เริ่มต้นใช้งาน Views และ URLs ผู้ที่สนใจสามารถศึกษาด้วยเองได้จาก http://www.djangobook.com/en/2.0/chapter03.html
          Django Book ตอนที่ 2 นี้จะมีเนื้อหาที่เกี่ยวข้องกับการใช้งาน Views และ URLs เพื่อให้สามารถแสดงผลหน้าเว็บเพจใน Browser ได้


เริ่มต้นใช้งาน View และ URLs ครั้งแรก
          สร้างไฟล์ views.py ใน subdirectory ที่มีชื่อเดียวกันกับชื่อโปรเจ็ค แล้วทำการแก้ไขโค้ดดังต่อไปนี้

ในฟังก์ชัน hello ที่เราสร้างขึ้นมานี้  จะมีหน้าที่ทำให้หน้าเว็บเพจมีการแสดงคำว่า "Hello world"

          ต่อมาให้ทำการแก้ไขโค้ดในไฟล์ urls.py ดังต่อไปนี้

          เมื่อทำการเพิ่มโค้ดลงไปแล้วหากเราเปิด browser แล้วไปที่ url ต่อไปนี้ 127.0.0.1:8000/hello/ เราจะพบคำว่า Hello World แสดงในหน้าเว็บเพจ

การสร้างเว็บเพจให้เป็นแบบ Dynamic
          หน้าเว็บเพจแบบ Dynamic ก็คือหน้าเว็บแบบที่มีการเปลี่ยนแปลงได้  เช่น แบบที่เราจะทำก็คือหน้าเว็บแสดงเวลาปัจจุบันซึ่งเวลานี้จะเปลี่ยนแปลงทุกครั้งที่ผู้ใช้มีการเรียกเปิดหน้าเว็บขึ้นมา หรือมีการกดปุ่ม Refresh เพื่อโหลดหน้าเว็บใหม่อีกครั้ง  โดยให้เข้าไปแก้ไขโค้ดที่ไฟล์ views.py ดังนี้

แล้วทำการเพิ่ม url ใหม่ในไฟล์ urls.py ดังนี้

          เมื่อทำการเพิ่มโค้ดดังกล่าวไปแล้ว หากเราเปิด browser แล้วไปที่ url ต่อไปนี้ 127.0.0.1:8000/time/ จะมีการแสดงเวลาปัจจุบันในหน้าเว็บเพจ  ดังภาพด้านล่าง
เว็บเพจแสดงเวลาปัจจุบัน

การสร้าง URL ให้เป็นแบบ Dynamic
          จากที่ผ่านมาเราได้สร้างฟังก์ชันสำหรับแสดงเวลาปัจจุบัน ในตอนนี้เราจะลองเพิ่มตัวเลขลงไปใน url เพื่อให้เวลาที่แสดงเป็นเวลาที่มีการเพิ่มชั่วโมงตามตัวเลขที่เราใส่ลงไปใน url วิธีการทำคือให้ทำการเพิ่มโค้ดในไฟล์ urls.py ดังนี้

          จะเห็นได้ว่า url ที่เพิ่มเข้าไปใหม่ก็คือ (r’^time/plus/(\d{1,2})/$’, hours_ahead), โดยที่ (\d{1,2}) คือส่วนที่จะต้องกรอก url เป็นตัวเลข 1 หรือ 2 ตำแหน่ง เพราะเลขที่รับได้มากสุดในที่นี้ 99
          ต่อมาให้ทำการเพิ่มฟังก์ชันใหม่ลงในไฟล์ views.py ดังต่อไปนี้

          เมื่อทำการเพิ่มโค้ดดังกล่าวไปแล้ว หากเราเปิด browser แล้วไปที่ url ต่อไปนี้ 127.0.0.1:8000/time/plus/5 จะมีการแสดงเวลาที่เพิ่มจากเวลาปัจจุบันไปอีก 5 ชั่วโมงในหน้าเว็บเพจ ซึ่งตัวเลขนี้เราจะสามารถเปลี่ยนแปลงได้ตั้งแต่ 0 – 99 และเวลาจะมีการเพิ่มขึ้นตามจำนวนที่เรากรอกใน url  ดังภาพด้านล่าง
เว็บเพจแสดงเวลาในอีก 5 ชั่วโมงข้างหน้า

ไม่มีความคิดเห็น:

แสดงความคิดเห็น