Code Monkey home page Code Monkey logo

movie's Introduction

Node.js + mongoDB + glup 搭建的电影网站

Node.js + mongoDB 搭建的电影网站

npm install -----安装依赖

node app -----运行(需提前安装并启动mongodb)

gulp build -----打包

gulp -----打包后运行

前言

此项目是基于 Node.js + Express + mongoDB + Bootstrap + gulp 搭建的电影网站。

实现功能

  • 前台电影展示页
  • 电影详情页
  • 后台电影管理中心(电影录入、电影修改)
  • 用户登录注册注销功能
  • 后台用户管理中心(用户录入、用户修改)
  • 电影评论
  • 电影分类管理(分类录入、修改)

预览

在线预览地址 👉 http://movie.qirenji.com/ [停止维护]

电影首页

电影首页

登录页

登录页

电影录入页

电影录入页

电影列表页

电影列表页

电影分类页

电影分类页

技术栈

【前端】

  • HTML/CSS/JS:亘古不变三件套
  • ES6:ECMAScript 新一代语法,这也是以后的趋势
  • Monment.js:时间日期格式化插件
  • jQuery:主要用到 jQuery 的 ajax 方法处理异步请求和 DOM 操作
  • Bootstrap:页面 UI 框架,天然响应式
  • 用SCSS做CSS预处理语言。

【后端】

  • pug:pug (以前的 jade) 是一个高性能的模板引擎,用来生成 HTML
  • Node.js:整个后端由 Node.js 驱动;用 npm 安装资源文件
  • Express:一个基于 Node.js 平台的 web 开发框架,由路由和中间件构成

【数据库】

  • mongoDB:进行数据存储的 NoSQL 数据库

【自动化构建】

  • gulp:前端自动化构建工具

【部署工具】

  • pm2: Node 应用的进程管理器。

目录结构

|-- movie-node                       // 项目根目录
|   |-- app                          // 后台相关目录
|       |-- controllers              // 控制层
|       |-- models                   // 数据模型
|       |-- schemas                  // 模型结构
|       |-- views                    // 视图层
|   |-- config                       // 路由管理
|   |-- movie-backup                 // 数据库备份
|   |-- public                       // 公用资源
|       |-- dist                     // 公共资源打包目录
|       |-- images                   // 公用图片
|       |-- sass                     // 公用样式(初始化等)
|       |-- scripts                  // 脚本交互文件
|   |-- App.js                       // 程序入口文件
|   |-- ecosystem.json               // pm2配置文件
|   |-- gulpfile.js                  // gulp配置文件
|   |-- package.json                 // 项目配置信息


总结

  1. 熟悉了 pug 的语法及其在 Node.js 中的使用方法
  2. 初步掌握了 express 框架的使用,如何处理路由以及中间件
  3. 掌握了 mongoose 在 Node.js 中如何连接数据库,以及 schema、model 的使用
  4. 前后端数据传递与视图展现的流程
  5. 学会了使用 bcryptjs(Node.js 的一个加解密模块)对密码进行 “hash + salt” 处理
  6. 借助会话与 cookie 进行用户识别和持久化

About

关于我: http://www.qirenji.com/about

GitHub: https://github.com/qirenji/

E-mail: [email protected]

movie's People

Contributors

qirenji avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar lantiao avatar alphapenng avatar Luke Tsai avatar 鷪鷪 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.