一 、先全局安装express

  npm i express -g

二、新建一个文件work

npm init初始化文件会生成一个package.json文件

三、安装express本地依赖

接下来安装Express并将其保存到依赖列表中:

npm i  express --save

(如果只是临时安装Express,不想将它添加到依赖列表中,只需略去–save即可)

express脚手架创建

四、安装脚手架

express -e

express脚手架创建

 

bin文件夹

有一个www的文本文件,主要是对app.js模块的一个接收,通过node让浏览器negative够解析到app.js模块

public

此文件夹下放的是静态资源文件,想js文件,图片,css文件都放在该目录下面,由于app.js对其路径进行了相关配置,所以,如果在ejs文件里面调用,直接写根目录下的路径就可以,不用../public/stylesheet等这样的写,直接/stylesheet下面的文件就可以。

routers

这个文件夹主要用来写路由,index.js主要用来做视图展示部分的、渲染页面,user.js主要是用来做数据逻辑处理的。

views

views文件夹下面放的是视图文件,相当于html页面,但是express用到的是ejs模板引擎。

app.js

app.js是程序启动的入口,引入我们需要的模块和路由。

注: 

ejs模板引擎

模板引擎是一个将页面模板和数据结合起来生成 html 的工具。ejs 就是其中一种。有3种常用标签

详情请参考官方文档:https://ejs.bootcss.com/ 

  1. <% javascript的代码 %>:运行 JavaScript 代码,不输出
  2. <%= 变量名 %>:显示转义后的 HTML内容
  3. <%- 变量名 %>:显示原始 HTML 内容

运行:

如果配置node  ./bin/www

相关文章:

  • 2021-08-19
  • 2021-11-20
  • 2021-12-04
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-05-16
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-11-12
  • 2021-11-11
  • 2022-12-23
  • 2022-12-23
  • 2021-11-14
  • 2022-12-23
相关资源
相似解决方案