基于vue+Django的简迩音乐用户界面实现
2024-09-07 14:57:59
应这次软件工程课程要求,我们团队着力打造一个音乐播放器软件。
软件实现主要采用基于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中添加
最新文章
- 从零开始学CSRF
- Github学习之路-小试牛刀,练习Git 的基本操作
- Nginx 配置详解
- ext树表+ZeroClipboard复制链接功能
- V4L2读取摄像头程序流程【转】
- Grandpa&#39;s Estate - POJ 1228(稳定凸包)
- PHP-购物网站开发设计(二)
- Linux shell用法和技巧(转)
- webservice第二篇【自定义webservice服务、soa、uddi概念、soap协议】
- angularJS的一些用法
- Program type already present: android.support.v4.widget.EdgeEffectCompat
- 反射型XSS+文件上传+CSRF&mdash;DVWA
- mvc,mvp.mvvm模型
- Node.js 常用命令
- Linux 进程管理 笔记
- [Luogu5048] [Ynoi2019模拟赛]Yuno loves sqrt technology III[分块]
- 【转载】vc编译exe的体积最小优化
- nodejs与c语言交互应用实例
- OpenVpn部署使用easy-rsa-3.0
- 读经典——《CLR via C#》(Jeffrey Richter著) 笔记_基元类型(二)
热门文章
- 【Linux常见问题】CentOS 6 root用户密码忘记,找回密码方法
- 使用mysqldump自动备份数据库脚本
- 让pomelo可以获取到反向代理websockets的真实用户IP
- inotifywait实现文件监控
- USACO Training Section 1.1黑色星期五Friday the Thirteenth
- aws mysql 开启慢查询日志, 并利用mysqlsla 分析
- 阿里云服务器连接AWS-S3
- Fibonacci相关问题
- 蒲公英 &#183; JELLY技术周刊 Vol.05: Rust &; Electron 的高性能实践 -- Finda
- sqlserver2005定期备份和清除