好程序员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前端培训学员总结。
低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
什么是裸金属服务器?裸金属服务器架构原理详解
裸金属服务器再度流行,目前阿里云、华为云、腾讯云等各大厂商都推出了自己的裸金属服务器,那么到底什么是裸金属服务器?裸金属服务器的架构原理是什么?云吞铺子分享: 什么是裸金属服务器? 裸金属服务器(Bare Metal Server)类似云上的专属物理服务器,在拥有弹性灵活的基础上,具有高性能的计算能力。计算性能与传统物理机无差别,具有安全物理隔离的特点。 裸金属服务器再度流行? 目前云计算各大厂商都推出了自己的裸金属服务器,例如:阿里云的弹性裸金属服务器(神龙),腾讯云的黑石服务器,华为的BMS裸金属服务器,为何裸金属服务器再度流行?主要是由于以下几点原因: 物理机才有安全感 部分企业,尤其是大型企业,对于将私有数据中心迁移到公有云有些许担忧,裸金属服务器可以给用户物理机一样的安全感。 性能要求较高 如果用户的应用程序对性能要求敏感,这时候选择裸金属服务器是最佳的选择。 安全监管 某些应用场景对数据安全和监管要求非常严格,虚拟机无法满足用户要求,需要独占物理机,显然裸金属服务器是比较合适的选择。 传统托管的弊端 用户选择传统的服务器托管模式需要耗费更多时间去采购设备、部署等,这个流程比...
- 下一篇
ASP.NET Core 入门教程 9、ASP.NET Core 中间件(Middleware)入门
ASP.NET Core 入门教程 9、ASP.NET Core 中间件(Middleware)入门一、前言1、本教程主要内容ASP.NET Core 中间件介绍通过自定义 ASP.NET Core 中间件实现请求验签2、本教程环境信息软件/环境 说明操作系统 Windows 10SDK 2.1.401ASP.NET Core 2.1.3MySQL 8.0.xIDE Visual Studio Code 1.32.3浏览器 Chrome 70VS Code插件 版本 说明C# 1.17.1 提供C#智能感知, .NET Core 调试、编译等vscdoe-solution-explorer 0.3.1 提供解决方案视图本篇代码以下代码进行调整:https://github.com/ken-io/asp.net-core-tutorial/tree/master/chapter-02 3、前置知识可能需要的前置知识 C# 委托(Delegate)http://www.runoob.com/csharp/csharp-delegate.html C# 扩展方法https://docs.mi...
相关文章
文章评论
共有0条评论来说两句吧...
文章二维码
点击排行
推荐阅读
最新文章
- CentOS8编译安装MySQL8.0.19
- CentOS8,CentOS7,CentOS6编译安装Redis5.0.7
- SpringBoot2整合MyBatis,连接MySql数据库做增删改查操作
- SpringBoot2整合Redis,开启缓存,提高访问速度
- SpringBoot2配置默认Tomcat设置,开启更多高级功能
- Hadoop3单机部署,实现最简伪集群
- CentOS7,CentOS8安装Elasticsearch6.8.6
- CentOS6,7,8上安装Nginx,支持https2.0的开启
- Docker使用Oracle官方镜像安装(12C,18C,19C)
- SpringBoot2编写第一个Controller,响应你的http请求并返回结果