网站模板引擎-Web开发中的模板引擎是什么

此内容主要讲解“什么是Web开发中的模板引擎”网站模板引擎,有兴趣的同学不妨看一看。本文介绍的方法简单、快速操作且实用。让我们带你来了解一下“Web开发中的模板引擎有哪些”!

介绍

当您想要快速构建拆分为不同组件的 Web 应用程序时,可以使用模板引擎。模板还可以快速呈现需要传递给应用程序的服务器端数据。

例如,您可能希望具有正文、导航、页脚、仪表板等组件。

网站模板引擎-Web开发中的模板引擎是什么

流行的模板引擎

模板引擎主要用于仅在一台服务器上运行的服务器端应用程序,并且作为 API 并非不完善。流行的包括Ejs,Jade,Pug,Mustache,HandlebarsJS,Jinja2和Blade。

模板引擎的工作原理

当您使用模板引擎

构建服务器端应用程序,模板引擎将模板文件中的变量替换为实际值,并向客户端显示该值。这样可以更轻松地快速构建我们的应用程序。

使用模板引擎 expressJS 的示例 ejs

对于使用 NodeJS 运行时编译的服务器端应用程序,您可以使用模板引擎。

以下步骤演示了模板引擎如何使用 expressJs 和 ejs。下面给出的示例在网页上呈现用户数据。

步骤 1:安装快速和 EJS 模板引擎

以下命令安装 EJS 模板引擎和快速框架:

npm install Express ejs

步骤 2:设置视图引擎

const express = require("express")
const app = express();
// Set the View Engine or Template Engineapp.set('view engine', 'ejs');
app.listen(3000)

在前面的代码中,我们创建了 Express 应用程序。应用程序侦听端口 3000。

这行代码:app.set('view engine', 'ejs'),告诉我们的快速应用程序,我们想使用 EJS 作为我们的模板引擎。

步骤 3:设置视图文件夹

创建一个名为“view”的文件夹。视图文件夹应包含我们的模板。其中一个模板是index.ejs,它将生成我们的主页。第二个模板是user.ejs,它将用于从服务器端传递用户数据,以便立即在网页上呈现。

index.js>view
   index.ejs
   user.ejs

步骤 4:设置路由

让我们为主页和用户页面创建路由。

请注意以下 res.render() 方法。这就是你在 expressJS 中所做的

app.get('/', function (req, res) {
  res.render("index");
}) 
app.get("/user", function(req,res){  const user = {    name: "Theodore Kelechukwu O.",    stack: "MERN",    email: "theodoreonyejiaku@gmail.com",    hubby: ["singing", "playing guitar", "reading", "philosoph"]
  }
  res.render("user", {user});
})

如我们所见,默认路由“”在访问时显示或呈现index.ejs页面。同时,“user”呈现user.ejs页面。

我们将用户对象传递给呈现

网站模板引擎-Web开发中的模板引擎是什么

对象,以便将用户属性传递给网页并呈现。

第 5 步:模板化我们的视图文件

现在我们已经从服务器传递了用户数据,我们需要立即将其显示在后端或网页上。

  
    This is the title
  
  
    

Welcome to Template Engines

    View User   

  
    This is the title
  
      

Welcome to User Details

    

Name: 

    

Email: 

    

Stack: 

    Hubbies     { %>        
  •         

    请注意显示值的模式。这就是它在EJS中的位置。另请注意 user.forEach();这是为了展示模板引擎的强大功能。

    说到这里,相信大家对“Web开发中的模板引擎是什么”有了更深入的了解,那么我们就来看看吧!这里是易速云网站,更多相关内容可以步入相关渠道查询网站模板引擎,关注我们,继续学习!

    网站的源代码是什么?网站源代码只是网站开源代码的一种,所以看起来很难理解,换句话说:

    一个开放的网站程序系统网站模板,可以用来构建网站,可以直接使用,不需要自己做复杂的开发工作。

    也就是说,网站源代码就是一个网站

    早已完成的程序,或者称为建站程序系统网站模板,建站系统,这是一个通称,细分起来,网站源代码有很多种,可以用来构建不同类型的网站。

    比如我们常见的网站有博客网站、公司网站、论坛网站、信息网站、商城网站等,那么相应的,每种不同的网站类型都有相应的网站源代码可以使用。

    网站模板引擎-Web开发中的模板引擎是什么

    例如,WordPress用于博客网站,discuz用于论坛网站,等等。

    网站源代码的作用

    网站模板引擎-Web开发中的模板引擎是什么

    就是在你使用之前就已经开发好了,你可以利用网站源代码快速为自己搭建一个网站,不同类型的网站可以通过多种网站源代码来实现,并不是说一个网站源代码只能构建一种类型的网站。

    我给大家举一个简单的例子,也许你可以更容易理解,比如我们日常生活中随处可见的螺栓,螺丝相当于网站源代码,螺丝是预先生产的,网站源代码也是。

    然后,当您在不同的地方使用不同的坚果时,有

    将各种不同尺寸和型号的螺母供您使用,当您需要构建不同类型的网站时,有各种网站源代码供您使用。

    这解决了什么问题?

    拿坚果,解决方案是你不需要设计和

    生产坚果,然后用于构建网站,解决方案是不需要设计和开发网站程序,可以直接安装使用,点击详细阅读:“如何安装网站源代码?(详细使用教程)”。

    收藏 (0) 打赏

    感谢您的支持,我会继续努力的!

    打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
    点赞 (0)

    悟空资源网 网站模板 网站模板引擎-Web开发中的模板引擎是什么 https://www.wkzy.net/game/133251.html

    常见问题

    相关文章

    官方客服团队

    为您解决烦忧 - 24小时在线 专业服务