【Node.js基础篇】(八)安装Express 3.2框架以及ejs模板

Html模板以及路由文件等服务器必备的功能虽然我们都可以自己实现,但在稳定性、可靠性、全面性方面肯定是有所遗漏的,所以,从今天起,Node的学习就进入了框架学习部分。

维基百科:
框架就是制定一套规范或者规则(思想),大家(程序员)在该规范或者规则(思想)下工作。或者说使用别人搭好的舞台来做编剧和表演。

第一个要学习的框架是在Node中被广泛应用的框架——Express。

安装Express

如果你使用的Node开发环境是WebStorm的话,在新建工程的时候可以直接选新建Node工程,它会给你安装好Express框架(但可能模板渲染使用的是jade)。虽然这的确很方便,但还是建议你使用npm包管理工具来安装Express,因为这个工具以后会常用到。我们使用第二个方法安装Express框架,然后使用WebStorm管理文件。

第一步:进入Node的文件夹,打开cmd进入当前页面

输入:npm install -g express@3
在全局环境下安装版本为3的Express的框架,安装版本3的Express是为了使用ejs模板。在全局环境下安装,就可以在任何地方使用Express命令了。
然后npm包管理工具会自动去网上下载Express框架安装在当前文件夹的npm_module文件夹里,所以安装完后,当前文件夹会出现这个npm_module文件夹,里面就有express框架。

至此,Express框架安装完毕。

第二步:使用Express框架创建项目

如下图,在项目文件夹的上一级使用Express创建项目TestExpress
技术分享
它会自动创建好项目。

第三步:使用npm安装依赖包

技术分享
npm会在项目目录里安装好Express模板

第四步:运行项目

打开cmd窗口进入项目文件目录里,输入:node app
然后就可以在浏览器里输入http://localhost:3000/查看效果:
技术分享

在WebStorm里管理项目

接下来,我们可以使用WebStorm来管理项目文件。新建空项目,项目目录指定为上述项目目录就好,它会询问一下当前目录不为空,是否要继续,选择继续即可。最后看一下现在的项目目录:
技术分享

Express框架个文件目录的功能简介

1.node_modules:项目依赖的框架和模块
2.public:图片、css、js等静态文件
3.routes:路由文件,根据用户不同的Url请求返回不同的响应文件
4.views:ejs模板,类似于Jsp、php,用于生成HTML文件
5.app.js:整个网站的入口,监听端口,创建了HTTP服务器
6.package.json:项目的包说明文件,里面记录了有关此项目的一些信息,包括包依赖模块,第三步里使用npm安装模块时,就是读取此文件获取需要哪些模块等信息的。

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。