Add Choice

Add Choice

        ส่วนใหญ่การทำ add choice จะคล้ายกับการทำ add question แต่จะต่างกันที่เราต้องดึงใช้ id 

    ของquestion เพื่อดึง question ตัวนั้นมาเพื่อ ใส่ choice

 

        1.เราต้องสร้างปุ่มชื่อ add choice ที่จะจะไปที่หน้า add choice ซึ่งเราจะสร้างในหน้า detail ใน

    ปุ่มที่เราสร้างนั้นจะ ส่งค่า id ของ question นั้นไปที่ method addQues 

        2.ใน method นี้เราจะสร้างเพื่อให้เราสามารถแสดงหน้า add choice ได้ ซึ่งมันจะเรียก 

    templates ที่ชื่อ addChoice.html

        3.ในเมื่อเราจะสร้าง templates เราก็ต้องสร้าง url ให้มันด้วย ซึ่งเราจะ ใส่ เป็น url ของ 

    addChoice กับ saveChoice

        4.ในส่วนนี้เราจะสร้าง templates ที่เอาไว้แสดงหน้าที่เราจะสามารถเพิ่ม choice เข้าไปได้

        ซึ่งจะได้หน้าตาประมาณนี้

        5.เมื่อใส่ choice เข้าไปเสร็จ เราก็ต้องสร้างส่วนที่เอาไว้เก็บ choice ลงใน database ซึ่งในส่วนนี้

    จะรับ id ของ question เข้ามาเพื่อที่จะเรียก question ตัวที่เราอยากจะเพิ่ม choice ใส่เข้าไป

    ออกมา

        6.เมื่อเราเก็บ choice ลงใน database ได้แล้ว เราก็ต้องมีหน้าที่แสดงว่า เราได้เก็บ choice เสร็จ

    แล้วเราจะให้ template นี้ชื่อว่า saveChoice.html

        ซึ่งเราก็จะได้หน้าตาตามนี้

Add Question

Add Question

        1.อย่างแรก เราก็จะต้องสร้างปุ่มที่เราจะลิ้งค์ไปที่หน้า ที่เราจะเพิ่มคำถามได้ ซึ่งเราก็จะไป

    เพิ่มในส่วนของ polls/index.html ซึ่งปุ่มที่เรากดนั้นจะมีชื่อว่า Add Question

        2.ในเมื่อเราจะสร้าง templates เราก็ต้องที่ url ของ templates นั้นด้วย ซึ่งเราจะใส่ url ของ
    addQues และ saveQues

        3.สร้าง template ของหน้า add Question ขึ้นมาก่อน ชื่อ addQues.html  ซึ่งใน template นี้เราจะ

    ให้มีช่องเพื่อกรอกคำถามเพื่อที่จะนำไปใช้ vote ได้

        4.ในเมื่อเรามี templates แล้วเราก็จะต้องมี method ซึ่งจะเรียกหน้า template นี้ด้วย ซึ่งเราให้ 

    method นี้ชื่อว่า addQues

          จากที่เราทำมา จะได้ เป็นหน้าตาดังนี้

        5.เมื่อใส่ question แล้วเราก็จะต้องนำ question ไปเก็บไว้ใน database ซึ่งเราให้ method นี้ชื่อ 

    saveQues

       6.ซึ่งเมื่อเราเก็บ question ลงใน database เสร็จแล้วเราก็ควรที่จะมีหน้าที่ขึ้นเพื่อแสดงว่า เราได้

    เก็บ question เสร็จแล้ว เราจะให้ template นี้ชื่อ saveQues.html

        ผลจากที่เรากด sumit ไปแล้วจะได้เป็นหน้านี้ขึ้นมา

Table Tag

Table Tag

    <table> - tag นี้ทำให้สามารถใช้ตารางได้

    <td> -  tag นี้จะสร้างเป็น cell(ช่อง) ขึ้นมา 

    <tr> -  tag นี้จะให้ตารางที่เราสร้างเป็นแถวยาวลงมา

   
    ผลจะได้เป็นตามด้านล่างนี้

    ถ้าเราเอา <tr> ออก

    ผลคือ ตารางจะเรียงยาวเป็นแถวไปด้านข้าง

    <td> - tag นี้จะทำให้ชื่อคำถามนั้นเป็น หัวข้อ ซึ่งจะมีลักษณะเป็นตัวหน้า และอยู่แนวกลางของ                  ตาราง

เพิ่ม Choice กับ แนะนำ Application

    สไลด์ของสัปดาห์ที่ 4-2

        https://drive.google.com/file/d/0B-x3UBhmZKG9bFNBXzQ1M28zWVU/view?usp=sharing

Tutorial 4

Tutorial 4

    1.templates ใฟล์ polls/templates/polls/detail.html ตามโค้ดด้านล่างเพื่อสร้างเป็นปุ่มกด
       radio เพื่อใช้โหวตแต่ละคำถาม ซึ่งใช้ forloop.counter เป็นตัวกำหนดให้ Choice มีเลข
       ประจำตัวของ Choice นั้น

       {% csrf_token %}
            เป็น templates tag ที่ป้องกันการ Cross Site Request Forgeries

  2.กลับไปที่ส่วนของ polls/view.py แล้วแก้ ใน vote method

 

     ซึ่งจากโค้ด selected_choice จะรับค่าเมื่อเช็ค id ของ choice แล้วเมื่อรับมาแล้วตรงกับ id
     ของ Choice ไหน แล้ว จะบวก 1 ใน votes ของ Choice นั้น
 
    3.หลังจากนั้น ก็แก้ในส่วนของ results method

     เพื่อที่จะเรียกใช้ templates/polls/result.html แต่เรายังไม่มี เราจึงต้องไปสร้างตามโค้ดด้านล่าง

     จากที่โค้ด จะแสดง Choice ทั้งหมดและ ผล vote ของแต่ละ Choice

    4.ต่อมาแก้ไขโค้ดใน polls/urls.py

      เหมือนว่า การที่เราเปลี่ยนจาก question_id เป็น pk เป็นการที่เราใช้เพื่อเตรียมที่จะเปลี่ยนโค้ดใน
      polls/view.py ซึ่งเป็นดังต่อไปนี้

 

     จากที่เราเปลี่ยนเป็น pk นั้นอาจจะเป็นเพราะว่า ใน class รับค่าเป็นตัวแปร pk และในแต่ละ
     class จะมี attribute ชื่อ templates_name เป็น attribute ที่ จะรับ templates มาเพื่อ
     แสดงเป็นหน้าเว็บ ซึ่งก็จะมี attribute ที่ชื่อ model จะเอาไว้รับค่าจาก class ที่อยู่ใน model

     สไลด์ของสัปดาห์ที่ 4-1
         https://drive.google.com/file/d/0B-x3UBhmZKG9TFRnRlVoTlJUZEU/view?usp=sharing
    

Python Regular Expressions

Python Regular Expressions

    คือ วิธีการตรวจสอบข้อมูล โดยใช้รูปแบบของสตริงที่ต้องการตรวจสอบ เรียกว่า แพตเทิร์น โดยต้นกำเนิดมาจากภาษา Perl

    ความหมายของแต่ละตัวมีดังนี้(เอามาแต่สัญลักณ์ที่เราใช้ครับ)

        ^(caret) เริ่มต้นของสตริงหรือเริ่มต้นของบรรทัดในรูปแบบหลายบรรทัด

        $(dollar sign) สิ้นสุดของสตริงหรือจุดสิ้นสุดของเส้นในรูปแบบหลายบรรทัด

        + ตรงกับอย่างน้อยหนึ่งอักขระก่อนหน้านี้

        [0-9]    ใช้แทนช่วง 0 - 9

    อ้างอิงจาก

        https://python3.wannaphong.com/2014/10/python-regular-expressions.html