原创声明:本文为作者原创,未经允许不得转载,经授权转载需注明作者和出处
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%>