• 微信公众号:美女很有趣。 工作之余,放松一下,关注即送10G+美女照片!

WEB前端初学者笔记(13)–node

开发技术 开发技术 4小时前 1次浏览

一、node是什么

简单的说 Node.js 就是运行在服务端的 JavaScript。

Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。

Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。

二、如何安装并检查是否安装好node

https://nodejs.org/zh-cn/官网安装

WIN+R输入 node -v检查版本号,出现版本号则证明安装成功

三、如何配置node

Node.js 引发了前后端开发的爆发,尤其是前端。 JS 开发者众多,所以贡献开源代码的人就非常多,所有这些凝结成了 npm 这个世界上最大的软件包仓库,npm社区里的代码在国外,我们由于某些原因,不能正常的使用npm社区的内容,于是我们使用阿里巴巴的淘宝镜像,需要我们修改npm的默认下载地址,

##先查看一下我们当前的镜像地址
npm config get registry
##如果你以前没有修改过,则此时出现的地址应该是 https://registry.npmjs.org/,这是国外的镜像地址
##我们需要修改成国内的淘宝镜像
npm set registry https://registry.npm.taobao.org
##修改过后,再次查看一下当前镜像地址予以确认
npm config get registry
##确认网址无误即可进行下一步

四、搭建并使用express框架

1.创建新项目

首先,创建一个不包含汉字的任意名称的文件夹

在cmd命令框中输入nmp init -y 初始化项目,输入完毕后会在文件夹下新建一个package.json文件

2.安装express

输入npm install express 或者 npm i express

即可看到一个进度条,进度完成后打开package.json,里面多了dependencies字段,其中有express以及其版本就是安装成功,还可以查看BS文件夹下,此时多了node_modules文件夹,打开会发现其中有很多个文件夹,其中有一个文件夹的命名是express,这个文件夹就是我们所需的文件,其他的都是express所需要的依赖包。

3.安装art-template 和express-art-template

在cmd中输入npm i art-template express-art-template

4.在文件夹下新建一个JS文件夹作为后端的入口文件

其中内容为

var express=require('express')//引入express

var app=express()

app.engine(‘html’,require(‘express-art-template’))
app.use(express.urlencoded({entended:false}))
app.use(express.json())

app.get('/',function (req,res) { res.send('hello,node!') })

 app.post(‘/index’,function (req,res){
   
     res.render(‘index.html’)
  } )

app.listen(3000)//设置端口号

 

代码解析:

1.
app.get('/',function (req,res) { res.send('hello,node!') })
  app.post(‘/index’,function (req,res){
   
       res.render(‘index.html’)
  } )

req和res命名不固定,但是在函数中,无论以什么名字存在,前者那个一定是前端给后端,后者那个一定是后端给前端
使用res.send可以后端向前端发送语句
使用res.render可以后端向前端发送网页

 get的参数用req.require获取

 post的参数用req.body获取

 GET会把输入的参数展示在URL中,适用于网址,有利于明白自己所处的网页

 POST不会把参数展示在URL中,适合于用户隐私性问题,比如密码、姓名等

get里面”/“是用来精确前端URL输入的是什么,就执行哪一个app.get,默认是'/',所以在页面复制链接时后面都会有/,但是如果定义一个为/index用户在输入URL时在/后面输入个index就会精确执行定义为'/index'的函数
另外,表单提交的时候也会提交一个URL,例如action="/login",就会在网址后加个/login,在js中再加入一个'/login',就会执行表单提交后的相应代码

2.
app.engine(‘html’,require(‘express-art-template’))

是用来调用之前下载的包express-art-template,调用之后,才能打开后端给的页面

 3.

app.use(express.urlencoded({entended:false}))
app.use(express.json())
这是使用express里的一些文件,解析表单,获取表单内容

 

 

 

 

 


程序员灯塔
转载请注明原文链接:WEB前端初学者笔记(13)–node
喜欢 (0)