Express快速掌握

express框架依赖connect框架(node的一个中间件框架)

app.set('post',process.env.PORT||8080)  //设置端口为process.env.PORT或者88
app.set('views',_dirnmae+'/views')  //设置存视图文件的目录或者页面的目录,_dirname是全局变量,
用于储存正在执行的脚本所在的目录
app.set('view engine','ejs')        //设置视图模板引擎为ejs,也有laytpl是layui的node版本引擎

————————————-connect中间件——————————————–

app.use('express.favicon()')        //设置默认图标,如果想用自己的图标,需要在favicon的方法内
传入全局的图标位置,如 favicon(_dirname+/imags/icon/icon.ico);
app.use(express.logger(dev));用于在终端输出简单的日志
app.use(express.bodyparser())       //用于解析请求体
app.use(app.router)         //调用路由解析的规则
app.use(express.static(path.join(_dirname,'public')))//设置存放静态

资源的目录为public,如image,css,js

app.get('/',function(req,res){
    res.render('index',{title:'express});});

//使用路由来设置需要渲染的文件,并且将一个对象传入来替换index.ejs的title变量,/代表app.get(‘post’)/获取之前设置的post的值,可用于替换默认的8080

http.createServer(app).listen(8080)
//通过http来创建http服务,并且使用`listen`来设置监听端口

————————————–模板引擎————————————————-
模板引擎是一个将页面模板与数据结合起来生成html页面的工具
1.通过app.set()的来设置views(模板文件的位置)和view engine(模板引擎)
2.使用app.render()来渲染模板文件,需传入两个参数,第一个是模板的名称,第二个是传入模板的对象,用于替换模板变量
—————————————ejs语法————————————————–

<%javascript%>              //javascript代码
<%=HTML%>               //替换后HTML代码
<%-HTML%>               //原始的HTML代码

el:

data:['第一个','第二个','第三个']
<ul>
    <% for(var i=0;i<data.length;i++){%>        //js代码开始遍历数据
    <%= data[i]%>               //将数据写入HTML
    <%  }%>                 //闭合遍历
</ul>

—————————————–页面布局—————————————————-
设置可复用页面,文件名为app.ejs,内容就是模板文件
页面布局的时候,直接引入封装起来的模块模板文件 <%-include app%>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值