来源:cc果冻LXY 发布时间:2019-03-30 17:32:34 阅读量:1491
一 、先全局安装express
npm i express -g
二、新建一个文件work
用npm init初始化文件会生成一个package.json文件
三、安装express本地依赖
接下来安装Express并将其保存到依赖列表中:
npm i express --save
(如果只是临时安装Express,不想将它添加到依赖列表中,只需略去–save即可)
四、安装脚手架
express -e
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/
<% javascript的代码 %>:运行 JavaScript 代码,不输出
<%= 变量名 %>:显示转义后的 HTML内容
<%- 变量名 %>:显示原始 HTML 内容
运行:
如果配置node ./bin/www