没有合适的资源?快使用搜索试试~ 我知道了~
零基础搭建Node.js、Express、Ejs、Mongodb服务器及应用开发入门
1 下载量 32 浏览量
2021-01-01
21:25:30
上传
评论
收藏 150KB PDF 举报
温馨提示
本文改自非鱼的《【翻译】前端开发人员入门指南,从零开始搭建Node.js, Express, Jade, Mongodb服务器》,之所以把Jade换成Ejs,是因为我觉得ejs更符合WEB编程人员的习惯,更确切说应该是更符合PHP、ASP程序员的使用习惯。好了,废话不多说,直接开始教程。 第1部分 – 15分钟安装 如果你真的是从零开始学,那就花点时间先把环境搭建起来吧。这不难,我用的是Win8,所以这看上去跟那些用Mac和Ubuntu或者其它*nix系统的教程有点区别,不过大致是一样的。 第1步 – 安装Node.JS 这很容易,进入Node.js官方网站,点击绿色的大Install按钮,它
资源详情
资源评论
资源推荐
零基础搭建零基础搭建Node.js、、Express、、Ejs、、Mongodb服务器及应用服务器及应用
开发入门开发入门
本文改自非鱼的《【翻译】前端开发人员入门指南,从零开始搭建Node.js, Express, Jade, Mongodb服务器》,之所以把
Jade换成Ejs,是因为我觉得ejs更符合WEB编程人员的习惯,更确切说应该是更符合PHP、ASP程序员的使用习惯。好了,
废话不多说,直接开始教程。
第第1部分部分 – 15分钟安装分钟安装
如果你真的是从零开始学,那就花点时间先把环境搭建起来吧。这不难,我用的是Win8,所以这看上去跟那些用Mac和
Ubuntu或者其它*nix系统的教程有点区别,不过大致是一样的。
第第1步步 – 安装安装Node.JS
这很容易,进入Node.js官方网站,点击绿色的大Install按钮,它会自动检测你的系统并给你一个正确的安装文件的下载。(如
果没有,点击Download按钮选择你需要的下载)。运行安装程序,这样就好了。你已经装上了Node.js,和NPM(Node包管
理器)可以让你很容易的安装各种有用的包到Node里。
第第2步步 – 安装安装Express
现在我们已经让Node跑起来了,我们还需要一些东西让我们能够实际创建一个可用的站点。下面我们需要安装Express,这是
一个把Node从一个原始的应用变成一个更像我们平时使用的Web服务器的框架。我们需要从Express开始,因为我们需要它
提供的scaffolding功能。我们输入这么个命令:
代码如下:
c:ode>npm install -g express
这样Express就被正确的安装到我们的Node里了,并且已经设为全局可用的。你会在命令行窗口看到一堆输出,大部分是http
304和GET请求,这是正常的。Express应该已经装好并可用了。
第第3步步 – 创建一个创建一个Express项目项目
我们准备使用Express和Ejs,但是不是用来做CSS预处理的。我们会手写一些CSS。我们要用Ejs或者其它的模板引擎来处理
Node和Express的数据。如果你会HTML的话,Ejs并不难。只要记住你需要集中精神,否则事情可能很容易出错。
现在在同一个命令行窗口中输入:
代码如下:
c:ode>express –sessions nodetest1
回车,你会看到这样一堆东西:
代码如下:
C:ode>express –sessions nodetest1
create : nodetest1
create : nodetest1/package.json
create : nodetest1/app.js
create : nodetest1/routes
create : nodetest1/routes/index.js
create : nodetest1/routes/user.js
create : nodetest1/views
create : nodetest1/views/index.ejs
create : nodetest1/public/images
create : nodetest1/public/javascripts
create : nodetest1/public
create : nodetest1/public/stylesheets
create : nodetest1/public/stylesheets/style.css
install dependencies:
$ cd nodetest1 && npm install
run the app:
$ node app
第第4步步 – 编辑依赖项编辑依赖项
好了,我们现在有一些基本项目结构,但是还没完。你会注意到express的安装过程在你的nodetest1目录里创建了一个叫
package.json的文件,用文本编辑器打开这个文件,它应该是长这样的。
代码如下:
{
“name”: “application-name”,
“version”: “0.0.1”,
“private”: true,
“scripts”: {
“start”: “node app.js”
},
“dependencies”: {
“express”: “3.4.8”,
“ejs”: “*”
}
}
这是一个标准的JSON格式文件,表明了我们的应用和它的依赖。我们需要添加一点东西。比如对mongodb和Monk的调用。
把dependencies部分改成这样:
代码如下:
“dependencies”: {
“express”: “3.4.8”,
“ejs”: “*”,
“mongodb”: “*”,
“monk”: “*”
}
第第5步步 – 安装依赖安装依赖
现在我们定义好了项目的依赖项。*号会告诉NPM“安装最新版本”。回到命令行窗口,进入nodetest1目录,输入:
代码如下:
C:\node\nodetest1>npm install
它会输出一堆东西。这是因为它直接读取我们修改过的JSON文件,识别其中的依赖项,并安装必须的文件。当NPM安装完成
以后,你应该有了一个node_modules目录,其中包含我们的项目所需要的所有依赖文件。
现在我们有了一个完整功能的App,并且可以运行了。我们试试看吧!确保你的当前目录是nodetest1目录,输入:
代码如下:
C:\node\nodetest1>node app.js
回车后你会看到:
代码如下:
Express server listening on port 3000
太棒了。打开浏览器,输入http://localhost:3000,你应该能看到Express的一个欢迎页面了。
现在你已经运行起了你自己的Node JS WebServer,带有Express引擎和Ejs HTML模板引擎。不是很难啊,对吧?
第第2部分部分 – 好了,我们来写好了,我们来写“Hello, World!”吧吧
打开你常用的文本编辑器或者其它IDE,我个人喜欢用Sublime Text。打开你的nodetest1目录下的app.js,这个文件就是你的
App的核心了。你应该会看到这样的内容:
代码如下:
var express = require(‘express’);
var routes = require(‘./routes’);
var user = require(‘./routes/user’);
var http = require(‘http’);
var path = require(‘path’);
这个只是定义了一堆JavaScript变量并指向了一些包和依赖,node函数,和routes。Routes(路由)相当于MVC中Models和
Controllers的集合,它负责转发请求并且也包含一些处理逻辑。Express已经为我们创建好了所有这些东西,我们现在先忽略
user route,开始写最顶层的route(由routes\index.js控制)。
在上面的这个文件的最后写上:
代码如下:
var app = express();
剩余6页未读,继续阅读
weixin_38680957
- 粉丝: 8
- 资源: 929
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0