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

91 阅读1分钟

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第15天,点击查看活动详情

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

在这里插入图片描述

效果

在这里插入图片描述