好程序员web前端学习教程之Node Js流程

　　好程序员web前端学习教程之Node Js流程1，项目前期准备：

　　以express框架为例

　　npmiexpress-generator-g//全局安装express框架

　　express-e//生成express应用骨架

　　npmi//安装依赖

　　npmstart//在3000端口监听

　　拓展：目前最市面上最流行的node框架有：

　　--Sail.js

　　Sails.js就像是Node.js平台上的Rails框架。这是一个可靠可伸缩的开发框架，面向服务的架构，提供数据驱动的API集合。用来开发多玩家游戏、聊天应用和实时面板引用很是方便，也可用于开发企业级Node.js应用。

　　Sails.js基于Node.js,Connect,Express和Socket.io构建。

　　--Koa.js

　　koa.js是下一代的Node.js的Web框架。由Express团队设计。旨在提供一个更小型、更富有表现力、更可靠的Web应用和API的开发基础。

　　Koa能够经过生成器摆脱回调，极大地改进错误处理。Koa核心不绑定任何中间件，但提供了优雅的一组能够快速和愉悦地编写服务器应用的方法。

　　2,项目开始

　　--利用bootstrap完成布局(或者使用bulma前端css框架也很方便)

　　--把须要复用的小组件放在一个文件夹在,这里我新建了一个commjs目录

　　--构造函数中加载DOM结构(面向对象思想)

　　--把一切须要重复使用的组件模块化，哪里须要哪里引入，代码复用

　　3，理解mvc

　　--控制器Controller：

　　是应用程序中处理用户交互的部分。

　　一般控制器负责从视图读取数据，控制用户输入，并向模型发送数据。

　　做用：根据路由中设置的路径不一样，调用控制器中对应的方法(函数)，

　　res.body=>获取post请求中传递的参数

　　res.query=>获取get请求中的数据

　　业务逻辑基本都在控制层，调用模型中相对应的函数，把须要传递的数据做为参数传递进去

　　--模型Model

　　Model(模型)是应用程序中用于处理应用程序数据逻辑的部分。

　　做用：一般模型对象负责在数据库中存取数据。

　　由于模型中的函数须要在控制器里调用，因此在最后须要导出模型。

　　模型里,涉及到数据库的操做须要依赖mogoose包

　　模型处理数据会返还一个promise对象，成功或者失败经过Promise.then调用控制器里传递过来的成功或者失败的函数

　　再由控制器res.json返还到前端

　　--View(视图)

　　是应用程序中处理数据显示的部分。

　　一般视图是依据模型数据建立的

　　4,前端到后端

　　做为前端若是咱们须要拿到后端的数据，就得发送ajax请求，若是涉及到文件操做，就必须用post请求

　　经过不一样的url(在app.js里设置过)，拿到不一样的数据

　　view-Controller-Model，根据返还的数据渲染页面

　　这里仍是MVC模式，因此MVC流程必须得熟悉。

　　5,功能

　　登陆:

　　涉及到数据库的操做，查询的结果是Promise对象，

　　控制器里面的操做仍是那么回事,前端传递到控制器的参数，一个成功的回调，一个失败的回调

　　模型里promise.then()决定调用成功或者失败的函数，传到控制器回调，控制器res.json返还到信息前端

　　须要保存用户登陆信息：npmicookie-session--save

　　app.js中配置cookie-session中间件

　　检查是否登陆：

　　前端加载时，发送ajax请求，根据响应信息，判断是否登陆，渲染登陆效果

　　点击退出时，把req.session置为null

　　**fromData.append("","")能够追加请求信息

　　6,关于文件上传

　　--涉及到文件上传，在服务器端(路由)中引入

　　multer模块npmimulter--save

　　--配置文件上传，cv原则，修改保存位置和命名规则便可

　　--路由里，回调函数前加一个文件上传的方法

　　router.post('',upload,single('文件上传表单name名')，fn)

　　--控制器判断是否有文件上传(res.file)

　　若是有用变量储存文件路径=>constfile="/路由中配置的保存路径/"+req.file.filename

　　7,mvc意义

　　MVC分层有助于管理复杂的应用程序，由于您能够在一个时间内专门关注一个方面。例如，您能够在不依赖业务逻辑的状况下专一于视图设计。同时也让应用程序的测试更加容易。

　　MVC分层同时也简化了分组开发。不一样的开发人员可同时开发视图、控制器逻辑和业务逻辑。

　　8，总结

　　Node.js实现了先后端分离，把mvc理解以后，全部的操做都是循序渐进，前端请求到后端数据，只用根据请求到的数据来渲染页面，后端控制器里主要负责业务逻辑，模型里面保存的是数据(mongodb是非关系型数据库，须要转化成关系型数据库)。控制器联系着显示层和模型，它决定后端返回什么数据，前端能拿到什么数据

　　本文由好程序员web前端培训学员总结。