项目经验
项目名称: 基于VUE仿网易云音乐
项目介绍:整个项目的技术基础为: 前端:html、css、js、vue、vuex、vue-router 后端:nodejs、express 数据库:mysql
开发过程:
1. 数据库根据基本信息建立基础表:用户,歌单,歌曲,主页信息等
2. 服务器建立架构,将数据库连接、数据处理和数据分发解耦
3. 客户端使用vue进行分组件独立,vue-router进行单页面应用之间的跳转,vuex进行数据状态处理和处理动作分发
用户使用:
用户进入首页,页面通过axios模块发起AJAX请求,将请求回来的数据放入vuex,页面vue组件获取vuex的数据进行渲染;
用户点击某歌曲,从数据库查询歌曲信息,显示在组件上,audio的src绑定到相应组件上,可以对数据进行操作来达到响应的播放器功能;
项目总结:通过使用vue,进一步理解MVVM分层思想、数据驱动视图;使用vuex进行状态管理,理解单向数据流原理;使用Framework7,进一步了解移动端应用开发。