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

软件实现主要采用基于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中添加

最新文章

  1. 从零开始学CSRF
  2. Github学习之路-小试牛刀,练习Git 的基本操作
  3. Nginx 配置详解
  4. ext树表+ZeroClipboard复制链接功能
  5. V4L2读取摄像头程序流程【转】
  6. Grandpa&#39;s Estate - POJ 1228(稳定凸包)
  7. PHP-购物网站开发设计(二)
  8. Linux shell用法和技巧(转)
  9. webservice第二篇【自定义webservice服务、soa、uddi概念、soap协议】
  10. angularJS的一些用法
  11. Program type already present: android.support.v4.widget.EdgeEffectCompat
  12. 反射型XSS+文件上传+CSRF&mdash;DVWA
  13. mvc,mvp.mvvm模型
  14. Node.js 常用命令
  15. Linux 进程管理 笔记
  16. [Luogu5048] [Ynoi2019模拟赛]Yuno loves sqrt technology III[分块]
  17. 【转载】vc编译exe的体积最小优化
  18. nodejs与c语言交互应用实例
  19. OpenVpn部署使用easy-rsa-3.0
  20. 读经典——《CLR via C#》(Jeffrey Richter著) 笔记_基元类型(二)

热门文章

  1. 【Linux常见问题】CentOS 6 root用户密码忘记,找回密码方法
  2. 使用mysqldump自动备份数据库脚本
  3. 让pomelo可以获取到反向代理websockets的真实用户IP
  4. inotifywait实现文件监控
  5. USACO Training Section 1.1黑色星期五Friday the Thirteenth
  6. aws mysql 开启慢查询日志, 并利用mysqlsla 分析
  7. 阿里云服务器连接AWS-S3
  8. Fibonacci相关问题
  9. 蒲公英 &#183; JELLY技术周刊 Vol.05: Rust &amp; Electron 的高性能实践 -- Finda
  10. sqlserver2005定期备份和清除