一、安装node.js(常规软件安装流程,比较简单,不用赘述)
二、安装express框架
1. 打开Windows命令提示符,输入:
npm install express -g,等待,安装好如下所示:
npm install express-generator -g,等待,安装好如下所示:
2. npm是node自带的一个工具,在命令行中使用可以快速安装node.js里面的模块,此时我们安装了一个名叫"express"的框架,用于运行本地服务器。
三、初始化项目
1. 打开vs code的终端,输入:
express myserver
cd myserver
npm install
作用分别是:用express框架创建一个项目名叫myserver、进入myserver目录、初始化myserver项目所需的文件(下载所需的js文件)。
2. 项目的express框架组成
项目创建成功之后,生成五个文件夹、主文件app.js与配置信息文件packetage.json
bin是项目的启动文件,配置以什么方式启动项目,默认 npm start,其中的www文件用于启动服务
node_modules是文件所需的模块,在node.js中模块与文件是一一对应的,也就是说一个node.js文件就是一个模块,文件内容可能是我们封装好的一些JavaScript方法、JSON数据、编译过的C/C++拓展等,在关于node.js的误会提到过node.js的架构。其中http、fs、net等都是node.js提供的核心模块,使用C/C++实现,外部用JavaScript封装。怎么使外部访问这个module,我们知道客户端的JavaScript使用script标签引入JavaScript文件就可以访问其内容了,但这样带了的弊端很多,最大的就是作用域相同,产生冲突问题,以至于前端大师们想出了立即执行函数等方式,利用闭包解决。node.js使用exports和require对象来解决对外提供接口和引用模块的问题。
public是项目的静态文件,放置js、css、img等文件(html文件夹是我自己添加进去的,存放网页的,后期可能应该存放在views文件夹中)
routes是项目的路由信息文件,控制地址路由
views是视图文件,放置模板文件ejs或jade等(其实就相当于html形式的文件)
以上就是基于 express的MVC框架模式,是一个Web项目的基本构成。
四、运行
1. 在终端进入bin目录,输入node www启动服务
2.在浏览器中输入http://localhost:3000/,这就是本地服务器的地址,访问成功出现以下页面
2. 访问项目中的网页,如登录网页login.html
此时,一个基于express框架的web项目便搭建好了~
参考链接:
https://jingyan.baidu.com/article/9c69d48ff3eb3d13c8024e7d.html
http://www.cnblogs.com/imwtr/p/4350282.html