Node.js脚手架express与前段通信【socket】

框架是一个项目的重中之重,一个团队中,别人的代码给你拿来,不能够完完全全的通读每一个字节,此时,框架的使用,便是我们沟通的桥梁。

express通用生成器是众多框架的一种。帮我们快速的构建一个项目。  

他的安装方法:

  一:$npm i express-generator -g(全局安装)

  二:npx安装

使用:

  ----全局安装的使用: express -e

  ---npx的使用: npx express -e

/*这里 -e代表ejs类型 ,还有pug(前身是jade)和 hbs

-e, --ejs add ejs engine support
--pug add pug engine support
--hbs add handlebars engine support */

 首先 ,要认识项目目录结构 1.package.json 看 依赖:小写dependences 生产依赖-S(项目某个东西以后一直用就是生产依赖)

大写D是开发依赖。-D

之后找到项目启动文件:bin/www

     他是通过http做了一个服务器,默认端口是3000,并且这个文件中引入了一个app文件,这个文件是讲createServer中的回调函数放到了外面。以模块化的形式使用的,这个文件就是 “入口文件”

---》看 app。js

express构造 (express由路由和中间件构成)

路由:作用可以完成页面的链接或接口的打造

中间件:中间件是一个函数,一个具有特定功能的函数

中间件三个类型:1.应用级中间件  2.路由中间件 3.错误处理中间件

打造express:

routes文件夹里写一个xxx.js

const express=require('express');

const router=express.Router();

router.get('/home',function(req,res,next){

res.render('home',{

data:"zhangsan"

  })

})

  module.exports=router;

})

在views文件夹建立xxx.ejs

可以写<h1> <%= data%>   </h1>  

终端 运行(”node ./bin/www”)

"nodemon ./bin/www"
页面会展示data

 。。。。。。

猜你喜欢

转载自www.cnblogs.com/zhangzhouy/p/11355467.html
今日推荐