การสร้างเว็บด้วย Django อย่างง่าย ด้วย Python Part 2

แชร์ความรู้ภาษา Python ไพทอน การเขียนโปรแกรมภาษาไพทอน

Moderator: mindphp, ผู้ดูแลกระดาน

theoneozz
PHP Sr. Member
PHP Sr. Member
โพสต์: 52
ลงทะเบียนเมื่อ: 07/01/2019 12:19 pm

การสร้างเว็บด้วย Django อย่างง่าย ด้วย Python Part 2

โพสต์โดย theoneozz » 08/01/2019 2:24 pm

ต่อจาก
การสร้างเว็บด้วย Django อย่างง่าย ด้วย Python Part 1
viewtopic.php?f=144&t=52720

การสร้างการเชื่อมโยงระหว่างเพจ
1.ถ้า app ที่สร้างขึ้นใน part 1 ถ้ามีการสร้างไฟล์เพิ่มเติมคือไฟล์ about.html จะมีโครงสร้างดังนี้
helloapp---manage.py
---helloapp---...
---howdy---...
---templates---index.htm
---page2.html

2.จากโครงสร้าง project ข้างต้น ความต้องการคือ ให้สร้าง link เชื่อมโยงจากไฟล์ index.html ไปยัง page2.html ในขณะเดียวกัน เมื่อเปิดไฟล์ aabout.html เเล้วให้สามารถคลิกเมาส์กลับมาไฟล์ index.html ได้ด้วย (index.html คือ HomePage)
3.แก้ไขไฟล์ index.html โดยเพิ่มประโยค 2 ประโยคนนี้นี้ไว้ภายใน<body>...</body> บริเวณใดก็ได้ตามต้องการ ในที่นี้วางไว้ส่วนล่างสุด จากนั้นแก้ไขไฟล์ page2.html ดังนี้

รูปภาพ

ไฟล์ index.html
Link แรกเป็นการเรียกใช้เพจภายนอก ใช้งานได้ทันที
Link ที่สองเป็นการเรียกใช้เพจภายใน ยังใช้งานไม่ได้ ต้องทำการแก้ไข
รูปภาพ

ไฟล์ page2.html
บรรทัดที่ขีดเส้นใต้คือบรรทัดที่มีการสร้าง link เพื่อกลับไปหน้าเเรกหรือ HomePage
4.จากข้อ 3 Link ที่ 2 ที่เรียกใช้เพจ page2.html จะยังใช้ไม่ได้ จนกว่าจะต้องดำเนินการต่อไปนี้เเล้ว
4.1 แก้ไขไฟล์ urls.py ในโฟล์เดอร์ howdy โดยเพิ่ม Path ดังนี้

รูปภาพ
4.2 แก้ไขไฟล์ views.py ในโฟล์เดอร์ howdy โดยเพิ่มคลาสสำหรับจัดการเพจ page2.html
รูปภาพ
5.ผลลัพธ์ที่ได้
หน้า index.html

รูปภาพ

หน้า Page2.html
รูปภาพ

สรุป โปรแกรมนี้จะต่อจากส่วนที่เเล้ว โดยจะมีการเพิ่มหน้า Page2.html เข้ามาเพื่อทดสอบการเชื่อมต่อระหว่างเว็บเพจทั้งสองเว็บ
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
ติดตาม VDO : https://www.youtube.com/c/MindphpVideoman
ติดตาม FB : https://www.facebook.com/MindphpCom-192959517401606/
รับอบรม และพัฒนาระบบ : viewtopic.php?f=6&t=2042
ช่องทางการศึกษาเพิ่มเติมข่าวที่น่าสนใจเกี่ยวกับ : Python
- [url=https://www.mindphp.com/บทเรียนออนไลน์/83-python.html]บทเรียน Python[/url]
- สอนการใช้งาน Python
- ถาม-ตอบปัญหาเกี่ยวกับ Python
แก้ไขล่าสุดโดย theoneozz เมื่อ 11/01/2019 12:19 pm, แก้ไขไปแล้ว 6 ครั้ง.

Marigold
PHP Newbie
PHP Newbie
โพสต์: 2
ลงทะเบียนเมื่อ: 03/01/2019 5:15 pm

Re: การสร้างเว็บด้วย Django อย่างง่าย ด้วย Python Part 2

โพสต์โดย Marigold » 08/01/2019 4:14 pm

ขอบคุณมากค่ะ


ย้อนกลับไปยัง

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: 11 และ บุคคลทั่วไป 0 ท่าน