1. 项目后端搭建:
- 使用
NodeJs的koa框架完成电影网站后端搭建; - 使用
mongodb完成数据存储,通过mongoose模块完成对mongodb数据的构建; - 使用
jade模板引擎完成页面创建渲染; - 使用
Moment.js格式化电影存储时间;
2. 项目前端搭建:
- 使用
jQuery和Bootsrap完成网站前端JS脚本和样式处理; - 使用
Sass完成电影和音乐首页样式的编写; - 使用
validate.js完成对账号登录注册的判断; - 使用
fullpage.js完成电影宣传页面制作; - 前后端的数据请求交互通过
Ajax完成; - (音乐端部分模块、音乐端广告页)使用React+ES6进行组件化开发，并使用Webpack实现资源模块管理
- 使用
canvas并调用webAudio api完成音乐播放界面的制作
3. 项目微信端搭建:
- 使用
weui框架构造详情界面 - 各种api借口的实现（比如地理经纬度查询、拍照、扫码、上传素材等）
- 调用jdk，实现语音查询电影
4. 本地开发环境搭建:
-
使用
gulp集成jshint对JS语法检查，Sass文件编译、压缩等功能，使用mocha完成用户注册存储等步骤的简单单元测试，以及服务器的自动重启等功能。 -
电影的展示页面;(实现了按热度、时间、评价、分类查询以及加载更多等功能模块)
-
电影首页实现兼容了各个手机端；
-
具有用户注册登录及管理;
-
电影（音乐）详情页面添加及删除评论;
-
电影（音乐）及电影院信息录入和搜索;
-
电影（音乐）分类添加及删除;
-
电影（音乐）海报自定义上传;
-
列表分页处理;
-
访客统计;
-
微信上通过语音（文字）搜电影;
-
微信上实现与网页的评论同步;
-
音乐广告页画廊特效的实现；
-
音乐播放界面实现
电影界面:
- 电影广告页:localhost:1234
- 电影首页:localhost:1234/movieIndex
- 详情页:localhost:1234/movie/:id
音乐界面:
- 音乐首页:localhost:1234/musicIndex
- 音乐详情页:localhost:1234/music/:id
- 音乐广告页:localhost:1234/gallery
- 音乐播放界面:localhost:1234/musicPlay
用户后台页:
- 用户注册页面: localhost:1234/signup
- 用户登陆页面: localhost:1234/signin
- 用户详情列表页: localhost:1234/admin/user/list
电影后台页:
- 后台录入页:localhost:1234/admin/movie/new
- 列表页:localhost:1234/admin/movie/list
- 分类录入页:localhost:1234/admin/movie/movieCategory/new
- 分类页:localhost:1234/admin/movie/movieCategory/list
- 电影院录入页:localhost:1234/admin/movie/programme/new
- 电影院列表页:localhost:1234/admin/movie/city/list
音乐后台页:
- 后台录入页:localhost:1234/admin/music/new
- 列表页:localhost:1234/admin/music/list
- 分类录入页:localhost:1234/admin/music/musicCategory/new
- 分类页:localhost:1234/admin/music/musicCategory/new
- 热门榜单列表页:localhost:1234/admin/music/programme/list
微信界面
- 该部分待完善
- 音乐播放界面的完善;
- 微信音乐端的跟进;
- 增加电影的app端;