在express站点中使用ejs模板引擎

最新推荐文章于 2021-04-04 10:49:03 发布
最新推荐文章于 2021-04-04 10:49:03 发布
阅读量194 收藏
点赞数

文/玄魂

                             目录

在express站点中使用ejs模板引擎    1

前言    1

1.1         安装    1

1.2         修改app.js  2

1.3         创建测试页面    2

 

前言

使用 vs创建的express站点，默认使用的是jade模板引擎，但是我不太喜欢这种方式，因为我觉得html本身的语义特性是我喜欢的，另外html本身也足够简洁，使用html自身做为模板语言更符合我的喜好，所以我选择ejs。

 

欢迎访问玄魂的博客

1.1        安装

在网站根目录启动控制台，输入

npm install ejs

程序包会安装到node_modules目录下。

1.2        修改app.js

修改app.js 将view engine修改为ejs。

1.3        创建测试页面

在views文件夹中创建index.html，内容如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Pivotal Search</title>
    <meta name="description" content="">
    <meta name="author" content="">
 
    <!-- HTML5 shim, for IE6-8 support of HTML elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <!-- styles -->
    <link href="stylesheets/style.css" rel="stylesheet">
 
</head>
<body>
       <%= title %>
</body>
</html>

然后在router里修改index.js:

 

exports.index = function(req, res){

  res.render('index', { title: '玄魂的测试代码' });

};

运行结果：

 

原文链接：

在express站点中使用ejs模板引擎

ps：对此文章感兴趣的读者，可以加qq群：Hacking:303242737;Hacking-2群：147098303；Hacking-3群：31371755；hacking-4群:201891680;Hacking-5群：316885176

weixin_34370347
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Express框架的使用
01-07
使用npm安装express npm install express -S 命令如下： C:\Users\Administrator>cd /d E:/node E:\node>mkdir express E:\node>cd express E:\node\express>npm install express -S npm WARN node@1.0.0 No description npm WARN node@1.0.0 No repository field. npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.1.
express框架结合ejs模板引擎使用
weixin_34419326的博客
07-04 200
我们在项目里建立一个views文件夹(必须),如果你不想使用views文件夹的话需要调用app.set("views","自定义文件夹名"),然后在里面建立一个模板文件news.ejs: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <...
express入门（6）- ejs模板引擎
wzjisking的专栏
07-14 254
1，引入模板引擎//指定模板引擎 app.set("view engine", 'ejs'); //指定模板位置 app.set('views', __dirname + '/views');2，向模板传递参数 res.render('home', { name: '门户页面',users:[{ "name" : "小刚", "age" :
Nodejs系列-3基于Express+ejs的博客
ling的专栏
11-25 1148
Node.js实现一个微博系统 Express框架、MVC设计模式、ejs模板引擎（主要是ejs与jade，虽然现在用的是ejs,但貌似jade好评多一些。）、MongoDB数据库 1.Express框架 a) npm提供的第三方框架（最稳定、最广泛） i. 路由控制 ii. 模板解析支持 iii. 动态视图 iv. 用户会话 v. CSRF保护 vi. 静态文件服务 vii.
express创建ejs模块
泡椒猪肝的博客
11-14 458
自写版–express创建ejs模块 准备工作 1、安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 淘宝npm镜像链接 1、安装express环境 cnpm install express-generator -g 可通过以下代码查看所有可用的命令行参数 express -h 2、创建名称为 stua...
详解在express站点中使用ejs模板引擎
01-02
使用 vs创建的express站点，默认使用的是jade模板引擎，但是我不太喜欢这种方式，因为我觉得html本身的语义特性是我喜欢的，另外html本身也足够简洁，使用html自身做为模板语言更符合我的喜好，所以我选择ejs。...
PCS-GenSite:站点使用 PCS-SiteGen 创建 Express 应用程序
06-27
1. **Express.js**：理解 Express 的核心概念，如路由、中间件、视图系统和模板引擎（例如 EJS 或 Pug）。 2. **Node.js**：熟悉 Node.js 的事件驱动、非阻塞 I/O 模型，以及如何使用 npm（Node Package Manager）...
Blogsite-Database：这是在学习一些东西（例如node.js，express，mongoose，mongoDB和ejs模块）时创建的。 在我意识到GitHub更适合之前，它还将成为容纳我所有项目的站点。 它使用mongoDB将信息保存到本地数据库，并使用ejs创建单独的页面以查看所有信息
02-12
博客站点数据库是一个基于技术学习项目，它展示了对Node.js、Express框架、Mongoose库、MongoDB数据库以及EJS模板引擎的运用。这个项目是开发者在探索Web开发领域时的一个实践成果，原本打算作为个人项目的存储库，...
Imagehost-Template:使用 JavaScriptHTMLEJS 制作并由 Express 提供支持的 Imagehost 网站的免费模板！
07-23
EJS 是一种轻量级的服务器端模板引擎，它允许开发者在 HTML 文件中嵌入 JavaScript 代码，动态生成网页内容。在 Imagehost-Template 中，EJS 用于渲染视图，例如根据用户请求或服务器数据动态显示图片列表、上传表单...
nodejs实践--npm使用、express创建ejs模板
weixin_34061042的博客
08-20 350
2019独角兽企业重金招聘Python工程师标准>>> ...
express框架搭建服务器
搬砖中
01-07 165
安装npm install express-generator -g 自动生成express --view = ejs 文件名 查看版本express --version cnpm install cnpm install socket.io --save 开启npm start 第一步： socketio.js let socketio = {} function getSocket(server) { socketio.io = require('socket.io')(server, {
express框架、ejs基础语法详解
weixin_48065262的博客
02-12 1124
Express简介 Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具。 express框架核心： 可以设置中间件来响应http请求 定义了路由表用于执行不同的 HTTP 请求动作。 可以通过向模板传递参数来动态渲染 HTML 页面。 express的安装 npm install express --save express运行其他几个重要模块安装 body-parser - node.js 中间件，用于处
node学习 express + mysql + ejs实现注册登录
xy_ggsddu的博客
03-24 7095
之前写过一个node登录验证，现在回头看看真是丢脸，竟然把数据库的表读出来在内存中进行比对，真是误人子弟。 没写过后台接口真的是硬伤啊，所以还需要继续学习学习，大家一起努力吧！
Express框架中使用ejs模板引擎
认定的总要想办法去完成。
04-04 358
Express中使用Ejs模板引擎 引入  安装：npm install ejs --save  在app.js中引入express，设置ejs模板，并配置路由参数，代码如下： //引入express var express = require("express"); var app = express(); //配置模板引擎 app.set("view engine","ejs"); //配置路由参数 app.get("/",function(req,res){ //将数据渲染到news
express+mysql连接池
sky的博客
09-15 3379
db.jsvar mysql=require("mysql");// 创建连接池 var pool = mysql.createPool({ host: 'localhost', user: 'root', password: 'root', database: 'test1', port: 3306 });// 连接公用方法 var query=functi
express使用ejs模板引擎
weixin_53125457的博客
03-22 329
1、在项目的文件目录下打开命令窗口 初始化文件夹 通过 npm init -y生成依赖的文件 paclage.json 2、安装express框架插件 命令行：npm i express --save 【注意】在项目开发过程中，有不同的环境 开发环境：dev （development） 执行命令为：npm run dev 生产环境：bulid（prodcution） 执行命令为：npm run bulid 测试环境：test(test): 执行命令为：npm run test 文件夹内自动生成文件
在express中使用ejs模板引擎
shu580231的博客
12-07 1825
1.npm install ejs 安装ejs模板引擎，然后就会安装到node_modules中， 2.修改app.js的设置，我们使用ejs //app.set('views', path.join(__dirname, 'views')); //app.set('view engine', 'jade'); app.set('views',path.join(__dirna
express中ejs模板的基本使用
意外金喜
07-11 6534
ejs模板学习起来非常简单,类似html,标签和jsp里的java代码标签差不多. 常用标签:   if-else 简单介绍 1.标签里可以写js代码-定义变量 hello world' %> 2.和 区别 前者不会编译,后者会编译 data的值为 : 运行结果: 3. 包含其他ejs文件,一般用于包含头部引用和页面相同的部分
培训课件 -从0到1搭建培训管理体系.pptx
最新发布
07-13
培训课件 -从0到1搭建培训管理体系.pptx
使用EJS模板引擎生成购物车页面
05-20
在模板中，使用了EJS的语法，包括“”表示代码块，以及“”表示输出变量值。 5. 在Node.js中编写代码，将购物车数据传递给模板，并生成HTML页面，例如： ```javascript const express = require('express'); const...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值