慕课网:基于Node.js+MongoDB搭建电影网站【源码】

这份Demo有点老,但是依然实用,各位看官别打我~~ 如果对您有帮助,请给我的Demo点个Star。

大概10个月前,博主在做毕业设计(基于HTML5+Node.js+MongoDB从前端到后端网站的搭建),感谢慕课网宝贵的视频教程,
本案例根据慕课网Scott老师的Node.js+MongoDB建站攻略(第一期)视频教程编写。虽然此Demo的样式界面比较粗糙,但其建站思想和技术很值得大家学习。博主的这份Demo中包含了较详细的注释,适合初学者。自托管在GitHub以来,收到部分同学的请教邮件,想必大家都入了不少坑,由于本人能力和时间有限,特写此文,诚邀各位同学在评论区参与讨论。

Demo源码下载地址:传送门

Demo使用流程

1、 本地环境安装Node.js
  • 1.1、 具体的安装方法,建议多看几篇博客文章,熟悉后再去尝试。如果不考虑对Node.js进行版本管理(适用于对Node.js有一定了解的同学),安装时可以一路next
  • 1.2、 Node.js中文网:nodejs.cn
  • 1.3、 Node.js中文网提供的下载页:传送门,选择操作系统对应的版本下载。
  • 1.4、 检测Node.js是否安装成功,命令窗口[cmd]$ node -v。若出现具体的版本号,表示安装成功。
    Node.js是否安装成功检测
2、 安装MongoDB
  • 2.1、 MongoDB中文网:mongodb.org.cn
  • 2.2、 MongoDB下载链接:传送门
  • 2.3、 MongoDB中文网教程(包含安装):传送门
    MongoDB中文网教程
  • 2.4、 检测MongoDB是否安装成功,命令窗口[cmd]$ mongo -version。若出现具体的版本号,表示安装成功。
    MongoDB安装成功输出信息
  • 2.5、 MongoDB安装成功后,将安装路径下的bin目录,例如博主的是:"C:\Develop\MongoDB\Server\3.4\bin"添加到系统环境变量,这样便可以直接在命令窗口[cmd]直接执行bin文件里面的命令。
    bin文件目录
  • 2.6、 例如:Windows 10 环境变量添加流程。
    环境变量添加流程
  • 2.7、 设置存储路径,建议在C盘下创建C:/data/db目录文件夹,这是MongoDB数据库默认的数据存储路径,但需要手动创建。
3、 启动MongoDB服务:mongod
  • 3.1、 如果本地存在C:/data/db文件夹,命令窗口[cmd]$ mongod,便可开启MongoDB服务,启动后请勿关闭窗口;
    mongod开启服务
  • 3.2、 同时,再新开一个命令窗口[cmd]$ mongo,就可以用命令来管理数据库,例如:数据的增删改查
    mongo
4、 安装bower依赖:$ bower install
  • 4.1、 在Demo项目文件夹下,按住shift键的同时按下鼠标右键,选择在此处打开命令窗口,执行命令:$ bower install
    mongo
5、 安装npm依赖:$ npm install
  • 5.1、 在Demo项目文件夹下,按住shift键的同时按下鼠标右键,选择在此处打开命令窗口,执行命令:$ npm install
6、 启动项目入口文件:$ node app.js
  • 6.1、 在Demo项目文件夹下,按住shift键的同时按下鼠标右键,选择在此处打开命令窗口,执行命令:$ node app
7、 浏览器查看效果
  • 7.1、 http://localhost:3000查看首页效果。
  • 7.2、 http://localhost:3000/admin/list列表页
  • 7.3、 http://localhost:3000/admin/movie后台录入页

至此,本案例源码使用流程介绍完毕。在此过程遇到问题的同学,请在评论区留言。

-------- The End --------
坚持原创技术分享,您的支持将鼓励我继续创作!
0%