node独白(简介)

news/2024/7/19 13:25:07 标签: js, nodejs

文章目录

  • 1、`Node`是什么?
  • 2、怎么使用`Node`?
  • 3、使用第三方中间件
  • 4、使用数据库


  • 在回顾node之前,先推荐一个小插件 nodemon, 使用nodemon插件启动服务,当代码变化之后会自动重启node服务器。

1、Node是什么?

网上最多的就是什么异步编程啊,事件驱动啊,非堵塞IO等等,但是对于一名前端开发人员来说,node不过是拿来模拟后端服务器的一种手段罢了。

  • 比如说这么一个简单的服务器:
js">const http = require('http');

// 创建http.Server 的实例
// 第一个参数是请求体参数,第二个参数是响应体参数
http.createServer((req,res)=>{
    res.writeHead(200,{'Content-Type':'text/html'});
    res.write(`<h1>node.js</h1>`);
    res.end();
}).listen(8080,'127.0.0.1');
//listen设置的是浏览器访问的ip跟端口
console.log("HTTP server is running \r\n => at 127.0.0.1:8080");

把代码复制到本地,然后用node启动一下,一个简易版的服务器就完成了,至此我们就可以通过浏览器127.0.0.1:8080访问我们的服务器了。

在这里插入图片描述

2、怎么使用Node?

如1中简易版的服务器,就是使用原生node的http模块写的,但是为了方便模拟不同接口,在使用过程中,一般会使用第三方框架,如expresskoa等。


现在我们以express的使用为例:


  • 使用方法
  1. 初始化

yarn init或者npm inti

  1. 安装express
yarn add express --save-dev

# 或者使用npm

npm install express --save-dev
  1. 使用express
js">const express = require('express');

const app = express()

app.get('/',(req,res)=>{
    res.send('<h1>Node - express</h1>')
}).listen(3000)

console.log("server is running at 127.0.0.1:3000")
    
  • 在浏览器中访问127.0.01:3000的结果
    在这里插入图片描述

  1. 使用路由器

如果项目比较大的时候,我们可以使用router 集中管理路由。

  • 使用路由器的方法

4.1. 创建express应用,

js">const express = require('express')
const app = express()


4.2 使用router中间件

js">// 在上述代码的头部引入,新创建的router文件
const router = require('./router')
app.use(router)

4.3 在新建的router 文件中写路由

js">const express = require('express')
const router = express.Router()
router.get('/',(req,res)=>{
	res.send("访问/")
})


module.exports = router

3、使用第三方中间件

  • 使用方法
    3.1 搜索第三方
    3.2 查询不同中间件的不同使用
    3.3 app.use(...)

4、使用数据库

不同数据库可以搜索不同的,比如说使用MongoDB的话,可以使用mongoose,方便操作数据库.


---想要为所欲为,前后都得会---


http://www.niftyadmin.cn/n/508531.html

相关文章

Vue3使用less

文章目录1、配置使用2、遇到的问题1、配置使用 以less为例 1.1 使用vue add style-resources-loader 命令安装 1.2 安装完之后&#xff0c;会自动在package.json的同级目录下自动新建一个vue.config.js文件&#xff0c;内容如下&#xff1a; module.exports {pluginOptions: …

爬虫基本功系列之 -- requests库的使用

文章目录1、安装包2、 基本使用3、下载文件1、安装包 python pip3 install requests2、 基本使用 # 构建复杂请求import requests# 按需构建headersurl "https://www.baidu.com"headers {"Content-type" : "application/json","User-Ag…

问题 A: DS树--带权路径和

题目描述 计算一棵二叉树的带权路径总和&#xff0c;即求赫夫曼树的带权路径和。 已知一棵二叉树的叶子权值&#xff0c;该二叉树的带权案路径和APL等于叶子权值乘于根节点到叶子的分支数&#xff0c;然后求总和。如下图中&#xff0c;叶子都用大写字母表示&#xff0c;权值对…

苹果手机可左右滑动的bug

今日在开发微信小程序的时候&#xff0c;发现苹果手机在某些页面可以左右滑动&#xff0c;出现空白的情况&#xff08;安卓没有&#xff09;。 百思不得其解&#xff0c;之下一顿操作猛如虎&#xff0c;一看效果二百五。 最后发现是由于&#xff0c;自己设置了定位&#xff0c…

推荐几款微信小程序常用组件库

文章目录LinUIVantWeappTaroUILinUI Lin UI 是基于 微信小程序原生语法 实现的组件库。遵循简洁&#xff0c;易用的设计规范。 VantWeapp Vant 是有赞前端团队开源的移动端组件库&#xff0c;于 2016 年开源&#xff0c;已持续维护 4 年时间。Vant 对内承载了有赞所有核心业务…

微信小程序连续显示多个空格

因为在开发的时候&#xff0c;遇到了要连续显示多个空格的情况&#xff0c;回去翻阅文档&#xff0c;浪费了一定的时间&#xff0c;故作此记录。 使用text组件 解码解决

vue2.x 转vue3出现的问题合集及解决方法

文章目录1、关于应用的创建2、 关于vue-router3、关于第三方库的引用1、关于应用的创建 2、 关于vue-router export createWebHistory, createRouterwas not found in vue-router 更新vue-router yarn add vue-routernext --save-dev 3、关于第三方库的引用 按需加载antdv的时…

微信小程序使用vant weapp 的侧边导航栏的问题

今天在使用侧边导航栏的时候&#xff0c;发现导航栏的高度无法更改&#xff0c;最后暴力出奇迹&#xff0c;在最外层套个<view id"page"></view>,然后给page加全局高度解决问题。 --每天一个小技巧---