基于vue+Django的简迩音乐用户界面实现

应这次软件工程课程要求，我们团队着力打造一个音乐播放器软件。

软件实现主要采用基于Vue.js+Python Django，前后端分离架构实现网页。

用户界面主要功能：呈现用户收藏歌单歌曲信息，并且提供删除收藏歌曲歌曲操作

界面呈现效果：

主要实现过程：

<1>搭建Vue框架，实现前端界面呈现

<2>搭建Django框架，实现后台数据库操作，向前端传送数据

<3>通过接口前后台连接，实现功能

重点实现问题：

<1>vue前端实现我主要使用element实现，vue框架为我们提供了简便、快速的界面实现工具，具体element工具可参考https://element.eleme.cn/#/zh-CN；

对于一些基本界面内容，可直接取用改网站代码。

<2>后台搭建django，在前期并没有接触这个框架，只是学习过Python语言，所以就进行了学习，通过视频学习成功搭建后台，详细视频网址见http://www.python3.vip/tut/webdev/django/；

Django 无需数据库就可以使用，它提供了 对象关系映射器， 通过此技术，可以直接使用 Python 代码来描述数据库结构。Django 里面， 数据库表的操作，包括 表的定义、表中数据的增删改查，都可以通过 Model 类型的对象进行。

<3> 前后端接口跨域问题：因为前后端分离，在接口部分出现了跨域问题。

我采用了前端和后台共同更改的方法解决了这个问题

前端vue设置：

后端设置：在settings.py中添加