将ejs转为html,Node.js Express Web应用框架ejs修改为html
npm安装命令:npm install ejs -save
工程结构说明:
bin:存放可执行文件。
node_modules:存放package.json中安装的模块,在package.json添加依赖的模块并安装后,存放在这个文件夹下。
public:存放image、css、js等文件。
routes:存放路由文件。
views:存放视图文件或者说模版文件。
app.js:启动文件,或者说入口文件。
package.json:存储着工程的信息及模块依赖,当在dependencies中添加依赖的模块时,运行npm install ,npm会检查当前目录下的package.json,并自动安装所有指定的模块。
启动文件app.js// 通过require()加载模块
var createError = require('http-errors');
var express = require('express');
var path = require('path');
var cookieParser = require('cookie-parser');
var logger = require('morgan');
var indexRouter = require('./routes/index');
var usersRouter = require('./routes/users');
// 生成express实例
var app = express();
// 设置views文件夹为存放视图文件的目录
app.set('views', path.join(__dirname, 'views'));
// 设置视图模板引擎为ejs
app.set('view engine', 'ejs');
// 加载日志中间件
app.use(logger('dev'));
// 加载解析json的中间件。
app.use(express.json());
// 加载解析urlencoded请求体的中间件
app.use(express.urlencoded({ extended: false }));
// 加载解析cookie的中间件
app.use(cookieParser());
// 设置public文件夹为存放静态文件的目录
app.use(express.static(path.join(__dirname, 'public')));
// 路由控制器
app.use('/', indexRouter);
app.use('/users', usersRouter);
// 捕获404错误,并转发到错误处理器
app.use(function(req, res, next) {
next(createError(404));
});
// 错误处理
app.use(function(err, req, res, next) {
res.locals.message = err.message;
res.locals.error = req.app.get('env') === 'development' ? err : {};
res.status(err.status || 500);
res.render('error');
});
module.exports = app;
bin/www文件:#!/usr/bin/env node
/**
* 模块依赖关系
*/
var app = require('../app');
var debug = require('debug')('helloworld:server');
var http = require('http');
/**
* 从Express存储环境中获取端口号
*/
var port = normalizePort(process.env.PORT || '3000');
app.set('port', port);
/**
* 创建HTTP服务
*/
var server = http.createServer(app);
/**
* 监听所有的网络接口
*/
server.listen(port);
server.on('error', onError);
server.on('listening', onListening);
/**
* Normalize a port into a number, string, or false.
*/
function normalizePort(val) {
var port = parseInt(val, 10);
if (isNaN(port)) {
// named pipe
return val;
}
if (port >= 0) {
// port number
return port;
}
return false;
}
/**
* Event listener for HTTP server "error" event.
*/
function onError(error) {
if (error.syscall !== 'listen') {
throw error;
}
var bind = typeof port === 'string'
? 'Pipe ' + port
: 'Port ' + port;
// handle specific listen errors with friendly messages
switch (error.code) {
case 'EACCES':
console.error(bind + ' requires elevated privileges');
process.exit(1);
break;
case 'EADDRINUSE':
console.error(bind + ' is already in use');
process.exit(1);
break;
default:
throw error;
}
}
/**
* Event listener for HTTP server "listening" event.
*/
function onListening() {
var addr = server.address();
var bind = typeof addr === 'string'
? 'pipe ' + addr
: 'port ' + addr.port;
debug('Listening on ' + bind);
}
修改ejs扩展名为HTML
app.js文件修改var ejs = require('ejs');
......
app.engine('html',ejs.__express);
app.set('view engine', 'html');
将ejs转为html,Node.js Express Web应用框架ejs修改为html相关推荐
- SAP UI5 应用开发教程之五十五 - 如何将本地 SAP UI5 应用通过 Node.js Express 部署到公网上试读版
一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...
- SAP UI5 应用开发教程之五十五 - 如何将本地 SAP UI5 应用通过 Node.js Express 部署到公网上
本教程迄今为止的前 54 个步骤,开发出来的 SAP UI5 应用都只能在本地通过 localhost 访问,除非将其部署到 ABAP 服务器上. SAP UI5 应用开发教程之三十五 - 如何把本地 ...
- node.js + express 初体验【hello world】
[node.js] 一个神奇的XX 呵呵 :) 不知道怎么形容他才好! [express] 是node.js 开发web应用程序的框架 开发环境:XP 大家共同进步吧 :) 一:前期准备: ...
- 从零开始搭建Node.js, Express, Ejs, Mongodb服务器
http://www.toolmao.com/nodejs-express-ejs-mongodb-server 本文改自非鱼的<[翻译]前端开发人员入门指南,从零开始搭建Node.js, Ex ...
- 关于node.js的web框架的应用及并发性能测试
"Node.js 是服务器端的 JavaScript 运行环境,它具有无阻塞(non-blocking)和事件驱动(event-driven)等的特色,Node.js 采用 V8 引擎,同样 ...
- TWaver HTML5 + Node.js + express + socket.io + redis(六)
接上一篇TWaver HTML5 + Node.js + express + socket.io + redis(五), 这一篇将讲解如何用模版生成html页面, 如何验证用户登录, 您将了解到: 1 ...
- node.js ejs_如何在Node.js应用程序中使用EJS模板
node.js ejs by Jennifer Bland 詹妮弗·布兰德(Jennifer Bland) 如何在Node.js应用程序中使用EJS模板 (How to use EJS Templat ...
- Node.js Express+Mongodb 项目实战
Node.js Express+Mongodb 项目实战 这是一个简单的商品管理系统的小项目,包含的功能还算挺全的,项目涵盖了登录.注册,图片上传以及对商品进行增.删.查.改等操作,对于新手来说是个很 ...
- 十大 Node.js 的 Web 框架,快速提升工作效率
Node.js 系统含有多种不同的结构,如 MVC.全栈.REST API 和生成器等.这些结构不仅提升了 Web 应用的开发效率,也优化了开发过程.在这里,我们收集整理了十个高效的 Node.js ...
最新文章
- ScratchCardView:刮刮卡视图组件
- 在Exchange Server 2007中 设置用户邮箱的大小
- 鸿蒙IPC摄像机,华为鸿蒙OS来了,海雀AI全景摄像头助力万物互联
- c语言中123 234 345 456,如何在C中将数字从1123456789格式化为1,123,456,789?
- 突破5G壁垒,睿至科技集团以技术实力赋能产业发展
- HikariDataSource 监控_Prometheus监控告警浅析
- C语言分支结构while,C语言学习:分支结构和循环结构的总结(收藏)
- 多线程的那点儿事(之多线程数据结构)
- JAVA对List进行手动分页
- Servlet-Response直接返回一个文件并且在浏览器上显示
- Android:模拟器使用PC地址上网设置,且访问本地服务器
- php macro,如何利用 macro 方法来扩展 Laravel 的基础类的功能
- java 通过 socket 实现 服务器和客户端的通信 TCP
- 从辉煌到困局,奥康还能不能绝地反击?
- SQL语句 SQL Server中Text类型操作
- 孙陶然:创新是最好的生存之道
- 使用代理爬去微信公众号_Python3网络爬虫开发实战之使用代理爬取微信公众号文章...
- Cesium PolygonGeometry的移动、拉伸、旋转——拉伸
- 11款惊艳的HTML5粒子动画特效
- 电视剧 | 黑镜S5E1 生死搏击