ดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

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

 

ต่อจาก

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

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

 

การทำงานเกี่ยวกับฟอร์ม Python

 

1.สร้างโปรเจค Django  ชื่อ Studentinfo  ด้วยคำสั่ง 

...\scripts\mydjango>django-admin startproject helloapp <Enter>

 

2.เมื่อสร้างโปรเจคได้เเล้วให้เข้าไปในโฟล์เดอร์ที่สร้างโดยใช้คำสั่ง  CD studeninfo <Enter>

เมื่อเข้ามาในโฟล์เดอร์ Studeninfo เเล้ว ก็เริ่มสร้างเเอพกันเลย โดยชื่อแอพให้ตั้งชื่อว่า studentinfo โดยใช้คำสั่ง 

> python manage.py startapp studentinfo 

3.จากนั้นให้เราใส่ชื่อ App ใน settings.py ดังนี้  

 

4.เมื่อเราทำการใส่ชื่อ App ใน settings.py เเล้ว ขั้นต่อไปจะเป็นการ Migration ฐานข้อมูล โดยใช้คำสั่ง

> python manage.py migrate <Enter>

5.จากนั้นให้ทำการกำหนด Path ให้กับโปรเจคโดยใส่ path ของ app ใน studeninfo\studeninfo\urls.py

from django.contrib import admin
from django.urls import path
from django.conf.urls import url, include

urlpatterns = [
    path('admin/', admin.site.urls),
    path('',include('studentinfo.urls')),
]

 

6.เมื่อแก้ไขไฟล์ urls.py เสร็จเเล้ว ให้ Copy ไฟล์ตัวนี้ไปวางใน studentinfo หรือภายใน App ของเรา เเละทำการแก้ไข Url ภายในดังนี้ 

 

from django.urls import path
from django.conf.urls import url
from studentinfo import views

urlpatterns = [
    path('',views.HomePageView.as_view()),
    path('result/',views.index),
    
    
]

 

7. เมื่อทำการแก้ไขไฟล์ url ทั้ง 2 ที่เสร็จเรียบร้อยเเล้ว ให้เราทำการแก้ไขไฟล์ View.py ภายใน Studentinfo ตามตัวอย่างดังนี้ 

 

from django.shortcuts import render
from django.views.generic import TemplateView
from django.template import loader
from django.http import HttpResponse

# Create your views here.
class HomePageView(TemplateView):
    def get(self,request,**kwargs):
        return render(request, 'index.html', context=None)
def index(request):
    if request.method == 'POST':
        name = request.POST.get('name')
        email = request.POST.get('email')
        phone = request.POST.get('phone')

        context = {
            'name':name,
            'email':email,
            'phone':phone
        }
        template = loader.get_template('result.html')

        return HttpResponse(template.render(context,request))

    else :
            #if post request is not true
            #returning the form template
            template = loader.get_template('index.html')
            return HttpResponse(template.render())

 

8.สร้างโฟล์เดอร์ชื่อTemplateใน studentinfo หรือภายใน App ของผู้ใช้งาน จากนั้นสร้างไฟล์ Html ชื่อ index.html โดยโค้ดภายในจะมีดังนี้ 

 

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Django Form</title>
    </head>
    <body>
        <h2>Django Form</h2>
        <form method="post" action="/result/">{% csrf_token %}
            <table>
                    <tr>
                            <td>Enter your name: </td>
                            <td><input type="text" name="name"/></td>
            
                    </tr>
                    <tr>
                        <td>Enter your email:</td>
                        <td><input type="email" name="email"/></td>
                    </tr>
                    <tr>
                        <td>Enter your phone:</td>
                        <td><input type="text" name="phone"/></td>
                    </tr>
                    <tr>
                        <td><button>Submit</button></td>
                        
                    </tr>
            </table>

        </form>
    </body>
</html>

 

9.เมื่อสร้างไฟล์ index เสร็จเรียบร้อยเเล้ว ให้คัดลอกโค้ด ไฟล์ index มา จากนั้นสร้างไฟล์ใหม่ชื่อ result.html 

 

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>ทดสอบรับข้อมูลจากฟอร์ม</title>
    </head>
    <body>
        <h2>Django Form</h2>
        <form method="post" action="/result/">
            <table>
                    <tr>
                            <td>Enter your name: </td>
                            <td><strong>{{ name }}</strong></td>
            
                    </tr>
                    <tr>
                        <td>Enter your email:</td>
                        <td><strong>{{ email }}</strong></td>
                    </tr>
                    <tr>
                        <td>Enter your phone:</td>
                        <td><strong>{{ phone }}</strong></td>
                    </tr>
                    <td><a href="/">ย้อนกลับ</a></td>
            </table>

        </form>
    </body>
</html>

 

10.ทดลองรันเซิร์ฟเวอร์ จะเเสดงผลดังนี้ 

 

 

เมื่อทำการกรอกข้อมูลจะได้เเสดงผลข้อมูลตามที่เราได้กรอกไป ดังนี้ 

 

 

เมื่อทำการกด Submit จะได้ผลลัพธ์ดังนี้ 

 

 

สรุปเมื่อการทำงาน เมื่อผู้ใช้งานทำการกรอกข้อมูล เช่น ชื่อ E-mail หรือเบอร์โทรศัพท์เข้าไป หน้าเว็บจะทำการเก็บข้อมูลเอาไว้ เเล้วนำไปแสดงผลที่หน้า result โดยการใช้คำสั่ง post ถ้าหากไม่มีการป้อนข้อมูล หรือข้อมูลไม่ครบระบบจะเเสดงหน้าผลลัพธ์เดิมออกมา จากการใช้ฟอร์มดังกล่าว ผู้ใช้งานสามารถนำฟอร์มดังกล่าวไปพัฒนาต่อหรือใช้ในการเก็บข้อมูลลงฐานข้อมูลได้

 

ช่องทางการศึกษาเพิ่มเติมข่าวที่น่าสนใจเกี่ยวกับ : Python

บทเรียนเกี่ยวกับ Python (166) 

ถาม - ตอบเกี่ยวกับเรื่อง Python (606)

ความรู้เกี่ยวกับ Python (261)

VDO สอนเขียน Python (51)

VDO สอนใช้ PostgreSQL (16) 

 

 

 

 

 

 

 

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
วิธีการทำ favorite icon เพื่อใช้สำหรับแสดงบน safari
โดย Ittichai_chupol พฤ 06 ก.พ. 2020 5:36 pm บอร์ด PHP Knowledge
0
186
พฤ 06 ก.พ. 2020 5:36 pm โดย Ittichai_chupol
สอบถามครับ ต้องการสร้างเลขรันนัมเบอร์ แล้วรีเซ็ตทุกวัน ต้องทำยังไงครับ
โดย chatee supasand พฤ 06 ก.พ. 2020 12:00 pm บอร์ด Programming - C/C++ & java & Python
6
232
พฤ 06 ก.พ. 2020 3:33 pm โดย chatee supasand
เป็นเดือดกับลูกค้า
โดย noppadonsk พฤ 06 ก.พ. 2020 11:41 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
108
พฤ 06 ก.พ. 2020 11:41 am โดย noppadonsk
วิธีการสร้าง listbox ที่เมือมีการเลือกรหัสแล้วจะแสดงข้อมูลที่มีรหัสเดียวกับที่เลือก
โดย Ittichai_chupol พ 05 ก.พ. 2020 6:33 pm บอร์ด Jquery & Ajax Knowledge
0
1443
พ 05 ก.พ. 2020 6:33 pm โดย Ittichai_chupol
ทำไมเปลี่ยน type ข้อมูลเป็น int ไม่ได้คับ
โดย chatee supasand พ 05 ก.พ. 2020 5:47 pm บอร์ด Programming - C/C++ & java & Python
2
139
พ 05 ก.พ. 2020 5:55 pm โดย jirawoot
ผมอยากทราบว่าถ้าหากต้องการที่จะแยกส่วนการทำงาน การแบ่งชุดออกข้อมูลออก มันของแต่ละตาราง ใน phpbb
โดย Ittichai_chupol พ 05 ก.พ. 2020 4:23 pm บอร์ด Programming - PHP
3
1176
พ 05 ก.พ. 2020 7:32 pm โดย thatsawan
คำสั่ง Colspan และ Rowspan ใน HTML คืออะไร
โดย chatee supasand พ 05 ก.พ. 2020 2:30 pm บอร์ด HTML CSS
0
1479
พ 05 ก.พ. 2020 2:30 pm โดย chatee supasand
ท่านตลกหรอพระเจ้า?
โดย noppadonsk พ 05 ก.พ. 2020 10:53 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
94
พ 05 ก.พ. 2020 10:53 am โดย noppadonsk
อยากทราบวิธีการแก้ไข้ ปํญหาเนื่องจากการติดตั้ง ตาราง โดย phpbb ที่มีจำนวนคอลัมมากๆๆ
โดย Ittichai_chupol อ 04 ก.พ. 2020 2:21 pm บอร์ด Programming - PHP
2
1025
อ 04 ก.พ. 2020 2:32 pm โดย Ittichai_chupol
ถึงกับไปไม่เป็น
โดย noppadonsk อ 04 ก.พ. 2020 11:04 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
103
ศ 07 ก.พ. 2020 11:40 am โดย LEG
B - บอร์ด Odoojob เข้าไม่ได้ครับ
โดย jamepiyawat อ 04 ก.พ. 2020 10:39 am บอร์ด Odoojob.com - Tester
0
4
อ 04 ก.พ. 2020 10:39 am โดย jamepiyawat
สอบถามครับ ต้องการตัดค่าที่ซ้ำกันออกต้องทำไงครับ
โดย chatee supasand จ 03 ก.พ. 2020 2:19 pm บอร์ด Programming - C/C++ & java & Python
2
1021
จ 03 ก.พ. 2020 2:41 pm โดย chatee supasand
กดsaveแล้วerrorครับ(สอนเขียน PHP ติดต่อฐานข้อมูล MySQL อัพโหลดภาพ เพิ่ม ลบ แก้ไข Database)
โดย jutikul1012 จ 03 ก.พ. 2020 11:02 am บอร์ด Programming - PHP
0
1790
จ 03 ก.พ. 2020 11:02 am โดย jutikul1012
อย่าลืมเซฟงานนะ
โดย noppadonsk จ 03 ก.พ. 2020 10:45 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
861
จ 03 ก.พ. 2020 11:01 am โดย thatsawan
ขอคำแนะนำเทคนิคพแดี พอดีผมกำลังหัดทำเว็บด้วย wordpress
โดย Anonymous จ 03 ก.พ. 2020 7:47 am บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
1
307
จ 03 ก.พ. 2020 11:24 am โดย mindphp
ทำความเข้าใจกับคีย์ลัด google Sheetsl เพื่อให้การทำงานง่ายขึ้น
โดย nutchasn ส 01 ก.พ. 2020 6:37 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
124
ส 01 ก.พ. 2020 6:37 pm โดย nutchasn
เพิ่มทักษะการใช้โปรแกรม Microsoft Excel ให้คำนวณและวิเคราะห์ได้ง่ายขึ้น
โดย nutchasn ส 01 ก.พ. 2020 5:53 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
126
ส 01 ก.พ. 2020 5:53 pm โดย nutchasn
ความแตกต่างของ google Slides กับ powerpoint เพื่อเลือกใช้ในการนำเสนอ
โดย nutchasn ส 01 ก.พ. 2020 5:02 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
116
ส 01 ก.พ. 2020 5:02 pm โดย nutchasn
เรียนรู้การขอStatement เพื่อใช้เป็นหลักฐานยืนยันการเคลื่อนไหวทางการเงิน
โดย nutchasn ส 01 ก.พ. 2020 2:53 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
109
ส 01 ก.พ. 2020 2:53 pm โดย nutchasn
ทำความเข้าใจภาษีมูลค่าเพิ่ม เพื่อให้เข้าใจว่าทำไมต้องจดทะเบียน
โดย nutchasn ส 01 ก.พ. 2020 12:27 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
99
ส 01 ก.พ. 2020 12:27 pm โดย nutchasn