• Stars
    star
    128
  • Rank 281,044 (Top 6 %)
  • Language
    JavaScript
  • Created over 7 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

基于 Node.js + MongoDB 实现的简易电影网站。(本项目过于久远,不再维护!)

慕课网 - Node.js+MongoDB建站攻略(一期)参考源码

提示:本项目不再维护,慎用!

此程序基于慕课网Scott老师的Node.js+MongoDB建站攻略(第一期)视频教程编写,当前所有模块程序均为最新版本,截止2017年4月,代码中包含详细的注释,非常适合初学者。

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 installmongo
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后台录入页

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

More Repositories

1

picx

🏞️ PicX 是一款基于 GitHub API 开发的图床工具,提供图片上传托管、生成图片链接和常用图片工具箱服务。
Vue
2,546
star
2

js-data-structures-and-algorithms

从 0 到 1 学习 JavaScript 数据结构与算法
JavaScript
1,349
star
3

hexo-theme-keep

🌈 A simple and elegant theme for Hexo. It makes you more focused on writing.
Stylus
1,114
star
4

vite-vue3-starter

⭐ A Vite 2.x + Vue 3.x + TypeScript template starter
Vue
440
star
5

vue-webpack-todoapp

📔vue + webpack打造todo应用
Vue
188
star
6

dart-basic-study

Dart 基础快速入门教程
Dart
38
star
7

gulp-auto-builds

使用gulp实现前端自动构建环境(HTML压缩、LESS编译、CSS压缩、JS混淆压缩等)
JavaScript
5
star
8

node.js-chartroom

基于Node.js搭建Socket聊天室
JavaScript
4
star
9

spring-boot-luckymoney

luckymoney for spring boot
Java
4
star
10

typescript-study-tutorial

TypeScript 快速入门教程,点 Star 即可收藏。
JavaScript
4
star
11

xpoet.github.io

HTML
3
star
12

electron-music-player

使用electron开发简单的桌面软件:音乐播放器
JavaScript
3
star
13

vite-react-starter

A Vite2.x + React17.x + TypeScript starter
TypeScript
2
star
14

angular-auction

基于Angular5+Bootstrap4在线竞拍网站
TypeScript
1
star
15

release-test

auto release test
1
star
16

handwriting-js

常见 / 常考 / 高频 / 实用的 JS 手写题
JavaScript
1
star
17

webpack-es6-dev-starter

从零开始搭建 Webpack ES6 开发环境模板
JavaScript
1
star
18

angular-auction-server

基于Angular5+Bootstrap4在线竞拍网站-服务器端
JavaScript
1
star