#模板index.html的功能代码

#排行榜的搜索框，由HTML表单实现，{%  url 'search' XXX  %}是搜索页面的地址链接

<form id="searchForm" action="{% url 'search' 1 %}" method="post" target="_blank">

        {% csrf_token %}

            <div class="search-keyword">

                <input name="kword" type="text" class="keyword" maxlength="120" placeholder="音乐节" />

            </div>

            <input id="subSerch" type="submit" class="search-button" value="搜 索" />

        </form>

#搜索框下面的热门搜索歌曲，{%  url 'play' XXX  %}是播放页面的地址链接

<div id="suggest" class="search-suggest"></div>

          <div class="search-hot-words">

            {% for song in search_song  %}

                <a target="play" href="{% url 'play' song.song.song_id %}" >{{ song.song.song_name }}</a>

            {% endfor  %}

          </div>

#网站导航栏

<ul class="nav clearfix">

            <li><a href="/">首页</a></li>

            <li><a href="{% url 'ranking' %}" target="_blank">歌曲排行</a></li>

            <li><a href="{% url 'home' 1 %}" target="_blank">用户中心</a></li>

        </ul>

#歌曲分类列表

<div class="side-nav">

            <div class="nav-head">

                <a href="{% url 'ranking' %}">所有歌曲分类</a>

            </div>

            <ul id="sideNav" class="cate-item">

            {% for item in All_list  %}

                <li class="computer">

                <div class="main-cate">

                    <a href="{% url 'ranking' %}?type={{ item.song_type }}" class="main-title">{{ item.song_type }}</a>

                </div>

                </li>

            {% endfor  %}

            </ul>

        </div>

#歌曲列表信息

<table class="rank-list-table">

            <tr>

                <th class="cell-1">排名</th>

                <th class="cell-2">图片</th>

                <th class="cell-3">歌名</th>

                <th class="cell-4">专辑</th>

                <th class="cell-5">下载量</th>

                <th class="cell-6">播放量</th>

            </tr>

            {% for item in song_info  %}

                <tr>

                    {%if forloop.counter < 4  %}

                    <td><span class="n1">{{forloop.counter}}</span></td>

                    {%else %}

                    <td><span class="n2">{{forloop.counter}}</span></td>

                    {%endif %}

                    <td>

                    <a href="{% url 'play' item.song.song_id %}"  class="pic" target="play"><img src="{% static "songImg/" %}{{ item.song.song_img }}"  width="80" height="80"></a>

                    </td>

                    <td class="name-cell">

                    <h3><a href="{% url 'play' item.song.song_id %}" target="play" >{{item.song.song_name}}</a></h3>

                    <div class="desc">

                    <a href="javascript:;" target="_blank" class="type" >{{item.song.song_singer}}</a>

                    </div>

                    </td>

                    <td>

                    <div style="text-align:center;">{{item.song.song_album}}</div>

                    </td>

                    <td>

                    <div style="text-align:center;">{{item.dynamic_down}}</div>

                    </td>

                    <td class="num-cell">{{item.dynamic_plays}}</td>

                </tr>

            {% endfor  %}

        </table>

#play/urls.py

from django.urls import path

from . import views

urlpatterns = [

    # 歌曲播放页面

    path('<int:song_id>.html', views.playView, name='play'),

    # 歌曲下载

    path('download/<int:song_id>.html',views.downloadView, name='download')

]

#play/views.py

from django.shortcuts import render

from django.http import StreamingHttpResponse

from index.models import *

# 歌曲播放页面

def playView(request, song_id):

    # 热搜歌曲

    search_song = Dynamic.objects.select_related('song').order_by('-dynamic_search').all()[:6]

    # 歌曲信息

    song_info = Song.objects.get(song_id=int(song_id))

    # 播放列表

    play_list = request.session.get('play_list', [])

    song_exist = False

    if play_list:

        for i in play_list:

            if int(song_id) == i['song_id']:

                song_exist = True

    if song_exist == False:

        play_list.append({'song_id': int(song_id), 'song_singer': song_info.song_singer, 'song_name': song_info.song_name, 'song_time': song_info.song_time})

    request.session['play_list'] = play_list

    # 歌词

    if song_info.song_lyrics != '暂无歌词':

        f = open('static/songLyric/' +song_info.song_lyrics, 'r', encoding='utf-8')

        song_lyrics = f.read()

        f.close()

    # 相关歌曲

    song_type = Song.objects.values('song_type').get(song_id=song_id)['song_type']

    song_relevant = Dynamic.objects.select_related('song').filter(song__song_type=song_type).order_by('-dynamic_plays').all()[:6]

    # 添加播放次数

    # 扩展功能：可使用session实现每天只添加一次播放次数

    dynamic_info = Dynamic.objects.filter(song_id=int(song_id)).first()

    # 判断歌曲动态信息是否存在，存在就在原来基础上加1

    if dynamic_info:

        dynamic_info.dynamic_plays += 1

        dynamic_info.save()

    # 动态信息不存在则创建新的动态信息

    else:

        dynamic_info = Dynamic(dynamic_plays=1, dynamic_search=0, dynamic_down=0, song_id=song_id)

        dynamic_info.save()

    return render(request, 'play.html', locals())

# 歌曲下载

def downloadView(request, song_id):

    # 根据song_id查找歌曲信息

    song_info = Song.objects.get(song_id=int(song_id))

    # 添加下载次数

    dynamic_info = Dynamic.objects.filter(song_id=int(song_id)).first()

    # 判断歌曲动态信息是否存在，存在就在原来基础上加1

    if dynamic_info:

        dynamic_info.dynamic_down += 1

        dynamic_info.save()

    # 动态信息不存在则创建新的动态信息

    else:

        dynamic_info = Dynamic(dynamic_plays=0,dynamic_search=0,dynamic_down=1,song_id=song_id)

        dynamic_info.save()

    # 读取文件内容

    file = 'static/songFile/' + song_info.song_file

    def file_iterator(file, chunk_size=512):

        with open(file, 'rb') as f:

            while True:

                c = f.read(chunk_size)

                if c:

                    yield c

                else:

                    break

    # 将文件内容写入StreamingHttpResponse对象，并以字节流方式返回给用户，实现文件下载

    filename = str(song_id) + '.mp3'

    response = StreamingHttpResponse(file_iterator(file))

    response['Content-Type'] = 'application/octet-stream'

    response['Content-Disposition'] = 'attachment; filename="%s"' %(filename)

    return response

#模板play.html的共嫩代码

#歌曲播放，播放功能由Javascript实现，Django只需提供歌曲文件即可实现在线试听

<div id="jquery_jplayer_1" class="jp-jplayer" data-url={% static "songFile/" %}{{ song_info.song_file }}></div>

#歌曲封面

<div class="jp_img layz_load pic_po" title="点击播放"><img data-src={% static "songImg/" %}{{ song_info.song_img }}></div>

#歌词

<textarea id="lrc_content" style="display: none;">

                      {{ song_lyrics }}

                    </textarea>

#歌曲信息

<div class="product-price">

                        <h1 id="currentSong" >{{ song_info.song_name }}</h1>

                        <div class="product-price-info">

                            <span>歌手：{{ song_info.song_singer }}</span>

                        </div>

                        <div class="product-price-info">

                            <span>专辑：{{ song_info.song_album }}</span>

                            <span>语种：{{ song_info.song_languages }}</span>

                        </div>

                        <div class="product-price-info">

                            <span>流派：{{ song_info.song_type }}</span>

                            <span>发行时间：{{ song_info.song_release }}</span>

                        </div>

                    </div>

#播放列表

<ul class="playing-li" id="songlist">

                            <!--播放列表-->

                            {% for list in play_list %}

                             #设置当前歌曲的样式

                            {%if list.song_id == song_info.song_id %}

                            <li data-id="{{list.song_id}}" class="current">

                            {%else %}

                            <li data-id="{{list.song_id}}">

                            {%endif %}

                            #设置歌曲列表的序号、歌名和歌手

                            <span class="num">{{forloop.counter}}</span>

                            <a class="name" href="{% url 'play' list.song_id %}" target="play" >{{list.song_name}}</a>

                            <a class="singer" href="javascript:;" target="_blank" >{{list.song_singer}}</a>

                            </li>

                            {%endfor %}

                        </ul>

#相关歌曲

<ul id="" class="parts-list clearfix f_s">

                                    {% for item in song_relevant %}

                                    <li>

                                        #将当前歌曲排除显示

                                        {% if item.song.song_id != song_info.song_id %}

                                        #设置歌曲封面和歌曲播放的链接

                                        <a class="pic layz_load pic_po" href="{% url 'play' item.song.song_id %}" target="play" >

                                            <img data-src="{% static "songImg/" %}{{ item.song.song_img }}">

                                        </a>

                                        #设置歌名，歌名带播放链接

                                        <h4><a href="{% url 'play' item.song.song_id %}" target="play" >{{ item.song.song_name}}</a></h4>

                                        #设置歌手

                                        <a href="javascript:;" class="J_MoreParts accessories-more">{{ item.song.song_singer }}</a>

                                        {% endif %}

                                    </li>

                                    {% endfor %}

                                </ul>

#search的urls.py

from django.urls import path

from . import views

urlpatterns = [

    path('<int:page>.html', views.searchView, name='search'),

]

#search的views.py

from django.shortcuts import render, redirect

from django.core.paginator import Paginator, EmptyPage, PageNotAnInteger

from django.db.models import Q

from index.models import *

def searchView(request, page):

    if request.method == 'GET':

        # 搜索歌曲

        search_song = Dynamic.objects.select_related('song').order_by('-dynamic_search').all()[:6]

        # 获取搜索内容，如果kword为空即查询全部歌曲

        kword = request.session.get('kword', '')

        if kword:

            # Q是SQL语句里的or语法

            song_info = Song.objects.values('song_id', 'song_name', 'song_singer', 'song_time').filter(Q(song_name__icontains=kword) | Q(song_singer=kword)).order_by('-song_release').all()

        else:

            song_info = Song.objects.values('song_id', 'song_name', 'song_singer', 'song_time').order_by('-song_release').all()[:50]

        # 分页功能

        paginator = Paginator(song_info, 5)

        try:

            contacts = paginator.page(page)

        except PageNotAnInteger:

            contacts = paginator.page(1)

        except EmptyPage:

            contacts = paginator.page(paginator.num_pages)

        # 添加歌曲搜索次数

        song_exist = Song.objects.filter(song_name=kword)

        if song_exist:

            song_id = song_exist[0].song_id

            dynamic_info = Dynamic.objects.filter(song_id=int(song_id)).first()

            # 判断歌曲动态信息是否存在，存在就在原来基础上加1

            if dynamic_info:

                dynamic_info.dynamic_search += 1

                dynamic_info.save()

            # 动态信息不存在则创建新的动态信息

            else:

                dynamic = Dynamic(dynamic_plays=0, dynamic_search=1, dynamic_down=0, song_id=song_id)

                dynamic.save()

        return render(request, 'search.html', locals())

    else:

        # 处理POST请求，并重定向搜索页面。

        request.session['kword'] = request.POST.get('kword', '')

        return redirect('/search/1.html')

#模板user/login.html的功能代码

#用户登录

<div class="login-box switch_box" style="display:block;">

                <div class="title">用户登录</div>

                <form id="loginForm" class="formBox" action="" method="post">

                    {% csrf_token %}

                    <div class="itembox user-name">

                        <div class="item">

                            <input type="text" name="loginUser" placeholder="用户名或手机号" class="txt tabInput">

                        </div>

                    </div>

                    <div class="itembox user-pwd">

                        <div class="item">

                            <input type="password" name="password" placeholder="登录密码" class="txt tabInput">

                        </div>

                    </div>

                    {% if tips %}

                        <div>提示:<span>{{ tips }}</span></div>

                    {% endif %}

                    <div id="loginBtnBox" class="login-btn">

                        <input id="J_LoginButton" type="submit" value="马上登录" class="tabInput pass-btn" />

                    </div>

                    <div class="pass-reglink">还没有我的音乐账号？<a class="switch" href="javascript:;">免费注册</a></div>

                </form>

            </div>

#用户注册

<div class="regist-box switch_box" style="display:none;">

                <div class="title">用户注册</div>

                <form id="registerForm" class="formBox" method="post" action="">

                    {% csrf_token %}

                    <div id="registForm" class="formBox">

                    #用户名

                    <div class="itembox user-name">

                    <div class="item">

                        {{ user.username }}

                    </div>

                    </div>

                    #手机号码

                    <div class="itembox user-name">

                    <div class="item">

                        {{ user.mobile }}

                    </div>

                    </div>

                    #用户密码

                    <div class="itembox user-pwd">

                    <div class="item">

                        {{ user.password1 }}

                    </div>

                    </div>

                    #重复用户密码

                    <div class="itembox user-pwd">

                    <div class="item">

                        {{ user.password2 }}

                    </div>

                    </div>

                    #信息提示

                    {% if tips %}

                        <div>提示:<span>{{ tips }}</span></div>

                    {% endif %}

                    #用户注册协议

                    <div class="member-pass clearfix">

                        <input id="agree" name="agree" checked="checked" type="checkbox" value="1"><label for="agree" class="autologon">已阅读并同意用户注册协议</label>

                    </div>

                        #注册按钮

                        <input type="submit" value="免费注册" id="J_RegButton" class="pass-btn tabInput"/>

                        #切换登录界面

                        <div class="pass-reglink">已有我的音乐帐号，<a class="switch" href="javascript:;">立即登录</a></div>

                    </div>

                </form>

            </div>

#urls/urls.py

from django.urls import path

from . import views

urlpatterns = [

    # 用户的注册和登录

    path('login.html', views.loginView, name='login'),

    # 用户中心

    path('home/<int:page>.html', views.homeView, name='home'),

    # 退出用户登录

    path('logout.html', views.logoutView, name='logout'),

]

#user的views.py

from django.contrib.auth.decorators import login_required

from django.core.paginator import Paginator, EmptyPage, PageNotAnInteger

# 用户中心

# 设置用户登录限制

@login_required(login_url='/user/login.html')

def homeView(request, page):

    # 热搜歌曲

    search_song = Dynamic.objects.select_related('song').order_by('-dynamic_search').all()[:4]

    # 分页功能

    song_info = request.session.get('play_list', [])

    paginator = Paginator(song_info, 3)

    try:

        contacts = paginator.page(page)

    except PageNotAnInteger:

        contacts = paginator.page(1)

    except EmptyPage:

        contacts = paginator.page(paginator.num_pages)

    return render(request, 'home.html', locals())

#home.html的功能代码

#用户信息

<div class="section_inner">

            #用户头像

            <div class="profile__cover_link">

                <img src="{% static "image/user.jpg" %}" class="profile__cover">

            </div>

            #用户名

            <h1 class="profile__tit">

                <span class="profile__name">{{ user.username }}</span>

            </h1>

                #退出登录

                <a href="{% url 'logout' %}" style="color:white;">退出登录</a>

        </div>

#歌曲列表信息

<ul class="songlist__list">

                            {% for item in contacts.object_list %}

                            <li>

                                <div class="songlist__item songlist__item--even">

                                <div class="songlist__songname">

                                    <a href="{% url 'play' item.song_id %}" class="js_song songlist__songname_txt" >{{ item.song_name }}</a>

                                </div>

                                <div class="songlist__artist">

                                    <a href="javascript:;" class="singer_name">{{ item.song_singer }}</a>

                                </div>

                                <div class="songlist__time">{{ item.song_time }}</div>

                                </div>

                            </li>

                            {% endfor %}

                        </ul>

#分页导航按钮

<div class="pagebar" id="pageBar">

                            #上一页的按钮

                            {% if contacts.has_previous %}

                            <a href="{% url 'home' contacts.previous_page_number %}" class="prev" target="_self"><i></i>上一页</a>

                            {% endif %}

                             #列举全部页数按钮

                            {% for page in contacts.paginator.page_range %}

                                {% if contacts.number == page %}

                                    <span class="sel">{{ page }}</span>

                                {% else %}

                                    <a href="{% url 'home' page %}" target="_self">{{ page }}</a>

                                {% endif %}

                            {% endfor %}

                            #下一页的按钮

                            {% if contacts.has_next %}

                            <a href="{% url 'home' contacts.next_page_number %}" class="next" target="_self">下一页<i></i></a>

                            {% endif %}

                        </div>

#index的__init__.py

#对功能模块进行命名

from django.apps import AppConfig

import os

# 修改app在Admin后台显示名称

# default_app_config的值来自apps.py的类名

default_app_config = 'index.IndexConfig'

# 获取当前app的命名

def get_current_app_name(_file):

    return os.path.split(os.path.dirname(_file))[-1]

# 重写类IndexConfig

class IndexConfig(AppConfig):

    name = get_current_app_name(__file__)

    verbose_name = '网站首页'

#index的admin.py

from django.contrib import admin

from .models import *

# 修改title和header

admin.site.site_title = '我的音乐后台管理系统'

admin.site.site_header = '我的音乐'

@admin.register(Label)

class LabelAdmin(admin.ModelAdmin):

    # 设置模型字段，用于Admin后台数据的表头设置

    list_display = ['label_id', 'label_name']

    # 设置可搜索的字段并在Admin后台数据生成搜索框，如有外键应使用双下划线连接两个模型的字段

    search_fields = ['label_name']

    # 设置排序方式

    ordering = ['label_id']

@admin.register(Song)

class SongAdmin(admin.ModelAdmin):

    # 设置模型字段，用于Admin后台数据的表头设置

    list_display = ['song_id','song_name','song_singer','song_album','song_languages','song_release']

    # 设置可搜索的字段并在Admin后台数据生成搜索框，如有外键应使用双下划线连接两个模型的字段

    search_fields = ['song_name','song_singer','song_album','song_languages']

    # 设置过滤器，在后台数据的右侧生成导航栏，如有外键应使用双下划线连接两个模型的字段

    list_filter = ['song_singer','song_album','song_languages']

    # 设置排序方式

    ordering = ['song_id']

@admin.register(Dynamic)

class DynamicAdmin(admin.ModelAdmin):

    # 设置模型字段，用于Admin后台数据的表头设置

    list_display = ['dynamic_id','song','dynamic_plays','dynamic_search','dynamic_down']

    # 设置可搜索的字段并在Admin后台数据生成搜索框，如有外键应使用双下划线连接两个模型的字段

    search_fields = ['song']

    # 设置过滤器，在后台数据的右侧生成导航栏，如有外键应使用双下划线连接两个模型的字段

    list_filter = ['dynamic_plays','dynamic_search','dynamic_down']

    # 设置排序方式

    ordering = ['dynamic_id']

@admin.register(Comment)

class CommentAdmin(admin.ModelAdmin):

    # 设置模型字段，用于Admin后台数据的表头设置

    list_display = ['comment_id','comment_text','comment_user','song','comment_date']

    # 设置可搜索的字段并在Admin后台数据生成搜索框，如有外键应使用双下划线连接两个模型的字段

    search_fields = ['comment_user','song','comment_date']

    # 设置过滤器，在后台数据的右侧生成导航栏，如有外键应使用双下划线连接两个模型的字段

    list_filter = ['song','comment_date']

    # 设置排序方式

    ordering = ['comment_id']