本项目电影和音乐首页交互代码是由jQuery完成
1. 项目后端搭建:
NodeJs的express
框架完成电影网站后端搭建;mongodb
完成数据存储,通过mongoose
模块完成对mongodb
数据的构建;jade
模板引擎完成页面创建渲染;Moment.js
格式化电影存储时间;2. 项目前端搭建:
jQuery
和Bootsrap
完成网站前端JS脚本和样式处理;Sass
完成电影和音乐首页样式的编写;validate.js
完成对账号登录注册的判断;jQuery lazyload
插件对首页图片的延迟加载;fullpage.js
完成电影宣传页面制作;Ajax
完成;3. 本地开发环境搭建:
gulp
集成jshint
对JS语法检查,Sass
文件编译、压缩等功能,使用mocha
完成用户注册存储等步骤的简单单元测试,以及服务器的自动重启等功能。4. 网站整体功能:
网站正常访问无需管理原权限,以下网站数据的添加及删除功能需要登录默认管理员账号(账号:1234 密码:1234)。
具体功能可查看网站动态效果演示,gif图片有点大请耐心等待。
目前在Mac下的node 4.2.x版本运行正常
mongod
,如果出现错误尝试输入sudo mongod
来完成启动mongorestore -h host -d dataName --dir=path
来导入该文件夹信息到数据库中,其中-h是连接地址,如127.0.0.1 -d是将要创建数据库的名称,如douban(注意:项目中链接的数据库名称是douban,如果-d后创建的数据库名称叫douban2,则需要将app.js文件dbUrl = 'mongodb://127.0.0.1/douban
中的douban改成douban2),--dir=后为该doubanDatabase所在路径,具体可通过mongorestore --help
查看当使用管理员账号登录时(默认账号密码均是1234)可在顶部搜索栏下显示各后台控制页面的链接,方便页面切换。
豆瓣电影首页: localhost:3001/
豆瓣音乐: localhost:3001/musicIndex
用户后台页:
电影后台页:
音乐后台页:
├── app.js 项目入口文件
├── app Node后端MVC文件目录
│ ├── controllers 控制器目录
│ │ ├── movie 电影页面控制器目录
│ │ ├── music 音乐页面控制器目录
│ │ └── user 用户列表控制器目录
│ ├── models 模型目录
│ │ ├── movie
│ │ ├── music
│ │ └── user
│ ├── schemas 模式目录
│ │ ├── movie
│ │ ├── music
│ │ └── user
│ └── views 视图文件目录
│ ├── includes
│ └── pages
├── doubanDatabase 供参考的数据库数据
│ └── douban
├── node_modules node模块目录
├── public 静态文件目录
│ ├── images 图片目录
│ │ ├── includes 公共图片目录
│ │ ├── movie
│ │ ├── music
│ │ └── user
│ ├── libs 经过gulp处理后文件所在目录
│ │ ├── css
│ │ ├── images
│ │ └── scripts
│ ├── sass 样式目录
│ │ ├── include
│ │ ├── movie
│ │ └── music
│ ├── scripts JS脚本目录
│ │ └── js
│ └── upload 用户自定义上传图片存储目录
│ ├── movie
│ └── music
├── route 路由目录
│ └── router.js
├── test 测试文件目录
│ └── user
│ └── user.js
├── README.md
├── gulpfile.js gulp文件
└── package.json