# Myblg+Music

**Repository Path**: liuqinn/myblg--music

## Basic Information

- **Project Name**: Myblg+Music
- **Description**: 用nodejs+vue+element，实现一个综合性的网页设计，包括用户管理、博客浏览编辑、购物商城、音乐播放器（用的网易云api）。后端是自己写的。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 5
- **Forks**: 0
- **Created**: 2021-11-05
- **Last Updated**: 2025-05-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, Nodejs, Element-UI, wangeditor

## README

### 这是一个综合性的项目,结合：用户管理+文章编辑+购物车+音乐播放器四个主要的功能。 :sparkles: 
### 是一个自己着重锻炼技术的项目，页面效果可以自行设计优化 :heart: 
### 技术主要是Vue+Nodejs+element+wangEditer
本项目设计的技术主要是Vue+Nodejs+element+wangEditer,后端Nodejs是自己写的，音乐播放器接口用的网易云音乐。

首先需要下载相关的内容，对于数据库部分：newpro->server->vuenode->mysqlmodel->sql.js内配置了数据库的密码和数据库表名称，根据自己数据库自行修改。

首先需要启动nodejs服务器，在vuenode终端内输入`nodemon ./bin/www`

然后在vue中的src终端内输入`npm run dev`//注意根据提示安装需要的东西

 

### 标题**登录：** 
![输入图片说明](Snipaste_2021-11-29_22-23-27.png)
  **用户列表** 
![输入图片说明](Snipaste_2021-11-29_22-25-36.png)
 

### 标题**文章**
![输入图片说明](Snipaste_2021-11-29_22-26-31.png) 
 

### 标题**查看文章** 
![输入图片说明](Snipaste_2021-11-29_22-27-01.png)
### 标题 **评论区** 
![输入图片说明](Snipaste_2021-11-29_22-27-09.png)
 

### 标题**编辑文章**
 ![输入图片说明](Snipaste_2021-11-29_22-43-21.png)
### 标题 **搜索文章**
![输入图片说明](Snipaste_2021-11-29_22-26-48.png) 
 

### 标题**商品浏览**
![输入图片说明](Snipaste_2021-11-29_22-25-49.png) 
### 标题 **购物车**
![输入图片说明](Snipaste_2021-11-29_22-26-13.png) 
 

### 标题**音乐播放器 网易云音乐账号登录** 
![输入图片说明](Snipaste_2021-11-29_22-27-30.png)
### 标题 **主页面**
![输入图片说明](1.png)
### 标题 **歌词**
![输入图片说明](Snipaste_2021-11-29_22-38-14.png) 
 

### 标题**歌单**
![输入图片说明](2.png)