Installerat ett kolven program (5 / 6 steg)
Steg 5: Förbättra din webbsida
1. skapa de nödvändiga kataloger och mappar
mkdir mallar
CD-mallar
Touch home_page.html
Atom home_page.html
CD...
mkdir statisk
CD statisk
mkdir js
CD-js
Touch home_page.js
Atom home_page.js
CD... /..
Dessa kommer att HTML- och JavaScript-filer för vår hemsida. Dessa kataloger är standard namnen i kolven och jag rekommenderar att du använder dem, men de kan anges att olika namn när du skapar programmet i föregående steg. Du kan nu redigera dessa filer att visas något du vill ha, nedan är och exempel.
Home_Page.js:
Alert ("testa JS'); Enkla alert att avgöra om filen importerades
Home_Page.html:
< html >
< body >
< h1 > vår hemsida < / h1 >
En lista
< ul >
{% för jag i range(num) %}
< li > bullet {{i}} < /li >
{% endfor %}
< /ul >
< / body >
< script type = "text/javascript" src = "{{url_for ("statisk", filename='js/home_page.js')}}" >< / script >
< / html >
Du kan se resultatet av detta i bilden ovan. Observera användningen av dubbla klammerparenteser och lockigt stag procent, dessa används för mallhantering. Kolven använder ett ramverk som kallas "Jinja2" för detta, som använder dessa symboler. Mallar kan du skicka variabler till HTML-sidan och kontrollera vad som ser ut som innan den skickas till en webbläsare. Detta är mycket kraftfull, och du kan läsa mer här
2. ändra controller
Den registeransvarige du gjort tidigare, i home/views.py, behöver ändras för att returnera en display för mallen i stället för en sträng. Detta sker med hjälp av "render_template()" från termosen, som du kan tänka dig som returnerar en HTML-sida. Nedan är vad din home/views.py fil ska se ut nu.
< p > från kolven importerar Blueprint, render_template < /p >< p > home_view = Blueprint ("home_view", __name__) < /p >
def display_home_page():
återgå render_template ('home_page .html', num = 10)
Nu bör du kunna redigera parametern ges till render_template() och HTML-filen för att styra vad som visas.