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