如何利用node+mongodb来快速搭建一个电影网站?

一:后端部分

整个网站的后端是由node.js来驱动的,所以在后端需要安装node.js,以及在这个基础之上的框架express,它能够帮助我快速的搭建web应用,然后数据库选用的mongodb,以及对mongodb快速建模的工具mongoose。后端的模板引擎用的是jade关于时间个日期的格式化选用的是Moment.js底下的这四个模块都是通过npm安装的,npm是node自带的。

二:前端部分

前端部分会选用jQuery的类库以及boostrap的样式的框架,它们都是网站前端的静态资源,网站前端的静态资源都存在一个版本的依赖和版本的管理,所以我们需要通过Bower来安装它们,Bower本身也是一个npm模块,所以它也需要现有npm的安装方。

三:本地的开发环境

本地的开发环境后面的网站会用到less的编译,样式的合并,语法的检查,包括前后端单元测试的实现,以及服务的自动重启,这几个任务都是通过grunt来集成。

四:实战步骤

选择完这些框架以后,就可以来开始实战,项目开发分为九个步骤

1:需求分析:看一下开发一共有多少个页面,页面里都有什么样的内容和需求以及什么样的交互,这样做到心里有数。

2:项目依赖初始化:然后对项目所依赖的模块进行一个安装和 初始目录的创建。

3:入口文件编码:在后端开始创建一个入口文件并且进行编码。

4:创建试图:编码以后就可以来创建几个重要页面的视图了,也就是模板。

5:测试前端流程 :来跑通前后端的流程,也就是说,从浏览器发起一个请求到后端,后端接收到之后,返回一段数据。

6:样式开发,伪造模板数据  :跑通前后端之后,就可以对页面进行一个样式的开发和一些HTML的dom结构的填充,同时要伪造一些模板数据。

7:设计数据库模型:这时候页面都有了,我们开始基于页面里面的内容同时来设计数据库的模型。

8:开发后端逻辑:然后来开发后端的逻辑,到这一步为止,前后端的逻辑都已经实现掉了。

9:配置依赖文件,网站开发结束:对前端静态资源版本和后端模块版本进行一个配置文件的生成,然后整个网站就开发结束了。

五:详细开发

然后来看一下网站的页面 ,左边是首页,有一个电影列表,把存在数据库里面的电影全部都取出来展现在这里,每一个海报都有电影名称和播放按钮,点击海报或者播放按钮就会跳转到右边这个页面,也就是详情页,详情页就是这部电影所针对的更加详细的介绍字段之类的东西。

后台录入页:其实这里就是一个表单,在后端能够填写一些和电影有关的数据,点击最底下的录入按钮的时候,会将这张表上的数据提交到后台,后台就会存到数据库,也就是mongodb里面,右边是列表页,当存入一定数据的电影的时候,我们可以进行批量的管理,比如更新或者删除。

转载于:https://www.cnblogs.com/wangting888/p/9702085.html

[慕课笔记] node+mongodb建站攻略相关推荐

  1. 免费jsp空间建站攻略【eatj】【入门】【教程】

    我的网站-免费jsp空间建站攻略 1 申请免费的jsp空间 1.1 进入 http://www.eatj.com 1.2 申请注册 1.3 注册成功 1.4 打开确认邮件,点击确认链接 1.5 确认成 ...

  2. 北风:史上最全wordpress建站攻略,无代码基础也能轻松搞定

    什么是执行力?就是特么的啥原理都不需要懂,只需要懂怎么做,然后按照步骤一个一个碾压过去,神挡杀神,佛挡杀佛.能做到这一点,就已经能超过很多人了.--北风 作为一个零代码基础的小白,建站过程中也是踩了好 ...

  3. wordpress怎么搜索别人_北风:史上最全wordpress建站攻略,无代码基础也能轻松搞定...

    什么是执行力?就是特么的啥原理都不需要懂,只需要懂怎么做,然后按照步骤一个一个碾压过去,神挡杀神,佛挡杀佛.能做到这一点,就已经能超过很多人了.--北风 作为一个零代码基础的小白,建站过程中也是踩了好 ...

  4. wordpress怎么搜索别人_北风:最全wordpress建站攻略,无代码基础的你也能搞定!...

    什么是执行力? 就是特么的啥原理都不需要懂,只需要懂怎么做,然后按照步骤一个一个碾压过去,神挡杀神,佛挡杀佛. 能做到这一点,就已经能超过很多人了. --北风 作为一个零代码基础的小白,建站过程中也是 ...

  5. 全免费建站攻略!freewebhostingarea空间+免费tk域名

    原文地址:http://www.cguage.com/2010/05/free_space_domain.html 前几天,无意中发现dot.tk提供的免费tk域名,现在已经开始支持绑定DNS了.而一 ...

  6. 写给屌丝程序员的免费空间个人blog的建站攻略

    我相信每个攻城师bloger都有一个自己拥有独立空间的梦想.找主机托管一年至少也得几百RMB吧,魔都这生活成本挣点钱还得不够养家糊口的,于是大家退而求其次在博客园落了脚.博客园作为屌丝程序员集散地,稳 ...

  7. 创造与魔法怎么自建服务器,创造与魔法自建服攻略大全_创造与魔法自建服建造方法、福利_玩游戏网...

    今天小编给大家带来的是创造与魔法自建服攻略大全,创造与魔法怎么自建服?自建服和官方服有什么不同?自建服有什么福利?接下来就和小编一起来看看吧,希望能够帮助到大家. 自建服的配置怎样? 自建服与官方大服 ...

  8. 超级菜菜鸟全程架站攻略(Mysql+Apche+PHP+Phpmyadmin+Zend,含本机安装)

    作者:蚂蚁啃骨头 时间:2005年5月1日 欢迎访问蚂蚁啃骨头社区:http://bbs.mykgt.com --本文是我5月份刚学PW一个来月时写的攻略,因自己对语言一窍不通,只好自己琢磨+摸索,用 ...

  9. Node.js建站笔记-使用react和react-router取代Backbone

    斟酌之后,决定在<嗨猫>项目中引入react,整体项目偏重spa模式,舍弃部分server端的模板渲染,将一部分渲染工作交给前端react实现. react拥有丰富的组件,虽然不如Back ...

最新文章

  1. UI设计培训之设计中的点线面-面
  2. Go 语言编程 — gorm 的数据完整性约束
  3. 领域驱动系列:三种领域逻辑组织模式的本质
  4. K8s 从懵圈到熟练 – 镜像拉取这件小事
  5. 最长公共回文子串(Longest_Common_Palindrome_Substring)
  6. android browser 书签 路径,Android Browser学习七 书签历史模块: 书签UI的实现(2)
  7. 玩转控件:重写/重绘Dev中MessageBox弹窗控件
  8. merge函数_c语言中的merge函数
  9. 处于RUNNABLE状态的Java线程未真正运行
  10. 【渝粤题库】广东开放大学 传播学理论与实务 形成性考核
  11. 【工具使用系列】关于 MATLAB 反馈神经网络,你需要知道的事
  12. 四部门联合约谈马云等蚂蚁集团有关人员,蚂蚁集团回应...
  13. 3.6 tensorflow 中LSTM和GRU模块使用意境级讲解
  14. Apache Flink 的迁移之路,2 年处理效果提升 5 倍
  15. Win装linux双系统教程
  16. 晶闸管的原理及伏安特性
  17. 广州华龙展贸考场——科目三
  18. 我去图书馆-抢座助手
  19. 蓝桥杯 试题 算法训练 P0704 回文数和质数
  20. 华为网络设备综合配置实验

热门文章

  1. Shiro切入Spring的方式
  2. 《Maven官方文档》POM文件(一)
  3. 《R数据可视化手册》一1.4 从Excel文件中加载数据
  4. 在Maven仓库中添加Oracle JDBC驱动
  5. Portal-Basic Java Web 应用开发框架:应用篇(十三) —— REST Convention
  6. 液态金属和Liquidmetal公司
  7. .Android开发在Eclipse环境中无法显示提示信息This element neither has attached
  8. android 弹出PopupWindow后背景逐渐变暗
  9. .class文件格式(java字节码文件的格式)
  10. Springboot搭建个人博客系列