导读：今天首席CTO笔记来给各位分享关于django怎么把音乐渲染到前端的相关内容，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！
本文目录一览：
1、django-restful:与前端vue接口对接2、Django框架中path及re_path中name参数的使用和模板渲染（八）3、Django媒体文件URL的配置4、[Django] 如何在Django中使用前端工具链5、Django怎么把py文件画出来的图像传到前端django-restful:与前端vue接口对接
category 与vue 接口对接
首先是需要把所有的category的内容取出来
由于前端vue展示category是分级的
一级 二级 三级 这样展示的
所以我们需要把三个内容都拿出来
但是首先需要取出第一级 然后第一级镶嵌了第二级，然后第二级镶嵌第三季 ，就跟上面goods中显示外键的category的内容一样
我们还是需要写serializer
这样就是一级 镶嵌二级 二级镶嵌三级
但是这里有一个问题不要搞错了 这三个类的位置不能弄错了
因为一级是调用二级 所以二级一定是先写好了的
所以二级一定在一级上面 同理 三级要在二级上面
然后就是view
在过滤中加上category_type = 1 这样就可以直接显示第一大类 然后第一大类中有第二小类 这样更有层次感 如果直接一下子全部取出来 就不好分辨了
同时我们还要处理取出某个单一的信息
所以 我们继承了mixins.RetrieveModelMixin 这个类，这是一个显示详情的类
例如显示某个动物园的某个动物那样
/zoos/id
这样的url
同样这样写了 我们就直接只配置category的url就够了
就不用考虑 后面的id是否还需要配置一个url 这些都不用考虑了，因为我们继承了 viewset这个类
这些问题他都帮我们解决了
这样处理我们后端就能看见了
但是这样处理了 前端对接时 会发现 无法显示
因为有一个跨域问题
这个问题前后端 都可以独自解决 这里学习的是后端，所以讲一下后端的做法
就是修改服务端
在github上搜索django-cors-headers就可以找到这个信息
同样里面介绍如何使用
安装
pip install django-cors-headers
然后settins中INSTALLED_APPS配置和settings中MIDDLEWARE配置
这里要注意 MIDDLEWARE配置中
'corsheaders.middleware.CorsMiddleware',
'django.middleware.common.CommonMiddleware',
这两个必须放在
'django.middleware.csrf.CsrfViewMiddleware',
这个的前面 不然会报错
同时还要配置
CORS_ORIGIN_ALLOW_ALL = True
允许跨域访问 它默认是False
这样前端就可以正常显示了
为什么会产生跨域访问
因为vue中api配置的中 我们调试数据 不可能把所有的host 都修改了 有一些是线上数据 我们调试的是本地的一部分数据 所以要重新定一个localhost
修改部分 host的链接
这样就导致了跨域 本身使用的是一个线上host端口，但是数据中有一部分是请求的是本地host端口 导致了跨域访问
Django框架中path及re_path中name参数的使用和模板渲染（八）
name参数可以给一个匹配的url地址取名字，一般用于模板,也可以使用reverse进行页面重定向。
1、为APP中的books里面的urls.py（给url取个名字）
2、为APP中books里面的views.py（redirect是重定向,reverse是将url的name解析成url本身的函数）
1、 name参数可以给这个url取一个合适的名字。通过给url取名字，以后在view或者模板中使用这个URL，就只需要通过这个名字就可以了。这样做的原因是防止url的规则更改，会导致其他地方用了这个url的地方都需要更改，但是如果取名字了，就不要做任何改动了。
2、注意事项：
1、模板放在哪?
2、在项目主目录setting.py中进行模板路径配置； 将我们的设置好的存放html模板的templates目录路径添加到DIRS中。
注意：reverse方法里面也可以有kwargs参数，直接将参数传给被reverse解析后要跳转的url路径中的捕获参数，来达到传参的效果。
Django媒体文件URL的配置
在Django中经常需要配置图片、视频等表态文件，在配置时较为复杂，这里纪录一下：
在文件尾部加入以下目录，用于存放上传的文件
在models中写上image字段其中 %Y 代表年， %m 代表月， blank=True 代表可以为空。当上传文件时，代表上传到image目录下，以当前年月子目录的文件夹中。
image = models.ImageField(upload_to="image/%Y/%m", blank=True)
其中src中的{{ MEDIA_URL }}会在模板中渲染为第一步中的 /media/
如果您想在模板中使用{{MEDIA_URL}}，请在“模板”的“context_processors”选项中添加 django.template.context_processors.media 。
通过以上步骤，基本上可以在前端正常渲染出结果了，但还需要给图片添加一个URL以正常显示。
第一行为引入静态文件的serve，第二行为导入工程配置文件中的 MEDIA_ROOT
在url中加入：
[Django] 如何在Django中使用前端工具链
Django最大的不足在于其落后的前端工具链。现在前端开发几乎必备的包管理器（例如npm,yarn）以及工程化必备的webpack工具链，Django却不支持。Django开发的工作流中，后端的包管理可以用pip，而前端的包只能手动管理。所以，我最近的工程项目中，已不再使用Django提供的前端模块，仅仅把它当作API服务器。这的确很遗憾，因为Django的template引擎也有一些易用的特性，如此抛弃，真的有点不舍。那么有没有可能结合二者的优点呢？
经过一番探索，网上给出最靠谱的答案就是利用 django-webpack-loader 和 webpack-bundle-tracker 这两个插件。其原理是 webpack-bundle-tracker 能够输出webpack的编译过程以及结果。 django-webpack-loader 插件则是Django和webpack之间的桥梁，利用上面的编译结果，自动加载webpack打包后的静态文件。
需要用webpack生成的静态文件时，就在template上面使用下面一段模板语言，能够自动完成静态文件的注入。
简单的试了试，应该能够达到我想要的效果，明天有时间再研究。
Django怎么把py文件画出来的图像传到前端
Django把py文件画出来的图像传到前端，努力looks去，嗯啦看上去模型，阿狸入魔无情人啊咯恶心里去了。
结语：以上就是首席CTO笔记为大家整理的关于django怎么把音乐渲染到前端的相关内容解答汇总了，希望对您有所帮助！如果解决了您的问题欢迎分享给更多关注此问题的朋友喔～