【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
然后就可以在浏览器里输入链接地址查看效果:

在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安装模块时,就是读取此文件获取需要哪些模块等信息的。

给TA打赏
共{{data.count}}人
人已打赏
安全技术

AES 加密解密 (javascript, java,php,c#)

2021-8-18 16:36:11

安全技术

C++ 高性能服务器网络框架设计细节

2022-1-11 12:36:11

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索