Django实现音乐网站 ⒅

使用Python Django框架做一个音乐网站，

本篇主要为歌单列表、歌单详情及推荐页-歌单内容改动。

歌单列表

设置路由

视图处理

歌单列表

可通过导航>歌单或者推荐歌单中分类跳转到歌单列表。

设置路由

path('songsheet', views.songsheet, name='songsheet'),

视图处理

设置接收三个参数：

分页，设置默认为1；

分类id，设置默认为精选歌单；

排序规则，最新1，最热2；


def songsheet(request):
    """ 歌单列表 """
 
    page = request.GET.get('page', 1)
    cid = request.GET.get('cid', 1)
    # 排序 1最新 2最热
    sort = request.GET.get('sort', 1)
    if sort == 1:
        songsheets = SongSheet.objects.filter(category=cid).order_by('-addtime').all()
    else:
        songsheets = SongSheet.objects.filter(category=cid).order_by('playnum').all()
    # 实例化Paginator
    paginator = Paginator(songsheets, 20)
 
    try:
        res = paginator.page(page)
    except PageNotAnInteger:
        res = paginator.page(1)
    except EmptyPage:
        res = paginator.page(paginator.num_pages)
 
    list_num = len(res)
 
    cid = int(cid)
    # 歌单类型列表
    cates = SongCategory.categoryChoice
    cate_all = SongCategory.objects.order_by('id').all()
    return render(request, 'songsheet/index.html', locals())

说明：

对cid进行数值处理，是为了模板中if判断选中使用。

歌单类型列表在模板中的渲染分为了两部分：

1.父级类型2.所属子集类型；本来想在视图中处理为一个列表，发现模板中无法渲染，

最后只能全部传给模板，在父循环中再套一个循环判断是否为相应子集进行渲染操作。

模板渲染

内容如下：


{% extends 'common/base.html' %}
{% load static %}
 
{% block title %}我的音乐-歌单{% endblock title %}
 
{% block content %}
"stylesheet" href="{% static 'css/song_sheet.css' %}">
 
class="header">
    "{% static 'images/logo.png' %}" class="logo" alt="">
    
        
"{% url 'player:index' %}">推荐

"javascript:void(0)">排行榜

def songsheet_song(request): """ 歌单详情-单曲列表 """ id = request.GET.get('id', 1) page = request.GET.get('page', 1) # 查询歌单信息 info = SongSheet.objects.filter(id=id).first() # 歌单单曲列表 song_list = info.singe.all() # 歌单类型 categorys = info.category.values('name') # 实例化Paginator paginator = Paginator(song_list, 20) try: res = paginator.page(page) except PageNotAnInteger: res = paginator.page(1) except EmptyPage: res = paginator.page(paginator.num_pages) list_num = len(res) return render(request, 'songsheet/song.html', locals())

{% extends 'common/base.html' %} {% load static %} {% block title %}我的音乐-歌单{% endblock title %} {% block content %} "stylesheet" href="{% static 'css/album.css' %}"> class="header"> "{% static 'images/logo.png' %}" class="logo" alt=""> "{% url 'player:index' %}">推荐 "javascript:void(0)">排行榜 "{% url 'player:singer' 1 '#' %}">歌手 "javascript:void(0)" class="selected">歌单 class="main_con"> class="content"> class="info_l"> class="cover_out"> "/media/{{info.cover}}" alt="" class="cover" data-src="info.cover" lazy="loaded"> "{% static 'images/album_cover_record.png' %}" alt="" class="record"> class="intr">歌单简介 class="intr_txt"> {{info.desc}}... "javascript:;" class="download bg_primary"> class="glyphicon glyphicon-download-alt"> 下载该歌单 class="info_r"> "正在加载中..."> class="song_name">{{info.name}} class="artist_name">{{info.single.name}} class="song_info"> {% for c in categorys %} {{c.name}} {% endfor %} class="btns"> class="glyphicon glyphicon-play"> 立即播放 class="glyphicon glyphicon-heart"> 收藏 class="list_head head_name_album"> class="flex_c"> class="head_num">序号 class="head_name">歌曲 class="head_artist">歌手 class="head_time">时长 class="album_list"> {% for song in res %} class="song_item flex_c"> class="song_rank flex_c"> class="rank_num">{{forloop.counter}} class="song_name flex_c"> "{{song.name}}" href="{% url 'player:album_song' %}?id={{info.id}}&sid={{song.id}}" class="name">{{song.name}} class="song_artist"> "{{song.singler.name}}">{{song.singler.name}} class="song_time">{{song.get_song_duration}} class="song_opts flex_c"> class="glyphicon glyphicon-plus"> class="glyphicon glyphicon-play"> class="glyphicon glyphicon-heart"> {% endfor %} {% if info == False %} class="nodata flex_c"> class="inner"> "{% static 'images/nodata.png' %}" alt="" class="nodata_img"> class="tip">暂无相关数据 {% endif %} {% if list_num > 0 %} class="page"> class="li-page glyphicon glyphicon-menu-left notPointer"> {% for index in res.paginator.page_range %} {% if res.number == index %} "#" class="notCursor currentPage">{{index}} {% else %} "{% url 'player:singer' index %}">{{index}} {% endif %} {% endfor %} class="glyphicon glyphicon-menu-right li-page"> {% endif %} {% endblock content %}

class="recommend_song_sheet"> class="title"> class="name">推荐歌单 "{% url 'player:songsheet' %}" class="now">每日推荐 "{% url 'player:songsheet' %}?cid=25">流行 "{% url 'player:songsheet' %}?cid=8">网络 "{% url 'player:songsheet' %}?cid=3">经典 "{% url 'player:songsheet' %}?cid=33">欧美 "{% url 'player:songsheet' %}">更多> class="list"> {% for son in songsheets %} if forloop.counter == 1 %} class="one" {% endif %}> "{% url 'player:songsheet_song' %}?id={{son.id}}"> "/media/{{ son.cover }}" alt=""> class="name"> "{% url 'player:songsheet_song' %}?id={{song.id}}">{{ son.name }} class="count">class="glyphicon glyphicon-play"> {{ son.playnum }} {% endfor %}