谁都能学会的express框架

  • • 发表于 8年前
  • • 作者 丁小柒
  • • 2694 人浏览
  • • 4 条评论
  • • 最后编辑时间 8年前
  • • 来自 [技 术]

原创声明:本文为作者原创,未经允许不得转载,经授权转载需注明作者和出处

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%>

分享到:
4条评论
Ctrl+Enter
作者

丁小柒

丁小柒

APP:0 帖子:24 回复:26 积分:1091

已加入社区[3073]天

长剑非是封木鞘,挥手再斩万鬼雄

作者详情》
Top