django框架初体验 --- 返回动态页面

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/

猜你喜欢

转载自blog.csdn.net/weixin_49981930/article/details/128720973