django框架初体验 --- 返回动态页面_动态页面框架-CSDN博客

本文链接：https://blog.csdn.net/weixin_49981930/article/details/128720973

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/