WebStorm创建第一个Express项目

news2025/7/19 9:03:55

WebStorm创建Express项目步骤如下:

1、在WebStorm创建项目 选择项目存储位置,然后点击create,再选择创建的窗口,一般都是创建在this window上

 

 2、进入窗口会终端会开始下载Express项目所需要的文件,我们等到出现如下图所示就可以继续进行下一步操作了。

3、我们可以在www文件查看我们的端口号,然后点击右上角的绿色小三角运行测试一下项目是否创建成功。

4、打开浏览器输入http://localhost:3000或者http://127.0.0.1:3000,浏览器显示下图所示,则表示我们的项目创建成功。

5、安装第三方模块

(1)安装nodemon模块:主要作用是见识服务器端的程序是否修改,若修改则会自动重启服务器

        a、安装指令:npm install nodemon         

        b、在package.json修改以下配置

        "scripts": {
            "start": "nodemon ./bin/www"
          },

(2)使用nodemon模块:npm start   如下图所示表示已启动服务器。

 6、自定义路由中间件

(1)路由中间件:是用来响应客户端的http请求

(2)创建的步骤:

        第一步:导入express模块

const express = require('express');

        第二步:使用express模块创建路由器router

const router = express.Router();

        第三步:创建响应模块

        第四步:导出路由器router

module.exports = router;

7、响应客户端请求的业务模块:

        get(path,callback);

        参数path:是字符串;代表客户端请求时的地址  参数callback:回调函数

8、响应对象res的常用方法

(1)res.send(参数):参数可以是字符串,也可以是json格式的对象,参数值会被发送给客户端

(2)res.json(参数):参数是json格式的对象

9、在app.js文件中对自定义的路由中间件进行配置

第一步:导入自定义的路由文件

var employeeRouter = require('./routes/employee');

 第二步:配置自定义路由文件的路径

app.use('/employee', employeeRouter);

 注:路由路径的拼接

http://localhost:3000/employee/one

路由路径拼接时需要注意的问题

(1)'/':表示服务器的根目录。当服务器的根是http://localhost:3000

(2)拼接:http://localhost:3000+app.js文件中配置的文件+路由文件中的路径

10、前后端交互

(1)客户端向服务端发送get请求同时向服务端传递参数

(2)在服务端接收客户端用get方式发送的参数      req.query

(3)服务端接收客户端用post方式发送的参数       req.body

11、Express项目中的跨域设置:在服务端进行跨域设置 —— cors方式

(1)在服务端安装cors模块 指令:npm install cors

 (2)在app.js文件中进行跨域配置

        服务器向客户端响应json格式的数据

注:

(1)路由地址的拼接

(2)跨域模块cors的配置顺序:必须是路由路径设置之前配置

(3)模块化:导出,导入时需注意命令

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/38029.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

C++中的多态(下)

🧸🧸🧸各位大佬大家好,我是猪皮兄弟🧸🧸🧸 文章目录一、C11当中的final和overridefinaloverride二、重载&重定义(隐藏)&重写(覆盖)三、抽象类(接口类)四、接口继…

Hive数据定义语言DDL

文章目录1 Apache Hive客户端使用2 Hive编译工具3 Hive SQL DDL建表基础语法3.1 Hive数据类型详解3.2 Hive读写文件机制3.3 Hive数据存储路径3.4 案例--王者荣耀数据Hive建表映射4 Hive SQL DDL建表高阶语法4.1 Hive 内部表、外部表4.2 Hive Partitioned Tables 分区表4.3.1 数…

第九章 堆排序与TOPK问题

第九章:堆排序与TOPK问题一、堆排序:1、思路分析:(1)建堆(2)排序2、堆排序模板二、TOPK问题:1、什么是TOPK问题?2、解决方法一、堆排序: 假设我们实现一个小…

【数据结构】二叉树

目录 一、树 1.1树的一些重要概念 1.2树的应用 二、二叉树 2.1概念 2.2两种特殊的二叉树 二叉树的第一个特点 二叉树的第二个特点 二叉树的第三个特点: 2.3二叉树的存储 2.4二叉树的遍历-深度优先搜索(二叉树的高度)dfs 前序遍历…

Java学习:动态代理

java一、代理模式二、静态代理三、动态代理一、代理模式 代理模式是一种设计模式,能够使得再不修改源目标的情况下,额外扩展源目标的功能。即通过访问源目标的代理类,再由代理类去访问源目标。这样一来,要扩展功能,就无需修改源目标的代码了。只要在代理上增加就可以了 二、静态…

CSAPP学习导航2015

CSAPP学习导航2015为什么要学这个课程前后置前置后置课程资料课程视频课程组成实验,lab*7学完后学习打卡总结为什么要学这个 深入浅出的为我们搭建计算机学习体系,为以后更深入的学习打好基础。 (这学学,那学学,所学太…

iwebsec靶场 SQL注入漏洞通关笔记4- sleep注入(时间型盲注)

系列文章目录 iwebsec靶场 SQL注入漏洞通关笔记1- 数字型注入_mooyuan的博客-CSDN博客 iwebsec靶场 SQL注入漏洞通关笔记2- 字符型注入(宽字节注入)_mooyuan的博客-CSDN博客 iwebsec靶场 SQL注入漏洞通关笔记3- bool注入(布尔型盲注&#…

语法制导翻译(Syntax-Directed Translation)

语法制导翻译(Syntax-Directed Translation)语法制导翻译概述语法制导定义(SDD)文法符号的属性SDD 求值顺序S-SDD 和 L-SDD语法制导翻译方案(SDT)S-SDD的SDT实现L-SDD的SDT实现在非递归的预测分析过程中进行…

LeetCode HOT 100 —— 32.最长有效括号

题目 给你一个只包含 ‘(’ 和 ‘)’ 的字符串,找出最长有效(格式正确且连续)括号子串的长度。 思路 方法一:动态规划 定义dp[i]表示以下标i结尾的最长有效括号的长度,并全部初始化为0 注意到有效的子串一定是以’…

AOP实现方式-P20,21,22

项目的包&#xff1a; pom依赖导入有关aop的包&#xff1a; <dependencies><!-- https://mvnrepository.com/artifact/org.aspectj/aspectjweaver --><dependency><groupId>org.aspectj</groupId><artifactId>aspectjweaver</artifactI…

【PyTorch】Training Model

文章目录七、Training Model1、模型训练2、GPU训练2.1 .cuda()2.2 .to(device)2.3 Google Colab3、模型验证七、Training Model 1、模型训练 以CIFAR10数据集为例&#xff1a; import torchvision from torch.utils.data import DataLoader from torch.utils.tensorboard im…

【算法】2022第五届“传智杯”全国大学生计算机大赛(练习赛)

【参考&#xff1a;第五届“传智杯”全国大学生计算机大赛&#xff08;练习赛&#xff09; - 洛谷 | 计算机科学教育新生态】 练习赛满分程序&#xff08;多语言&#xff09;&#xff1a;https://www.luogu.com.cn/paste/fi60s4yu CPU一秒大概运行 10810^8108 次&#xff0c;…

年产10万吨环氧树脂车间工艺设计

目 录 摘 要 1 ABSTRACT 2 1 绪论 3 1.1环氧树脂的基本性质 3 1.2 环氧树脂的特点和用途 3 1.3环氧树脂发展的历史、现状及趋势 3 1.3.1环氧树脂的发展历史 4 1.3.2环氧树脂的生产现状 4 1.3.3 环氧树脂的发展趋势 5 1.4本设计的目的、意义及内容 5 1.4.1本设计的目的 5 1.4.2…

Matlab顶级期刊配色工具Rggsci

颜色搭配是一件非常让人头疼的事情。 一方面&#xff0c;如果忽视了配色&#xff0c;就好像是做菜没放盐&#xff0c;总会感觉少些味道。 另一方面&#xff0c;如果太注重配色&#xff0c;又感觉不是很有必要&#xff0c;毕竟数据结果好看才是第一位的。 想要平衡两者&#…

18.4 嵌入式指针概念及范例、内存池改进版

一&#xff1a;嵌入式指针&#xff08;embedded pointer&#xff09; 1、嵌入式指针概念 一般应用在内存池相关的代码中&#xff0c;成功使用嵌入式指针有个前提条件&#xff1a;&#xff08;类A对象的sizeof必须不小于4字节&#xff09; 嵌入式指针工作原理&#xff1a;借用…

文华财经期货K线多周期画线技术,多重短线技术共振通道线指标公式——多周期主图自动画线

期货指标公式是通过数学逻辑角度计算而来&#xff0c;仅是期货分析环节中的一个辅助工具。期货市场具有不确定性和不可预测性的&#xff0c;请正常对待和使用指标公式! 期货指标公式信号本身就有滞后性&#xff0c;周期越大&#xff0c;滞后性越久。指标公式不是100%稳赚的工具…

cocos2dx创建工程并在androidstudio平台编译

本文主要是通过androidstudio进行编译运行cocos2dx工程。 前置条件&#xff1a; 1&#xff1a;androidstudio已经下载并安装。 2&#xff1a;cocos2dx已经下载并打开。 这里androidstudio使用2021.3.1版本&#xff0c;cocos2dx使用4.0版本。 第一步&#xff0c;首先安装py…

Hive之数据类型和视图

Hive系列 第八章 数据类型和视图 8.1 数据类型 8.1.1 原子数据类型 &#xff08;其实上图中有一点错误&#xff0c;大家可以找找看&#xff09; 说明&#xff1a; 1、Hive 支持日期类型(老版本不支持)&#xff0c;在 Hive 里日期一般都是用字符串来表示的&#xff0c;而常用…

STC 51单片机40——汇编语言 串口 接收与发送

实际运行&#xff0c;正常 ; 仿真时&#xff0c;单步运行&#xff0c;记得设置虚拟串口数据【仿真有问题&#xff0c;虚拟串口助手工作不正常&#xff01;】 ORG 0000H MOV TMOD ,#20H ;定时器1&#xff0c;工作方式2&#xff0c;8位重装载 MOV TH1,#0FDH ; 波特率…

智慧酒店解决方案-最新全套文件

智慧酒店解决方案-最新全套文件一、建设背景为什么要建设智慧酒店一、智慧酒店功能亮点 &#xff1a;二、智慧酒店八大特色&#xff1a;二、建设思路三、建设方案四、获取 - 智慧酒店全套最新解决方案合集一、建设背景 为什么要建设智慧酒店 一、智慧酒店功能亮点 &#xff1…