好程序员web前端培训教程之Node Js流程

简介: 好程序员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,ExpressSocket.io构建。

 

  --Koa.js

 

  koa.js是下一代的Node.jsWeb框架。由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前端培训学员总结。

相关文章
|
1月前
|
开发框架 前端开发 JavaScript
ASP.NET Web Pages - 教程
ASP.NET Web Pages 是一种用于创建动态网页的开发模式,采用HTML、CSS、JavaScript 和服务器脚本。本教程聚焦于Web Pages,介绍如何使用Razor语法结合服务器端代码与前端技术,以及利用WebMatrix工具进行开发。适合初学者入门ASP.NET。
|
2月前
|
Web App开发 JavaScript 前端开发
Node.js 是一种基于 Chrome V8 引擎的后端开发技术,以其高效、灵活著称。本文将介绍 Node.js 的基础概念
Node.js 是一种基于 Chrome V8 引擎的后端开发技术,以其高效、灵活著称。本文将介绍 Node.js 的基础概念,包括事件驱动、单线程模型和模块系统;探讨其安装配置、核心模块使用、实战应用如搭建 Web 服务器、文件操作及实时通信;分析项目结构与开发流程,讨论其优势与挑战,并通过案例展示 Node.js 在实际项目中的应用,旨在帮助开发者更好地掌握这一强大工具。
53 1
|
2月前
|
Web App开发 JavaScript 前端开发
2024年5月node.js安装(winmac系统)保姆级教程
本篇博客为2024年5月版Node.js安装教程,适用于Windows和Mac系统。作者是一名熟悉JavaScript与Vue的大一学生,分享了Node.js的基本介绍、下载链接及简单安装步骤。安装完成后,通过终端命令`node -v`验证版本即可确认安装成功。欢迎关注作者,获取更多技术文章。
38 2
2024年5月node.js安装(winmac系统)保姆级教程
|
30天前
|
存储 JavaScript NoSQL
Node.js新作《循序渐进Node.js企业级开发实践》简介
《循序渐进Node.js企业级开发实践》由清华大学出版社出版,基于Node.js 22.3.0编写,包含26个实战案例和43个上机练习,旨在帮助读者从基础到进阶全面掌握Node.js技术,适用于初学者、进阶开发者及全栈工程师。
54 9
|
2月前
|
JavaScript
使用Node.js创建一个简单的Web服务器
使用Node.js创建一个简单的Web服务器
|
2月前
|
机器学习/深度学习 人工智能 JavaScript
JavaScript和TypeScript的未来发展趋势及其在Web开发中的应用前景
本文探讨了JavaScript和TypeScript的未来发展趋势及其在Web开发中的应用前景。JavaScript将注重性能优化、跨平台开发、AI融合及WebAssembly整合;TypeScript则强调与框架整合、强类型检查、前端工程化及WebAssembly的深度结合。两者结合发展,特别是在Vue 3.0中完全采用TypeScript编写,预示着未来的Web开发将更加高效、可靠。
53 4
|
2月前
|
开发框架 JavaScript 前端开发
TypeScript 是一种静态类型的编程语言,它扩展了 JavaScript,为 Web 开发带来了强大的类型系统、组件化开发支持、与主流框架的无缝集成、大型项目管理能力和提升开发体验等多方面优势
TypeScript 是一种静态类型的编程语言,它扩展了 JavaScript,为 Web 开发带来了强大的类型系统、组件化开发支持、与主流框架的无缝集成、大型项目管理能力和提升开发体验等多方面优势。通过明确的类型定义,TypeScript 能够在编码阶段发现潜在错误,提高代码质量;支持组件的清晰定义与复用,增强代码的可维护性;与 React、Vue 等框架结合,提供更佳的开发体验;适用于大型项目,优化代码结构和性能。随着 Web 技术的发展,TypeScript 的应用前景广阔,将继续引领 Web 开发的新趋势。
45 2
|
3月前
|
网络安全 开发工具 数据安全/隐私保护
|
2月前
|
JavaScript 前端开发 中间件
JS服务端技术—Node.js知识点
本文介绍了Node.js中的几个重要模块,包括NPM、Buffer、fs模块、path模块、express模块、http模块以及mysql模块。每部分不仅提供了基础概念,还推荐了相关博文供深入学习。特别强调了express模块的使用,包括响应相关函数、中间件、Router和请求体数据解析等内容。文章还讨论了静态资源无法访问的问题及其解决方案,并总结了一些通用设置。适合Node.js初学者参考学习。
51 1