前后端node设置art-template,以及express后端搭建

本文介绍了如何在Node.js环境中使用express-generator创建项目,安装并配置art-template模板引擎,以及在Express后端设置模板渲染。步骤包括全局安装express-generator,创建项目,添加依赖,修改配置文件,更改视图引擎为art,创建.art文件并编写模板内容。通过这些步骤,可以实现前后端结合的艺术模板渲染。
摘要由CSDN通过智能技术生成

前后端node设置art-template,以及express后端搭建

  • 首先全局安装express-generator
    • yarn add express-generator -g
  • express -e
  • npm i
  • yarn add cross-env nodemon -D
  • yarn add art-template express-art-template -S
  • 在json文件的private下面加上这个语句,意为执行node自动调用它
    • “main”:“./bin/www”
  • 修改“script”
    • “start”:“cross-env PORT=4000 nodemon”
  • npm start 看能否跑起来
  • 再删除view中的两个文件
  • 在app.js文件中增加
    • app.engine(“art”,require(“express-art-template”))
    • 将app.set(“view engine”,“ejs”)中的ejs改为art,
  • 在views文件夹下新建index.html,后面将.html改为.art
  • 在index.html中的body中写入
    • < h1 > { {title}}< h1>
  • 在routes中的res.render中做修改
    • res.render(‘index’,{title:‘Express’,data:[{id:1001,name:“计算机”,price:3000,num:1,total:3000)],可是多个数据,向下复制
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值