中间隔了有一段时间,因为去学了一些其他东西,加上还有课程,今天专门用了大半天来写前台界面与登录注册的UI设计,网上的模板我都不太想用,我就用框架来自己搭建前台,我参考了三大音乐网站的首页设计,基本都是分为导航栏、二级导航栏、轮播图(QQ音乐没有)、下面就是歌单啥的了,就按照这个进行设计。
先进行今天写的页面展示,只写了登录注册、引导首页、网站首页:
登录注册:由于LOGO还没设计,暂时采用的bootstrap的logo,后期会设计自己的logo。
引导首页:
图一:
图二:
图三:
平台首页:
平台首页我借鉴的就是网易云,先大概做成这个样子,但当然后期做后端时,会添加一个歌单表,这些数据都会动态根据数据库来改变了。
平台首页上方为第一导航栏,实际不导航内容,后期会加搜索框,像酷狗音乐一样,第二导航栏才是真正的导航,这几个模块除了直播不会做以外,之后都会做一下。
前台暂时公共页面代码:
平台首页暂时如下:还有未完善功能,除了后端以外,前端也还有很多工作:
首页
精选歌单
90后昨天:华语乐坛十年
播放量:3329.8w
入坑必听!古风一曲解千愁
播放量:1998.3w
古风清灵女声|故人泪
播放量:2488.8w
催泪100%|不会有下次
播放量:1323.8w
引导首页:
用户管理
Crush Music
酷心音乐拥有超多当红歌手的歌曲,赶紧来收听吧!
Try Now
登录部分:
前台登录
注册模块与登录大同小异,可以不展示 。
今天时间比较晚了,还有不得不说一句,后端人员开发前端真的要命,用框架自己做都要调整很久,虽然以后会交给前端人员做,但学的多一点也没错,说不定还能当个全栈开发哈哈。



