使用express脚手架(charles)(ejs模板语法)(SSR\BSR\CSR)创建项目-demo

express应用程序生成器方法连接
在合适的文件中,打开终端或者Powershell打开(shift+右键)
在终端中输入 命令行
express 文件夹名 -e → 目的是生成一个有很多东西的目录(目录会自动生成),很方便,省的自己写 -e就是指定生成后缀名为.ejs的网页模板
npm i
npm i mongoose → 然后在app.js中写入 const mongoose=require('mongoose);
记得写完接口使用的时候 用app.use在app.js文件里添加一下
在这里插入图片描述
在这里插入图片描述

SSR

SSR(Server Side Render),服务器端渲染。所有页面效果生成都是在服务器端进行的,客户端只是用来进行展示

BSR/CSR

BSR(Browser Side Render) 浏览器渲染

CSR(Client Side Render) 客户端渲染

客户端浏览器请求到页面的结构之后,再向服务器发送请求数据的要求,获取数据之后在客户端端浏览器中进行渲染

ejs模板语法

<%= xx %>   在页面中输出显示内容
<%- strHtml字符串 %> 把html内容进行解析之后输出
<% js表达式 %> 尖括号中间的是js内容

写页面
在这里插入图片描述
写接口
在这里插入图片描述
创建数据库
在这里插入图片描述
app.js

在这里插入图片描述
效果
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值