express的使用(七),没想到一个Handler还有中高级几种问法

bin 用于应用启动,可在里面设置启动的端口号等。

public 静态资源目录,放置js css img等文件

routes是项目的路由信息文件,控制地址路由

views是视图文件,放置模板文件ejs或jade,swig等(其实就相当于html形式文件啦~)

node_modules 是项目依赖的各种插件

app.js

var express=require(“express”); //http

var app=express();// 创建app服务器 === http.createServer()

var RouterA=require(‘./routes/a.js’);

var RouterHome=require(‘./routes/home’)

var path=require(“path”);

var port=3000; //端口

var ejs=require(“ejs”);

//设置 视图文件路径

app.set(“views”,path.join(__dirname,“views”));

//设置解析 视图文件的引擎

app.set(‘view engine’,‘ejs’)

//设置静态资源的路径

app.use(‘/public’,express.static(path.join(__dirname,‘public’)))

var ip=‘127.0.0.1’;//ip

app.listen(port,ip,function(){ //app服务器监听端口

console.log(“服务器运行在http://”+ip+“:”+port)

});

app.use(‘/’,RouterHome)

app.use(‘/a’,RouterA)

function fn(req,res){ // app添加 get请求根路径的路由

// res.send(“hello world”);// 向前台输出

console.log(req.url)

res.write(“hello express123”);

res.end()

}

// module.exports=app;

bodyParser中间件的使用


执行指令: cnpm install body-parser -D

var bodyParser=require(‘body-parser’);

app.use(bodyParser.urlencoded({extended:true,limit:100}))

app.post(‘/api’,function(req,res,next){

console.log(req.body)

})

ejs语法

变量的声明

<% title=‘hello world’ %>

变量的使用

<%= title %>

循环语句 arr:[‘张三’,‘李四’,“王五”,“小明”]

<% for(var item in arr){ %>

  • 姓名:<%= arr[item] %>

    <% } %>

    循环语句 list=[

    {title:‘昌平马池口大雨’,authour:‘于成龙’,times:‘2019-4-9’},

    {title:‘吉利大学阅兵准备’,authour:‘蒋伟’,times:‘2019-4-1’},

    {title:‘积云教育就业喜报’,authour:‘耿丽娜’,times:‘2019-3-8’},

    {title:‘昌平马池口大雨’,authour:‘于成龙’,times:‘2019-4-9’},

    ]

    <% for(var item in list){ %>

    <%= list[item].title %>

    作者:<%= list[item].authour %>

    时间:<%= list[item].times %>

    <% } %>

    条件判断语句

    <% on=true %>

    <% if(!on){ %>

    开/注册

    <% }else{ %>

    关/登录

    <% } %>

    <% include ./footer.ejs %>

    Express.Router用法

    从Express 4.0开始,路由器功能成了一个单独的组件Express.Router。它好像小型的express应用程序一样,有自己的use、get、param和route方法。

    基本用法

    首先,Express.Router是一个构造函数,调用后返回一个路由器实例。然后,使用该实例的HTTP动词方法,为不同的访问路径,指定回调函数;最后,挂载到某个路径。

    var router = express.Router();

    router.get(‘/’, function(req, res) {

    res.send(‘首页’);

    });

    router.get(‘/about’, function(req, res) {

    res.send(‘关于’);

    });

    小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

    深知大多数初中级前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
    因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

    img
    img
    img
    img

    由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

    如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注:前端)
    img

    最后

    前15.PNG

    前16.PNG

    由于文档内容过多,为了避免影响到大家的阅读体验,在此只以截图展示部分内容

    开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

    取!(备注:前端)**
    [外链图片转存中…(img-OpYGuGSB-1710772677590)]

    最后

    [外链图片转存中…(img-UR54DDV4-1710772677591)]

    [外链图片转存中…(img-rPD0PVZN-1710772677591)]

    由于文档内容过多,为了避免影响到大家的阅读体验,在此只以截图展示部分内容

    开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

  • 24
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值