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

前后端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)],可是多个数据,向下复制

你可能感兴趣的:(javascript,前端,node.js,javascript,前端,node.js)