基于Nodejs+Express+MongoDB+jQuery+Bootstrap搭建的电影网站!
本项目是基于Nodejs的练手项目,期间参考了慕课网Scott老师的课程(代码结构及路由全都重新改造),在老师所讲的基础上增加了许多的功能并且加以完善,项目基于 Express 4.15 版本,代码采用 Es6 编写,代码已加注释,提高了阅读性和维护性,可供参考:
网站正常访问无需管理员权限,对电影的评论及个人中心资料的修改,需要用户登录,对网站数据的修改添加删除需要管理员的权限,默认一个管理员,具体功能如下:
作为windows平台的忠实粉丝(≥▽≤/),当前平台下node v6.9.2 ,运行正常!
git clone [email protected]:chenjun1127/Movie-Site.git
cd movie-site
npm install
bower install
上面步骤完成后,打开app.js入口文件,可以看到当前连接的是本地的 express-demo 这个数据库,接下来启动数据库相关服务;在当前目录通过命令
gulp
启动项目,稍等片刻后,gulp会自动打开chrome浏览器,就可以看到 http://localhost:3000/ 主页,项目就运行成功了。注意:若端口已占用可在app.js文件中将gulp的代理端口3000换成未占用的端口!
gulp dist
Tips:gulp dist 命令可以检测项目JS是否有错误!
当使用管理员账号(chenjun,123456)登录时,在网站右上角会出现下拉菜单,通过点击菜单可以进入各个页面,如果自己注册的账号,默认为普通用户(role为0),普通用户有权限限制,是无法进入到电影的列表、录入、分类、用户等管理页面的!当然,可自行修改数据库里的当前账号的role值,当role大于10的时候,就有管理员权限了!基本的界面路由如下: 基本页面:
用户关联:
后台管理:
├── app.js 项目入口文件
├── routs 路由总目录
│ ├── admin 后台管理
│ │ ├── xxx.js
│ │ └── ...
│ ├── middleware 权限中间限
│ │ ├── xxx.js
│ │ └── ...
│ ├── status 状态页面
│ │ ├── xxx.js
│ │ └── ...
│ └── user 用户相关
│ ├── xxx.js
│ └── ...
├── node_modules node模块目录
├── public 静态文件目录
│ ├── images 图片目录
│ ├── libs bower安装目录
│ │ ├── bootstrap
│ │ └── jquery
│ ├── js jade模板交互js
│ │ ├── xxx.js
│ │ └── ...
│ └── uploads 用户上传的图片目录
│ ├── xxx.jpeg
│ └── ...
├── models 模型
│ ├── xxx.js
│ └── ...
├── schemas 模式
│ ├── xxx.js
│ └── ...
├── views 视图文件目录
│ ├── includes
│ │ ├── xxx.jade
│ │ └── ...
│ └── pages
│ ├── xxx.jade
│ └── ...
├── README.md
├── .bowerrc
├── .gitignore
├── .jshintrc
├── bower.json
├── gulpfile.js gulp文件
└── package.json
screenshot与images.md为截图说明文件,是为了方便查看,与本项目无关!
整个项目基于NodeJs+MongoDB+jQuery+Bootstrap搭建而成,UI部分基于bootstrap,整体UI细节有待优化完善;部分功能有细微瑕疵,譬如数据的添加暂未考虑部分字段为空的情况、用户登录注册未做表单校验等等,这些都需要完善!整个项目涉及到的知识点非常的全面,有很好的参考价值!
运行此项目一定要先启动 mongo 服务,并连接 mongoDB 数据库。此项目的数据库备份在这里。
如果问题请联系QQ:402074940