2021-06-13 使用node进行前后端交互的步骤

最新推荐文章于 2023-02-13 17:36:44 发布
最新推荐文章于 2023-02-13 17:36:44 发布
阅读量343 收藏
点赞数
分类专栏： js 文章标签： node node.js 前后端交互 js 服务器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/rowlet/article/details/117849000
版权
本文指导您如何从创建data.json数据库，到设置server.js服务器，再到前端login.html登录页面，一步步构建一个完整的开发流程，包括启动服务器、调整URL访问。涉及的技术栈包括Node.js、HTTP、JSON和基本的前端技术。
摘要由CSDN通过智能技术生成
step1 准备一个数据库文件data.json

其格式是一个以键值对形式存在的json字符串为数组元素的数组

step2 准备一个服务器文件server.js

其内容至少包含有node的http等内置模块,开启服务器并设置监听的端口号

step3 准备一个前端网页文件 login.html
step4 在相应的目录路径下打开cmd小黑框,输入命令 node server.js,表示开启服务器
step5 在浏览器地址栏中文件名之前的路径改成localhost:端口号
前端OnTheRun
关注
专栏目录
关于node.js链接数据库实现前后端交互小案例总结
徐菲的博客
08-05 625
#MySQL 首先我们来了解一下mysql数据库,数据库称作电子化的文件柜，以一定方式存储，多个用户共享，有尽可能小的冗余度，与应用程序彼此独立的数据集合.在数据库表中有唯一主键，常用数据库操作语句也就是增insert into 删 delete改 updata查select ##数据库常用语法 //插入数据 INSERT INTO `` (`id`,`name`,`pwd`,`tel`,`sex...
node + mysql 实现前后端简单交互
咿呀咿呀呦~
12-01 1780
前言 上上周给实习生布置个简单的前后端交互的任务，需求比较简单，如下图中所示： 给了他们两周的时间，一边学习一边做这个 demo。 前几天他们中都在问我前后端交互怎么做，都不知道是怎么做的。于是我给他们做了个demo参考 前后端交互逻辑 对于他们反应的问题，我首先给他们说了下前后端交互逻辑，然后画了一张草图，如下所示： 发给他们后还是有人反应太难了，做不出来，于是乎我就做了个简单的demo。 demo 示例 我自己分了几个步骤： 搭建 node 服务器 配置路由 连接mysql数据库 处理前端请求
回顾一下ajax并且node连接前后端
qq_41028725的博客
01-01 244
1.短连接与长连接 短连接：通过客户端与服务器握手，并且发送数据，服务器处理完数据返回客户端之后断开连接 长连接：通过客户端和服务器握手后，两方不再断开连接，数据可以相互发送 2.前端与node通信 (1)get请求 let xhr = new XMLHttpRequest(); xhr.open('GET','http://192.168.124.15:3003?user=wq&age=...
前端如何高效的与后端协作开发
MichaelAn的博客
02-13 533
前端如何高效的与后端协作开发 前端如何高效的与后端协作开发 产品设计的时候，要有宏观思维，为什么要开发这个软件，作用是什么，整个生态里面它扮演什么角色。 技术选型的时候，要有中观思维，把软件看成不同模块的集合体，明确每个模块的作用。 代码开发的时候，要有微观思维，函数怎么写，循环体怎么优化，单元测试怎么构造。 ...
前后端交互（二）| Node+Gulp | （3）请求响应原理及HTTP 协议
Better_Xing的博客
10-19 1365
请求响应原理及HTTP协议 文章目录请求响应原理及HTTP协议1. 服务器端基础概念1.1 网站的组成1.2 Node网站服务器1.3 IP地址1.4 域名1.5 端口1.6 URL1.7 开发过程中客户端和服务器端说明2. 创建web服务器3. HTTP协议3.1 HTTP协议的概念3.2 报文3.3 请求报文3.4 响应报文4. HTTP请求与响应处理4.1 请求参数4.2 GET请求参数4.3 POST请求参数4.4 路由4.5 静态资源4.6 动态资源4.7 客户端请求途径5. Node.js异步
前后端交互 Node
weiweianx的博客
03-03 1121
Node开发概述 服务器开发要实现的功能 实现网站的业务逻辑； 数据的增删改查； 为什么选择Node？ 使用JavaScript语法开发后端应用； 一些公司要求前端工程师掌握node开发； 生态系统活跃，有大量开源库可以使用。 Node是一个基于Chrome V8引擎的js代码运行环境； 运行环境 浏览器（软件），能够运行JavaScript代码，就是js代码的运行环境； Node（软件），能够运行JavaScript代码，就是js代码的运行环境； 官网：点击跳转到官网 当前会使用的
利用Node.js+Koa框架实现前后端交互的方法
01-20
总结起来，利用Node.js和Koa框架实现前后端交互的关键步骤包括： 1. 安装并配置Node.js环境。 2. 初始化项目，安装Koa和相关依赖。 3. 创建`app.js`设置路由和处理逻辑。 4. 创建服务层文件处理具体业务逻辑，如请求...
Shopping-Cart-Application:使用Node.js和Express.js制作的简单购物清单购物车应用程序
05-26
首先，Node.js是一个基于Chrome V8引擎的JavaScript运行环境，它让开发者能够在服务器端使用JavaScript进行编程，打破了JavaScript只能在浏览器中运行的限制。而Express.js是Node.js的一个Web应用框架，它提供了一...
【方法】html调用本地python程序进行交互 前后端交互.zip
01-10
在现代Web应用开发中，前后端交互是必不可少的环节，特别是在动态网页中，用户与服务器之间的数据交换至关重要。本教程将详细介绍如何通过HTML调用本地Python程序实现这种交互。我们将探讨涉及的技术点，包括HTML、...
2021-2022收藏的精品资料2021-2022年XX公司程序员工作计划.docx
09-16
- 前后端分离：前端动态渲染表单，后端提供配置数据。 #### 二、自我提升与规划 **知识点5：技术学习路径** - **重要性**：持续学习新技术有助于跟上行业发展步伐，提高个人竞争力。 - **方向选择**： - 前端...
前后端交互（二）| Node+Gulp |（1）Node.js基础
Better_Xing的博客
10-19 793
Node.js基础 文章目录Node.js基础@[toc]1. Node开发概述1.1 为什么要学习服务器端开发基础1.2 服务器端开发要做的事情1.3 为什么选择Node1.4 Node是什么2. Node运行环境搭建2.1 Node.js运行环境安装2.2 Node环境安装失败解决办法2.2.1 错误代号2502、25032.2.2 执行命令报错2.3 PATH环境变量3. Node.js快速入门3.1 Node.js 的组成3.2 Node.js基础语法3.3 Node.js全局对象global 1.
node的http与前端交互示例（入门）
weixin_30480075的博客
09-16 146
一、目录(node_modules是npm install后新增的) node 和 npm 版本 npm install http 二、node下的index.js var http = require('http') http.createServer(function (request, response) { response....
前后端交互——Node基础
友人A的博客
08-08 1089
1. Node开发概述 Node是一个基于Chrome V8引擎的JavaScript代码运行环境。 2. Node运行环境搭建 Node.js运行环境安装 官网：https://nodejs.org/en/ LTS：长期支持版，稳定版 Current：拥有最新特性，实验版 3. Node.js快速入门 3.1 Node.js的组成 JavaScript由三部分组成：ECMAScript，DOM，BOM。 Node.js是由ECMAScript及Node环境提供的一些附加API组成的，包括文件、网络、
node-前后端交互
weixin_48879122的博客
08-30 1176
本篇讲述了怎么在后端获取前端传输的数据，以及怎么返回前端响应；
初识nodejs 前后数据交互，获取数据库数据。
web_wq
09-22 4873
1.环境 如果你已经做到数据交互，那么环境就不是问题啦，自己上菜。 2.接收前台数据mysqldb.js。 let db = require('mysql') let express = require('express') let app = express() app.all('*',function(req,res,next){ res.header('Acces...
前端笔记1——初识node.js和express，第一个简单后端服务程序的开发
weixin_42844704的博客
02-01 943
学习前后端分离，必须首先要自己会搭建简单的前后段环境，最简单的就是使用node.js的express框架，通过这个框架，我们几分钟就可以搭建出后端服务。 非常简单。我们直接上步骤： 1.登上NODE.JS官网下载安装包并安装 地址：http://nodejs.cn/ 选择符合自己电脑操作系统的安装包，选择地址一直下一步就可以。 打开cmd输入node -v校验node.js安装正确 ![打开cmd校验node.js安装版本](https://img-blog.c...
nodejs连接postgresql_nodejs连接postgreSQL数据库
weixin_32095133的博客
12-23 901
nodejs连接pg数据库有两种方式，一种是直接连接、操作、断开还有一种是使用连接池，这种方式可以有效提升多并发的效率下边是使用两种不同方式的测试代码：var pgOpt = require('pg');/** 使用连接池* */function connectPgWithPool() {var pgConfig = {user: 'postgres',database: 'postgres',p...
nodejs前后端通信基础示例（express）
more_HH
09-24 310
后端 1.安装body-parser npm install body-parser 代码添加到Index.js: var bodyParser = require("body-parser"); var adminApp = express() adminApp.use(bodyParser.urlencoded({ extended: false })); 添加对请求的路由： var router = express.Router(); router.post("/AAA", (req
Electron+React如何进行通信
接着奏乐接着舞的博客
06-28 4231
目录前言：2.一些理解：3.数据交互4.前后端交互5.一些代码举例：Electron是使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序项目的技术栈为：Electron + React Hooks + typescript 前端发送请求：其中 可以理解为调用的方法名，需要后端对该方法进行监听。 后端接受请求： 反过来：后端发送请求：其中mainWindow为项目启动时创建的窗口，如果创建了多个窗口，可以向指定的窗口发送请求。 前端监听请求 5.一些代码举例：
node+mysql实现前后端交互
最新发布
05-30
好的，这个问题涉及到 Node.js 和 MySQL 的使用，需要分几个步骤来实现前后端交互。我将简单介绍一下这些步骤： 1. 安装 Node.js 和 MySQL：首先需要安装 Node.js 和 MySQL 数据库。 2. 创建数据库和数据表：使用 MySQL Workbench 或者命令行工具创建一个数据库，并在其中创建一个数据表。 3. 安装 MySQL 模块：在 Node.js 中连接 MySQL 数据库需要使用 MySQL 模块，使用 npm 命令安装即可。 4. 创建 Node.js 服务器：在 Node.js 中创建一个服务器，监听客户端的请求，使用 Express 框架可以更加方便地实现路由和中间件功能。 5. 编写 API 接口：在 Node.js 中编写 API 接口，处理客户端的请求，并与数据库进行交互，执行相关的 CRUD 操作。 6. 发送请求：在前端页面中，使用 Ajax 发送请求到后端 Node.js 服务器，获取数据并渲染页面。 以上是一个简单的实现前后端交互的流程，具体实现细节还需根据项目需求和开发经验进行调整和优化。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端OnTheRun

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值