express框架初步
- express框架初步使用
var exp = require('express');
var ejs = require('ejs');
var app = new exp();
app.set("view engine","ejs");
app.get('/index',function (req,res) {
res.render('tianwadi',{});
});//默认情况下,express使用views目录下的.ejs文件 app.listen(,'127.0.0.1');
- express设置模板目录和模板引擎
var exp = require('express');
var ejs = require('ejs');
var app = new exp();
app.engine('html',ejs.__express);//注册引擎类型默认为ejs
app.set('view engine','html');//设定引擎类型
app.set('views',__dirname+"/tpl");//自定义模板存放目录
app.get('/index',function (req,res) {
res.render('index',{});
}); app.listen(,'127.0.0.1');
- 对静态文件的解析和引入
var exp = require('express');
var ejs = require('ejs');
var app = new exp();
app.use(exp.static('static'));//指定静态文件根目录---app.use也是中间件的用法
app.engine('html',ejs.__express);//注册引擎类型默认为ejs
app.set('view engine','html');//设定引擎类型
app.set('views',__dirname+"/tpl");//自定义模板存放目录
app.get('/index',function (req,res) {
res.render('index',{"headtitle":'ejs首页'});
}); app.listen(,'127.0.0.1');
html部分
......省略部分
<footer class="footer mt-auto py-3">
<div class="container">
<span class="text-muted">Place sticky footer content here.</span>
</div>
</footer>
<script src="/js/jquery-3.4.1.min.js"></script></body>
</html>
- 项目目录
- 静态服务托管(感觉像是给真实的静态文件夹起了个‘别名’,url中用别名加上下级文件夹可以访问到资源)
var exp = require('express');
var ejs = require('ejs');
var app = new exp();
app.use(exp.static('static'));//指定静态文件根目录
app.use('/multimedia',exp.static('static'));//给真实的项目文件夹static起了个别名multimedia
app.engine('html',ejs.__express);//注册引擎类型默认为ejs
app.set('view engine','html');//设定引擎类型
app.set('views',__dirname+"/tpl");//自定义模板存放目录
app.get('/index',function (req,res) {
res.render('index',{"headtitle":'ejs首页'});
}); app.listen(,'127.0.0.1');
html部分
......
<div class="container">
<h1 class="mt-5"><%=headtitle%></h1>
<p class="lead">Pin a footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS. A fixed navbar has been added with <code>padding-top: 60px;</code> on the <code>main > .container</code>.</p>
<p><img src="/multimedia/pic/EEhTIVVVUAAiht3.jpg" width="400"></p>
<p>Back to <a href="/docs/4.3/examples/sticky-footer/">the default sticky footer</a> minus the navbar.</p>
</div>
......
express框架初步的更多相关文章
- express 框架初步体验
一. 安装express 1.打开cmd 全局安装express 输入:npm install -gd express 2. 安装命令行工具,不然你输入express 会出现 不是内部命令. 输入: ...
- node.js之express框架
之前学习过node.js接触过express框架,最近为了编写一个mock server正好用到了express.下面正好就跟大家介绍一下关于express.今天的内容主要围绕这么几个方面? expr ...
- 初步认识Express框架渲染视图
给出一个简单的例子,讲述模板渲染的基础功能 在nodejs中使用express框架,默认的是ejs和jade渲染模板,以下是以ejs模板进行解析 1.ejs 模板安装 npm install ejs ...
- Node.js、Express框架获取客户端IP地址
Node.js //传入请求HttpRequest function getClientIp(req) { return req.headers['x-forwarded-for'] || req.c ...
- Win8.1 安装Express 框架
1.安装Windows Node.js客户端 2.安装Express框架 我本机是Win8.1的,使用命令npm install -g express安装Express,安装完成后显示一些安装明细,刚 ...
- Node.js Express 框架学习
转载:http://JavaScript.ruanyifeng.com/nodejs/express.html#toc0 感觉很牛的样子,不过觉得对初学者没太大用,里面很多例子用的api都没有详细的说 ...
- Node.js Express 框架
Node.js Express 框架 Express 简介 Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP ...
- express框架路由配置及congtroller自动加载
express框架在node官方推荐的一个框架,关于如何入门的文章,已经很多了,我就不在累赘了,本文的核心是如何修改文件使得更接近一个MVC的框架 express原生是通过require的方式实现了模 ...
- nodejs学习笔记二:解析express框架项目文件
上一章介绍了如何去创建一个express框架的工程项目,这章介绍一下express框架下的文件和用法解析,上一张我们创建的工程项目结构图如下: models是不属于原工程项目结构,为了实现数据模型后添 ...
随机推荐
- APP 和小程序中通过日期格式获取时间戳的一个bug
介绍一下背景:业务逻辑就不多说了,就说关键出问题的一步,需要将 2019-10-10 这个格式转换为时间戳.在不同平台不同场景下问题还很怪异 app上:ios 安卓线上的都有问题 ios模拟器没问题 ...
- php去掉字符串中的最后一个字符和汉字
###php去掉字符串中的最后一个字符和汉字 1.php去掉字符串中的最后一个字符: //方法一: $newstr = substr($str,0,strlen($str)-1); //方法二: $n ...
- flask使用tablib导出excel数据表
在网页中常常有导出数据的需求,尤其是一下管理类平台.在flask中要导出excel数据表,通常可以使用xlwt库,创建文件并逐行写入数据,但是使用起来总是感觉很麻烦.tablib库相对操作更加方便. ...
- go实现简单的tcp编程
服务端的代码 package main import ( "fmt" "net" ) func main () { fmt.Println("star ...
- Golang不会自动把slice转换成interface{}类型的slice
目录 例子 原因 如何去实现 例子 我们时常会写一些interface,例如: type A interface{ Print() } type B struct { } func (b *B) Pr ...
- vue中设置全局的css样式
只需在main.js ====import './style.less' main.js =>> import Vue from 'vue' import App from ...
- NeurIPS 2018 中的贝叶斯研究
NeurIPS 2018 中的贝叶斯研究 WBLUE 2018年12月21日 雷锋网 AI 科技评论按:神经信息处理系统大会(NeurIPS)是人工智能领域最知名的学术会议之一,NeurIPS 2 ...
- TCP的三次握手与四次挥手笔记
TCP的三次握手与四次挥手笔记 TCP Flags URG: 紧急指针标志 ACK:确认序号标志 PSH:push标志 RST:重置连接标志 SYN:同步序号,用于建立连接过程 FIN: finish ...
- js中this关键字用法详解
1.全局环境中的this 在全局环境中,this 指向全局对象Global,即 window 对象 如: alert(this); // 显示 [object Window] alert(this = ...
- 超详细Nginx的安装和配置教程
一. 编译安装nginx 下载nginx安装包 wget http://nginx.org/download/nginx-1.8.0.tar.gz 也可以选择其他版本,官网:http://nginx. ...