美文网首页ITNotes
《Node + Express 快速搭建网站》学习笔记-0开发框

《Node + Express 快速搭建网站》学习笔记-0开发框

作者: 张大侠 | 来源:发表于2017-03-16 09:41 被阅读90次

1-1Node + Express 快速搭建电影网站

ch1-项目前期准备

开发框架

  • 后端:
    • Node.js:后端用Node.js来驱动
    • Express:能够帮助快速搭建应用
    • MongoDB:数据库
    • mongoose:对MongoDB快速建模的工具
    • jade:后端的模板引擎
    • Moment.js:时间和日期的格式化
    • npm:node安装自带工具,用于安装后面4个依赖包
  • 前端
    • jQuery类库
    • Bootstrap样式框架
    • 以上为网站前端的静态资源,存在版本依赖和版本管理,这里使用Bower(一个npm模块,需先由npm安装Bower)来安装
  • 本地开发环境
    • Grunt集成less(less文件的编译)、cssmin(样式的合并)、JSHint(语法检查)、UglifyJS(JS压缩)、mocha(前后端单元测试的实现)、nodemon(服务的自动重启)这些任务

开发步骤


1.需求分析
分析一共有几个页面,页面分别有什么样的内容和交互

2.项目依赖初始化
项目依赖的安装和初始目录的创建

3.入口文件编码
在后端创建入口文件并进行编码

4.创建视图
创建主要页面的视图(即模板)

5.测试前端流程
来跑通前后端的流程(浏览器发出请求,服务器接受请求并作出响应,浏览器收到响应)

6.样式开发,伪造模板数据
流程跑通后便可以进行样式开发及HTML DOM的填充,同时伪造一些模板的数据

7.设计数据库模型
这时候页面基本都有了,再基于页面的内容来进行提取和抽象,同时设计数据库的模型

8.开发后端逻辑
至此系统基本开发完成

9.配置依赖文件,网站开发结束
对前端静态资源版本和后端模块版本进行配置文件的生成

相关文章

  • 《Node + Express 快速搭建网站》学习笔记-0开发框

    1-1Node + Express 快速搭建电影网站 ch1-项目前期准备 开发框架 后端:Node.js:后端用...

  • Express 概述(一)

    Express是目前最流行的基于Node.js的Web开发框架,可以快速地搭建一个完整功能的网站。 Express...

  • Node组件——Express简介

    概述 Express是目前最流行的基于Node.js的Web开发框架,可以快速地搭建一个完整功能的网站。 Expr...

  • express-demo

    Express是目前最流行的基于Node.js的Web开发框架,可以快速地搭建一个完整功能的网站。 上面代码定义了...

  • express初步学习-中间件

    express学习——中间件 Express是什么? Express是一个基于Node.js平台的web应用开发框...

  • 用node.js在线备忘录

    在搭建网站之前,我们需要搭建一个网站的架子,我选择了Express基于 Node.js 平台,快速、开放、极简的 ...

  • express-node.js

    烨竹 简介 express 是基于node.js web 应用程式的一种开发框架,可以快速搭建一个功能完整的网站e...

  • mongodb,express

    Express 基于 Node.js 平台,快速、开放、极简的 Web (web应用 网站 ) 开发框架 expr...

  • Node express设置响应头解决跨域

    第一步搭建好环境 yarn add express 安装node服务器快速搭建框架express 设置请求头的方式...

  • 基于Node.js的Express框架

    一、什么是Express Express基于Node.js封装的,快速、开放、极简的 Node.js Web 开发...

网友评论

    本文标题:《Node + Express 快速搭建网站》学习笔记-0开发框

    本文链接:https://www.haomeiwen.com/subject/jtednttx.html