如果像前面那么做網站,也太丑陋了。并且功能也不多。
在實際做網站中,現在都要使用一個模板,并且在用戶直接看到的頁面,用html語言來寫頁面。
在做網站的行業里面,常常將HTML+CSS+JS組成的網頁,稱作“前端”。它主要負責展示,或者讓用戶填寫一些表格,通過JS提交給用python寫的程序,讓python程序來處理數據,那些處理數據的python程序稱之為“后端”。我常常提醒做“后端”的,不要輕視“前端”。如果立志成為全棧工程師,就要從前到后都通。
關于本講,主要是要演示一個用模板(HTML)寫一個表單,然后提交給后端的python程序,再轉到另外一個顯示的前端頁面顯示。為了簡化流程,這個過程中沒有數據處理和CSS+Javascript的工作,所有界面會丑陋。
一個表單
要做一個前端的頁面,顯示的內容就如同下圖樣式

相應代碼是,并命名為index.html,存在一個名稱是template的目錄中。
<!DOCTYPE html><html> <head> <title>sign in your name</title> </head> <body> <h2>Please sign in.</h2> <form method="post" action="/user"> <p>Name:<br><input type="text" name="username"></p> <p>Email:<br><input type="text" name="email"></p> <p>Website:<br><input type="text" name="website"></p> <p>Language:<br><input type="text" name="language"></p> <input type="submit" value="ok,submit my information"> </form> </body></html>
上面的代碼是比較簡單,如果熟悉html的話,不熟悉也不要緊,網上搜索就能理解。注意,沒有CSS+JS,所以簡單。如果在真正開發中,這兩個是不能少的。
有了這個表單之后,如果用戶把相關信息都填寫好了。點擊下面的按鈕,就應該提交給后端的python程序來處理。
后端處理程序
做為tornado驅動的網站,首先要能夠把前面的index.html顯示出來,這個一般用get方法,顯示的樣式就按照上面的樣子顯示。
用戶填寫信息之后,點擊按鈕提交。注意觀察上面的代碼表單中,設定了post方法,所以,在python程序中,應該有一個post方法專門來接收所提交的數據,然后把提交的數據在另外一個網頁顯示出來。
在表單中還要注意,有一個action=/user,表示的是要將表單的內容提交給/user路徑所對應的程序來處理。這里需要說明的是,在網站中,數據提交和顯示,路徑是非常重要的。
按照以上意圖,編寫如下代碼,并命名為usercontroller.py,保存在template目錄中
新聞熱點
疑難解答