`

使用Express初始化一个基础web站点,即简单介绍

    博客分类:
  • Node
阅读更多

Node 安装:

        参考:http://zy-email1991.iteye.com/blog/2105062

安装Express:

        express 是 Node.js 上最流行的 Web 开发框架,正如他的名字一样,使用它我们可以快速的开发一个 Web 应用。

        我们需要用全局模式安装 express,因为只有这样我们才能在任意命令行中使用它。

 

npm install -g express@3

 注意:@3代表安装Express3.x版本,参数 -g 指定全局安装,如果不带参数 -g 则安装只在当前文件夹中有效。

 

 

新建一个工程:

        新建一个工程文件夹,使用终端进入工程文件夹,使用Express初始化工程

 

express -e blog

 注意:参数 blog 是工程名,会在当前文件夹中创建一个 blog 的工程文件夹,参数 -e 是指定当前工程使用 ejs 模板引擎。

 

         至此,我们用 express 初始化了一个名为blog的工程项目,并指定使用 ejs 模板引擎。

 

工程结构:


 app.js:启动文件,或者说入口文件

 

package.json:存储着工程的信息及模块依赖,当在 dependencies 中添加依赖的模块时,运行 npm install,npm 会检查当前目录下的 package.json,并自动安装所有指定的模块


node_modules:存放 package.json 中安装的模块,当你在 package.json 添加依赖的模块并安装后,存放在这个文件夹下


public:存放 image、css、js 等文件
routes:存放路由文件
views:存放视图文件或者说模版文件

 

下面是对 app.js 文件中代码的具体介绍

/**
 * Module dependencies.
 */

/*
 这里我们通过 require() 加载了 express、http、path 模块,
 以及 routes 文件夹下的 index.js 和 user.js 文件。
 */
var express = require('express');
var routes = require('./routes/index');
var user = require('./routes/user');
var http = require('http');
var path = require('path');

var app = express();

// all environments
//设置端口为 process.env.PORT 或 3000。
app.set('port', process.env.PORT || 3000);
//设置 views 文件夹为存放视图文件的目录,即存放模板文件的地方,
// __dirname 为全局变量,存储当前正在执行的脚本所在的目录
app.set('views', path.join(__dirname, 'views'));
//设置视图模版引擎为 ejs。
app.set('view engine', 'ejs');
//connect 内建的中间件,使用默认的 favicon 图标,
// 如果想使用自己的图标,需改为 app.use(express.favicon(__dirname + '/public/images/favicon.ico'));
// 这里我们把自定义的 favicon.ico 放到了 /public/images 文件夹下。
app.use(express.favicon());
//connect 内建的中间件,在开发环境下使用,在终端显示简单的日志,
app.use(express.logger('dev'));

//app.use(express.json());
//app.use(express.urlencoded());

//connect 内建的中间件,用来解析请求体,
// 支持 application/json, application/x-www-form-urlencoded, 和 multipart/form-data。
app.use(express.bodyParser());

/*
app.use(express.bodyParser());
相当于:
app.use(express.json());
app.use(express.urlencoded());
app.use(express.multipart());
这里我们仍然使用:
app.use(express.bodyParser());
 */

//connect 内建的中间件,可以协助处理 POST 请求,伪装 PUT、DELETE 和其他 HTTP 方法。
app.use(express.methodOverride());
//调用路由解析的规则。
app.use(app.router);
//connect 内建的中间件,设置根目录下的 public 文件夹为存放 image、css、js 等静态文件的目录。
app.use(express.static(path.join(__dirname, 'public')));

// development only
//开发环境下的错误处理,输出错误信息。
if ('development' == app.get('env')) {
  app.use(express.errorHandler());
}

app.get('/', routes.index);
app.get('/users', user.list);

/*
 下面这段代码的意思是创建 http 服务器并监听 3000 端口,
 成功后在命令行中显示 Express server listening on port 3000,
 然后我们就可以在浏览器访问 localhost:3000 了。
 */
http.createServer(app).listen(app.get('port'), function(){
  console.log('Express server listening on port ' + app.get('port'));
});

 

到此,一个基本的web站点就初始化完成了,我们就可以在此基础上开发我们的web应用了。

 

 

 

 

 

 

  • 大小: 15.2 KB
分享到:
评论

相关推荐

    信息服务器IIS、配制服务器使用、开发Web动态网页

    3. **创建Web站点**:在IIS管理器中,右键点击“默认Web站点”,选择“新建” -> “Web站点”,设置站点名称、IP地址、端口和物理路径。 4. **发布内容**:将HTML、CSS、JavaScript等静态文件复制到Web站点的物理...

    搭建web服务器.docx

    5. **初始化项目**: 使用`npm init -y`命令快速初始化项目,这会自动生成一个package.json文件,记录项目的依赖和配置。 6. **安装Express框架**: Express是Node.js中最流行的Web应用框架,它简化了HTTP服务器的...

    nodejs 做本地web服务器

    Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,它让开发者可以用 JavaScript 语言编写服务器端程序。由于其轻量级、高效的特点,Node.js 成为了搭建本地 Web 服务器的首选工具之一。在本文中,我们将...

    WebOA网络办公自动化系统

    客户端通过浏览器访问即可以实现网络办公自动化(无纸化办公)。系统侧重“信息共享、文档管理、数据收集、事务审批”四个方面,自带网站平台,支持手机登录。 运行环境: Internet 信息服务(IIS)、ASP.NET 4.0、...

    iisepress8.0

    IIS Express 8.0 是一个轻量级版本的Internet Information Services (IIS),主要用于开发和测试Web应用程序。它提供了与完整版IIS相似的功能,但不需要管理员权限即可运行,使得开发者在非生产环境中能更便捷地进行...

    WebOA网络办公自动化系统 v19.4.zip

    WebOA网络办公自动化系统简介 WebOA网络办公自动化系统采用B/S架构进行开发,程序和数据集中存放在服务器上便于升级和维护;客户端通过浏览器访问即可以实现网络办公自动化(无纸化办公)。系统侧重“信息共享、...

    基于node+express爬虫 API接口项目.zip

    URL收集: 爬虫从一个或多个初始URL开始,递归或迭代地发现新的URL,构建一个URL队列。这些URL可以通过链接分析、站点地图、搜索引擎等方式获取。 请求网页: 爬虫使用HTTP或其他协议向目标URL发起请求,获取网页的...

    以Node.js基于express以及爬虫实现的视频资源后端.zip

    URL收集: 爬虫从一个或多个初始URL开始,递归或迭代地发现新的URL,构建一个URL队列。这些URL可以通过链接分析、站点地图、搜索引擎等方式获取。 请求网页: 爬虫使用HTTP或其他协议向目标URL发起请求,获取网页的...

    WebOA网络办公自动化系统 v19.11

    客户端通过浏览器访问即可以实现网络办公自动化(无纸化办公)。系统侧重“信息共享、文档管理、数据收集、事务审批”四个方面,自带网站平台,支持手机登录。运行环境:Internet 信息服务(IIS)、ASP.NET 4.0、SQL ...

    PCS-GenSite:站点使用 PCS-SiteGen 创建 Express 应用程序

    PCS-SiteGen 可能是一个自定义的脚手架工具,它简化了使用 Express 构建站点的过程,为开发者提供了模板和自动化工具。 描述中提到 "使用 SiteGen 生成的作品集网站" 暗示这个项目可能是一个用于展示个人或团队作品...

    WebOA 网络办公自动化软件 20.1

    客户端通过浏览器访问即可以实现网络办公自动化(无纸化办公)。系统侧重“信息共享、文档管理、数据收集、事务审批”四个方面,自带网站平台,支持手机登录、微信消息推送、Office和PDF文档在线预览(不用装应用...

    weather-app-react:下一个显示天气的站点。 使用Typescript,Next,Tailwind CSS,Formik,Yup,Express和Node构建

    本文将深入探讨如何使用一系列现代Web开发工具和技术,如Typescript、Next.js、Tailwind CSS、Formik、Yup、Express和Node.js,构建一个功能完善的天气应用程序。这个项目名为"weather-app-react",旨在为用户提供...

    06-Static-Node.js-and-Express-Site:树房子项目6静态nodejs和express

    在实际项目中,你可能需要设置一个基本的Express服务器结构,包括安装依赖(使用npm)、初始化项目、创建服务器、设置路由和启动服务器。例如,你可能会创建一个`index.js`文件作为入口点,然后编写如下代码: ```...

    ASP.NET 控件的使用

    第一部分 构建ASP.NET页面 第1章 ASP.NET Framework概览 2 1.1 ASP.NET和.NET Framework 5 1.1.1 框架类库 5 1.1.2 公共语言运行库 9 1.2 ASP.NET控件 10 1.2.1 ASP.NET控件概览 11 1.2.2 HTML控件 12 1.2.3 理解...

    quill:一个使用 React、NextJS、Node、Express 和 Postgres 构建的开源论坛

    "鹅毛笔"是一个开源论坛项目,它充分利用了现代Web开发技术栈,包括React、NextJS、Node.js、Express和Postgres。这个项目为开发者提供了一个全面的框架,用于构建功能丰富的在线社区平台。让我们深入了解一下这些...

    second_node_site:对 begin_node 的跟进; 现在制作一个多页应用程序并充分利用 Express 框架

    在本项目中,我们主要关注的是使用Node.js的Express框架构建一个多页面的Web应用程序。Express是Node.js中最受欢迎的Web应用框架,它提供了一系列强大的功能,使得开发过程更加高效和简洁。下面我们将深入探讨如何...

    Node.js-DemoBook一个轻松部署静态文件的应用程序并提供CLI和Server

    2. **初始化项目**:使用 `demobook init` 命令创建一个新的项目目录,并按照提示设置项目信息。 3. **添加静态文件**:将你的 HTML、CSS、JavaScript 等静态文件放入项目目录。 4. **启动服务**:执行 `demobook ...

    node+mongodb 建站攻略(一期)代码

    在实际开发过程中,开发者会按照`Readme.txt`中的指导进行项目搭建和运行,逐步学习如何使用Node.js和MongoDB构建功能完备的Web站点。这是一次很好的学习实践,帮助开发者熟悉这些技术的结合使用,提升Web开发能力。

Global site tag (gtag.js) - Google Analytics