前端展示歌手数据并实现分页功能

最新推荐文章于 2022-12-16 17:36:53 发布

我是狗蛋哥哥

最新推荐文章于 2022-12-16 17:36:53 发布

阅读量486

点赞数

分类专栏： kuwo接口

本文链接：https://blog.csdn.net/ruishimin/article/details/81175796

版权

本文档介绍如何将后端获取的歌手数据在前端进行展示，并实现分页功能。首先，引入Bootstrap框架提升页面布局效率，接着引入jQuery简化JavaScript操作。通过创建index.html并结合base.html来呈现数据，再编写views代码和URL配置，最终完成前端的歌手数据分页展示功能。

摘要由CSDN通过智能技术生成

后端代码了不少了，开始把拿到的数据展示到前端。

1.写首页接口：

Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架，使得 Web 开发更加快捷。

所以我们需要它！去官网。

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。

so 我们也需要它！去官网下载。

然后放到static：

2.创建一个index.html，代码如下：

{% extends 'base.html' %}

{% block my_content %}
    <div class="text-center" style="margin-bottom: 20px">
        <button class="btn btn-success">A</button>
        <button class="btn btn-success"&g