django框架初体验 — 返回动态页面
效果图:
1、在templates中新建music.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>歌曲</title>
<style>
.outer {
width: 600px;
min-height: 300px;
background-color: lightgrey;
margin: 20px auto;
}
</style>
</head>
<body>
<div class="outer">
<h1>当前流行的歌曲有:</h1>
{% for music in musics %}
歌曲名:{
{ music.name }}
歌手:{
{ music.singer }}
<br>
{% endfor %}
</div>
</body>
</html>
2、在views.py中新建函数:
music_list = [
{
'id': 456789, 'name': '青花瓷', 'singer': '周杰伦'},
{
'id': 57890, 'name': '丑八怪', 'singer': '薛之谦'}
]
def music(request):
'''
返回music页面
:param request:
:return:
'''
return render(request, 'music.html', {
'musics': music_list})
3、在urls.py中添加path:
from app01.views import music
urlpatterns = [
path('admin/', admin.site.urls),
path('music/', music)
]
4、在命令行中输入:python manage.py runserver ,在浏览器中访问生成的地址:http://127.0.0.1:8000/music/