使用HBuilderX创建vue,做一个登录界面以及登录后界面

一、项目需求分析与调研

项目需求分析：随着人们生活水平的提高，人们不仅仅满足于对于吃好喝好住好穿好，更重要的是满足于精神的提高，音乐作为人们娱乐的一种方式，成为比较重要的方式之一，在以前，音乐的存储形式表现为磁盘以及磁带，这种方式必须要有DVD和mp3才可以播放，携带不是很方便，为了得到更好的体验，为了得到更好的精神体验，需要一个可以随时随地播放音乐的软件，因此对于酷狗这种软件的出现很是必须。

二、项目原型设计

1.登录界面

2.登录后的界面

三、UI设计

1.登录界面

2.登录后的界面

四、编码

1.登录的login.vue

2.登录后的grzx.vue

五、测试

1.登录界面

2.当只输入密码不输入账号的时候，点击登录，就会出现用户名不能为空的弹窗

3.当只输入账号，不输入密码的时候，点击登录，就会出现密码不能为空的弹窗

4.当输入账号和密码错误的时候，就会弹出用户名或密码错误的界面

5.当输入账号和密码正确的时候，就会进入酷狗的首页，账号为xiaodu,密码为123456

6.当账号和密码正确的时候，就会跳转到酷狗的首页

7.可以看见中间使用了一个轮播图