zoukankan      html  css  js  c++  java
  • 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

     。。。。。。

  • 相关阅读:
    面向过程--面向对象
    shiro有哪些组件?
    Redis的特点什么是?
    Spring Boot 有哪些优点?
    什么是 JavaConfig?
    HashMap和Hashtable的区别
    深入理解SQL的四种连接-左外连接、右外连接、内连接、全连接
    Linux指令--tar,gzip
    JQuery 学习总结及实例
    $(this) 和 this 关键字在 jQuery 中有何不同?
  • 原文地址:https://www.cnblogs.com/zhangzhouy/p/11355467.html
Copyright © 2011-2022 走看看