• 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

     。。。。。。

  • 相关阅读:
    C++ SOCKET 基础编程
    Linux 基础
    Python 基础
    H5禁止微信内置浏览器调整字体大小
    css中 出现height为100%失效的原因及解决方案
    CSS3 clip-path 用法介绍
    Web的26项基本概念和技术
    Web前端年后跳槽面试复习指南
    基于 HTML5 Canvas 的交互式地铁线路图
    常用长度单位PX/EM/PT/百分比转换公式与对照表
  • 原文地址:https://www.cnblogs.com/zhangzhouy/p/11355467.html
Copyright © 2020-2023  润新知