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

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

ch1-项目前期准备

开发框架

《Node + Express 快速搭建网站》学习笔记-0开发框架与步骤_第1张图片
  • 后端:
    • 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(服务的自动重启)这些任务

开发步骤

《Node + Express 快速搭建网站》学习笔记-0开发框架与步骤_第2张图片

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

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

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

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

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

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

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

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

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

你可能感兴趣的:(《Node + Express 快速搭建网站》学习笔记-0开发框架与步骤)