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;
执行指令: 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前端开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注:前端)
最后
由于文档内容过多,为了避免影响到大家的阅读体验,在此只以截图展示部分内容
取!(备注:前端)**
[外链图片转存中…(img-OpYGuGSB-1710772677590)]最后
[外链图片转存中…(img-UR54DDV4-1710772677591)]
[外链图片转存中…(img-rPD0PVZN-1710772677591)]
由于文档内容过多,为了避免影响到大家的阅读体验,在此只以截图展示部分内容