Html模板以及路由文件等服务器必备的功能虽然我们都可以自己实现,但在稳定性、可靠性、全面性方面肯定是有所遗漏的,所以,从今天起,Node的学习就进入了框架学习部分。
维基百科:
框架就是制定一套规范或者规则(思想),大家(程序员)在该规范或者规则(思想)下工作。或者说使用别人搭好的舞台来做编剧和表演。
第一个要学习的框架是在Node中被广泛应用的框架——Express。
安装Express
如果你使用的Node开发环境是WebStorm的话,在新建工程的时候可以直接选新建Node工程,它会给你安装好Express框架(但可能模板渲染使用的是jade)。虽然这的确很方便,但还是建议你使用npm包管理工具来安装Express,因为这个工具以后会常用到。我们使用第二个方法安装Express框架,然后使用WebStorm管理文件。
第一步:进入Node的文件夹,打开cmd进入当前页面
输入:npm install -g [email protected]
在全局环境下安装版本为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安装模块时,就是读取此文件获取需要哪些模块等信息的。