Django实现音乐网站 ⒀

这篇具有很好参考价值的文章主要介绍了Django实现音乐网站 ⒀。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

使用Python Django框架制作一个音乐网站,

本篇主要是推荐页-推荐排行榜、推荐歌手功能开发。

目录

推荐页开发

推荐排行榜

单曲表增加播放量

表模型增加播放量字段

执行表操作

模板中显示外键对应值

表模型外键设置

获取外键对应模型值

推荐排行榜视图

推荐排行榜模板

推荐歌手

推荐歌手视图

推荐歌手模板

总结


推荐页开发

推荐排行榜

排行榜这个功能后期在做吧,比较麻烦,目前先做一个模拟的排行榜数据返回。

单曲表增加播放量

做歌曲排行榜才发现歌曲表没有播放量字段。

表模型增加播放量字段

在player/models.py单曲表中增加播放量字段。

内容如下:

playnum = models.IntegerField(default=0, editable=False)
执行表操作
python manage.py makemigrations
python manage.py migrate

执行过程

Django实现音乐网站 ⒀,# Django项目,django,python,后端

模板中显示外键对应值

在模板中显示外键对应值很关键,在python中有特殊的方法,开始时我还是按照以前的方式去显示,即先获取A表模型中所有名称组成一个一维的列表,然后获取B表模型数据,在一个循环中使用B模型与A模型对应外键,取相应值并赋值,最终组成一个新的二维对象类型数据返回给模版,结果模版解析不了二维对象。

之后直接返回A模型所有名称的一维列表,在模板的for循环中使用B表模型中对应A模型外键直接解析,还是不行!

最终在网上找了好多文章,才从其中一个找到端倪;其实这个问题一点也不复杂,因为Django中已经给做好了,不用再做关键模型赋值操作,其他文章没写是因为一旦会了就不觉得是问题,但是不会真的百思不得其解,在这里记录一下吧。

表模型外键设置
# 设置与歌手表关联外键 一对多外键设置在多的模型中
singler = models.ForeignKey(
    "Singler",
    on_delete=models.CASCADE,
    verbose_name='歌手',
    help_text='请选择歌手'
)
获取外键对应模型值
{% for hot in hot_ranks %}
      {{ hot.singler.name }}
{% endfor %}
推荐排行榜视图

在原来的推荐歌单数据查询下增加推荐排行榜查询处理。

def index(request):
    """ 显示首页 """

    ......

    # 推荐排行榜
    # 热歌榜 取播放量最多的五个
    hot_ranks = Singe.objects.order_by('-playnum').all()[0:5]
    # 新歌榜 取最新的五个
    new_ranks = Singe.objects.order_by('-id').all()[0:5]
    # 飙升榜
    biao_ranks = Singe.objects.order_by('id').all()[0:5]
    # 欧美榜
    ea_ranks = Singe.objects.order_by('-id').all()[0:5]
    # 日韩榜
    js_ranks = Singe.objects.order_by('id').all()[0:5]

    return render(request, 'index/index.html', {
        'carousels': carousel_imgs,
        'songsheets': songsheets,
        'hot_ranks': hot_ranks,
        'new_ranks': new_ranks,
        'biao_ranks': biao_ranks,
        'ea_ranks': ea_ranks,
        'js_ranks': js_ranks
    })
推荐排行榜模板
<!--推荐排行榜开始-->
<div class="recommend_rank">
    <div class="title">
        <div class="name">推荐排行榜</div>
        <ul>
            <li><a href="#">更多></a></li>
        </ul>
    </div>
    <div class="list">
        <div class="bank">
            <div class="bank_top">
                <div class="img">
                    <img class="img_tip" src="{% static 'images/b1.png' %}" alt="">
                </div>
                <img class="img_bg" src="{% static 'images/b1_1.jpg' %}" alt="">
            </div>
            <ul class="bank_list">
                {% for hot in hot_ranks %}
                    <li>
                        {% if forloop.counter == 1 %}
                            <div class="top_img top1"></div>
                        {% elif forloop.counter == 2 %}
                            <div class="top_img top2"></div>
                        {% elif forloop.counter == 3 %}
                            <div class="top_img top3"></div>
                        {% else %}
                            <div class="top_index">{{forloop.counter}}</div>
                        {% endif %}
                        <div class="top_info">
                            <p class="song_name">{{ hot.name }}</p>
                            <p class="singler">{{ hot.singler.name }}</p>
                        </div>
                    </li>
                {% endfor %}
            </ul>
        </div>
        <div class="bank">
            <div class="bank_top">
                <div class="img">
                    <img class="img_tip" src="{% static 'images/b2.png' %}" alt="">
                </div>
                <img class="img_bg" src="{% static 'images/b2_2.jpg' %}" alt="">
            </div>
            <ul class="bank_list">
                {% for news in new_ranks %}
                    <li>
                        {% if forloop.counter == 1 %}
                            <div class="top_img top1"></div>
                        {% elif forloop.counter == 2 %}
                            <div class="top_img top2"></div>
                        {% elif forloop.counter == 3 %}
                            <div class="top_img top3"></div>
                        {% else %}
                            <div class="top_index">{{forloop.counter}}</div>
                        {% endif %}
                        <div class="top_info">
                            <p class="song_name">{{ news.name }}</p>
                            <p class="singler">{{ news.singler.name }}</p>
                        </div>
                    </li>
                {% endfor %}
            </ul>
        </div>
        <div class="bank">
            <div class="bank_top">
                <div class="img">
                    <img class="img_tip" src="{% static 'images/b3.png' %}" alt="">
                </div>
                <img class="img_bg" src="{% static 'images/b3_3.jpg' %}" alt="">
            </div>
            <ul class="bank_list">
                {% for biao in biao_ranks %}
                    <li>
                        {% if forloop.counter == 1 %}
                            <div class="top_img top1"></div>
                        {% elif forloop.counter == 2 %}
                            <div class="top_img top2"></div>
                        {% elif forloop.counter == 3 %}
                            <div class="top_img top3"></div>
                        {% else %}
                            <div class="top_index">{{forloop.counter}}</div>
                        {% endif %}
                        <div class="top_info">
                            <p class="song_name">{{ biao.name }}</p>
                            <p class="singler">{{ biao.singler.name }}</p>
                        </div>
                    </li>
                {% endfor %}
            </ul>
        </div>
        <div class="bank">
            <div class="bank_top">
                <div class="img">
                    <img class="img_tip" src="{% static 'images/b4.png' %}" alt="">
                </div>
                <img class="img_bg" src="{% static 'images/b4_4.jpg' %}" alt="">
            </div>
            <ul class="bank_list">
                {% for ea in ea_ranks %}
                    <li>
                        {% if forloop.counter == 1 %}
                            <div class="top_img top1"></div>
                        {% elif forloop.counter == 2 %}
                            <div class="top_img top2"></div>
                        {% elif forloop.counter == 3 %}
                            <div class="top_img top3"></div>
                        {% else %}
                            <div class="top_index">{{forloop.counter}}</div>
                        {% endif %}
                        <div class="top_info">
                            <p class="song_name">{{ ea.name }}</p>
                            <p class="singler">{{ ea.singler.name }}</p>
                        </div>
                    </li>
                {% endfor %}
            </ul>
        </div>
        <div class="bank">
            <div class="bank_top">
                <div class="img">
                    <img class="img_tip" src="{% static 'images/b5.png' %}" alt="">
                </div>
                <img class="img_bg" src="{% static 'images/b5_5.jpg' %}" alt="">
            </div>
            <ul class="bank_list">
                {% for jss in js_ranks %}
                    <li>
                        {% if forloop.counter == 1 %}
                            <div class="top_img top1"></div>
                        {% elif forloop.counter == 2 %}
                            <div class="top_img top2"></div>
                        {% elif forloop.counter == 3 %}
                            <div class="top_img top3"></div>
                        {% else %}
                            <div class="top_index">{{forloop.counter}}</div>
                        {% endif %}
                        <div class="top_info">
                            <p class="song_name">{{ jss.name }}</p>
                            <p class="singler">{{ jss.singler.name }}</p>
                        </div>
                    </li>
                {% endfor %}
            </ul>
        </div>
    </div>
</div>
<!--推荐排行榜结束-->

推荐歌手

先定一个规则,取单曲最多的六位歌手。

推荐歌手视图

返回单曲最多的六位歌手,还是在原来的基础上增加歌手的查询并返回给模板。

代码如下:

def index(request):
    """ 显示首页 """
    ......

    # 推荐歌手 取单曲最多的六个
    singlers = Singler.objects.order_by('-singe_num').all()[0:6]

    return render(request, 'index/index.html', {
        'carousels': carousel_imgs,
        'songsheets': songsheets,
        'hot_ranks': hot_ranks,
        'new_ranks': new_ranks,
        'biao_ranks': biao_ranks,
        'ea_ranks': ea_ranks,
        'js_ranks': js_ranks,
        'singlers': singlers
    })
推荐歌手模板

模板样式都已经写好了,只需要在循环中解析和赋值就可以了。

代码如下:

<!--推荐歌手开始-->
<div class="recommend_singler">
    <div class="title">
        <div class="name">推荐歌手</div>
        <ul>
            <li><a class="now" href="#">华语</a></li>
            <li><a href="#">欧美</a></li>
            <li><a href="#">日韩</a></li>
            <li><a href="#">组合</a></li>
            <li><a href="#">更多></a></li>
        </ul>
    </div>
    <div class="list">
        {% for sg in singlers %}
        <div class="item">
            <div class="cover">
                <img src="/media/{{sg.portrait}}" alt="">
            </div>
            <p class="name">{{sg.name}}</p>
            <p class="num">{{sg.singe_num}}首歌曲</p>
        </div>
        {% endfor %}
    </div>
</div>
<!--推荐歌手结束-->

总结

做推荐页开发暂时就这样了还是比较顺利的,只有在外键显示那边费了点事,还是对django部分不了解才导致的,这也是做项目的目的,能够比较全面的使用框架的功能,增进对框架的了解。文章来源地址https://www.toymoban.com/news/detail-666163.html

到了这里,关于Django实现音乐网站 ⒀的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Django实现音乐网站 ⒀

    使用Python Django框架制作一个音乐网站, 本篇主要是推荐页-推荐排行榜、推荐歌手功能开发。 目录 推荐页开发 推荐排行榜 单曲表增加播放量 表模型增加播放量字段 执行表操作 模板中显示外键对应值 表模型外键设置 获取外键对应模型值 推荐排行榜视图 推荐排行榜模板 推

    2024年02月11日
    浏览(40)
  • Django实现音乐网站 ⑸

    使用Python Django框架制作一个音乐网站, 本篇主要是配置媒体资源设置。 目录 配置介绍 设置媒体资源 创建媒体资源目录 修改settings.py 注册媒体资源路由 总结 静态资源是指项目配置的js/css/image等系统常用文件。对于一些经常变动的资源,通常放在媒体资源文件夹,比如歌手

    2024年02月14日
    浏览(41)
  • Django实现音乐网站 ⑺

    使用Python Django框架制作一个音乐网站, 本篇主要是后台对歌手原有实现功能的基础上进行优化处理。   目录 新增编辑 表字段名称修改 隐藏单曲、专辑数 姓名首字母 安装xpinyin 获取姓名首字母 重写保存方法 列表显示 图片显示处理 引入函数 路径改为显示图片 修改列表默认

    2024年02月14日
    浏览(38)
  • Django实现音乐网站 ⑷

    使用Python Django框架制作一个音乐网站,在系列文章3的基础上继续开发, 本篇主要是后台歌曲类型表、歌单表模块功能开发。 目录 表结构设计 歌曲类型表结构 歌单表结构 创建表模型 创建表 后台注册表模型 引入表模型 后台自定义 总结 歌曲类型表结构 字段 类型 注释 id

    2024年02月14日
    浏览(42)
  • Django实现音乐网站 ⑽

    使用Python Django框架制作一个音乐网站, 本篇主要是后台对歌曲类型、歌单功能原有功能进行部分功能实现和显示优化。 目录 歌曲类型功能优化 新增编辑 优化输入项标题显示 父类型显示改为下拉菜单 列表显示 父类型显示名称 过滤器增加父类型 歌单表功能优化 新增编辑

    2024年02月13日
    浏览(37)
  • Django实现音乐网站 ⒁

    使用Python Django框架制作一个音乐网站, 本篇主要是歌手页-全部歌手页功能开发。 目录 分出首页样式内容 创建首页样式文件 首页引入样式文件 全部歌手列表 创建路由 显示视图 引入分页实现库 视图方法 创建歌手首页 增加歌手跳转 导航条改活 首页增加导航条 歌手页增加

    2024年02月10日
    浏览(38)
  • Django实现音乐网站 (21)

    使用Python Django框架做一个音乐网站, 本篇音乐播放器功能完善及原有功能修改。 目录 播放列表修改 视图修改 删除、清空播放器 设置路由 视图处理 修改加载播放器脚本 模板修改 脚本设置 清空功能实现 删除列表音乐 播放列表无数据处理 视图修改 播放音乐与列表同步 修

    2024年02月07日
    浏览(44)
  • Django实现音乐网站 ⑶

    使用Python Django框架制作一个音乐网站,在系列文章2的基础上继续开发, 本篇主要是后台单曲、专辑、首页轮播图表模块开发。 目录 后台单曲、专辑表模块开发 表结构设计 单曲表(singe)结构 专辑表(album)结构 创建表模型 创建表 后台注册表模型 后台首页轮播图表模块开

    2024年02月14日
    浏览(39)
  • Django实现音乐网站 ⒆

    使用Python Django框架做一个音乐网站, 本篇主要为排行榜功能及音乐播放器部分功能实现。 目录 推荐排行榜优化 设置歌手、单曲跳转链接 排行榜列表渲染优化 视图修改如下: 模板修改如下: 单曲详情修改 排行榜列表 设置路由 视图处理 模板渲染 设置跳转入口 播放器功能

    2024年02月07日
    浏览(36)
  • Django实现音乐网站 ⑾

    使用Python Django框架制作一个音乐网站, 本篇主要是前端开发前的一些必要配置和首页展示开发。   目录 配置应用路由 创建应用路由文件 应用路径加入项目路径 创建项目模板 创建项目及应用模板路径 设置模板路径 设置静态资源路径 创建静态资源路径 配置静态资源路径

    2024年02月12日
    浏览(40)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包