2014-10-10 103 views
0

我無法獲取樣式文件夾中的css文件。我有正確的文件夾中的文件。這與我的縮進有關嗎?我不知道是怎麼回事。 python代碼編譯和重複,但外觀不在那裏,頁面打印平原。Python代碼不會風格

import webapp2 

class MainHandler(webapp2.RequestHandler): 
    def get(self): 
    #web page sections 
    form_head=''' 
<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8" /> 
     <link href="css/style.css" rel="stylesheet" type="text/css" /> 
     <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'> 
     <title>Gamers R' Us Subscribing</title> 
    </head> 
    <body>''' 

    form_body=''' 
    <div class="maincontainer"> 
    <h1>Welcome to Gamers R' Us!</h1> 
    <div id="bgimg"> 
     <p>Gamers R' Us is a blog that talks and reviews video games daily. This form services as a way for users to receive emails based apon your preferred gaming system and preferred genre of game.</p> 
     <div id="formbox"> 
     <h2>Subscribe Today!</h2> 
     <form method="GET"> 
     <label>Full Name: </label><input type="text" name="name" placeholder=" John Doe"/><br> 
     <label>Email: </label><input type="text" name="email" placeholder=" [email protected]"/><br> 
     <input type="checkbox" name="subscribe" value="yes" checked>Subscribe for gaming updates and more!<br> 
     <label>Select the gaming system you prefer:</label><br> 
     <select name="system" class="selectbox"> 
      <option value="ps4">Playstation 4</option> 
      <option value="xbone">Xbox One</option> 
      <option value="wiiu">Wii U</option> 
      <option value="pc">PC Gaming</option> 
     </select><br> 
     <input type="radio" name="genre" value="FPS">First Person Shooter.<br> 
     <input type="radio" name="genre" value="MOBA">Multiplayer Online Battle Arena.<br> 
     <input type="radio" name="genre" value="RPG">Role-Playing Game.<br> 
     <input type="radio" name="genre" value="RTS">Real Time Strategy.<br> 
     <input type="radio" name="genre" value="Other">Other Genre.<br> 
     <input type="submit" class="subbtn" value="Done" /> 
     </form> 
     </div> 
    </div> 
    </div>''' 

    form_foot=''' 
    </body> 
    </html>''' 

     #if GET is requested it should display on next screen. 
     #else should load page. 
    if self.request.GET: 
     name= self.request.GET['name'] 
     email= self.request.GET['email'] 
     system= self.request.GET['system'] 
     subscribe= self.request.GET['subscribe'] 
     genre= self.request.GET['genre'] 

     #displays form information submitted by user. 
     self.response.write(form_head + "<div class='maincontainer'>" + 
             '<h1>Thanks for Subbing!</h1>' + 
             '<div id="infobox">' + 
             '<h2></h2>' + 
             "Name: "+name+"<br />" + 
             "Email: "+email+"<br />" + 
             "Preferred System: "+system+"<br /> " + 
             "Preferred Genre: "+genre+ 
             '</div>' + 
             '</div>' + 
             form_foot) 

    #Will display error. ** PLACE HOLDER ** 
    else: 
      self.response.write(form_head + form_body + form_foot) 

# Do not touch this. 
app = webapp2.WSGIApplication([('/', MainHandler)], debug=True) 
+2

我建議你使用一個體面的python web框架並將你的模板從你的python代碼中分離出來。 – 2014-10-10 03:01:17

回答

0

我敢打賭,如果你使用螢火蟲或其他基於瀏覽器的Web應用程序的調試器,你會發現,它無法加載css/style.css資源。然後,您將查看代碼並意識到即使您將style.css放在名爲css的文件夾中,您也只爲服務器配置了一個URI ...用於/ URL。

當您爲/css/style.css和相應的處理程序提供路由時,將開始加載樣式表,並對HTML進行樣式化。