Nodejs Express 视图引擎jade 替换为html

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Nodejs Express 视图引擎jade 替换为html，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1475字，纯文字阅读大概需要3分钟。

内容图文

express 项目生成默认的视图引擎为jade,当时在开发中，我偏爱html 页面，所以本文今天介绍如何将express 默认视图引擎jade 替换为html.

第一步：打开项目的app.js 文件，app.js 部分内容如下：

var createError = require('http-errors');
var express = require('express');
var path = require('path');
var cookieParser = require('cookie-parser');
var logger = require('morgan');
var mongoose = require('mongoose');  
var bodyParser = require('body-parser');
var ejs = require('ejs');

var indexRouter = require('./routes/index');
var usersRouter = require('./routes/users');

var app = express();

app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false}));
// view engine setup
// app.set('views', path.join(__dirname, 'views'));
// app.set('view engine', 'jade');
app.engine("html",ejs.__express);
app.set("view engine", "html");

重点：

注释代码：app.set('view engine', 'jade');

新增代码：app.set("view engine", "html");

第二步：在views 文件夹中新增login.html 文件，编辑内容如下：

<h1>登录页面</h1>
   <div>
        <form action="/login" method="post">
            <p>
                <label for="username">用户名</label>
                <input type="text" id="username" name="username" placeholder="用户名">
            </p>
            <p>
                <label for="password">密码 : </label>
                <input type="text" id="password" name="password" placeholder="密码">
            </p>
            <p>
                <input type="submit" value="登录">
            </p>
        </form>
    </div>

第三步：重新编辑routes文件夹下的index.js,编辑内容如下：

/* GET home page. */
router.get('/', function(req, res, next) {
  res.sendfile('./views/login.html'); 
});

内容总结

以上是互联网集市为您收集整理的Nodejs Express 视图引擎jade 替换为html全部内容，希望文章能够帮你解决Nodejs Express 视图引擎jade 替换为html所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端