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应用了。
相关推荐
3. **创建Web站点**:在IIS管理器中,右键点击“默认Web站点”,选择“新建” -> “Web站点”,设置站点名称、IP地址、端口和物理路径。 4. **发布内容**:将HTML、CSS、JavaScript等静态文件复制到Web站点的物理...
5. **初始化项目**: 使用`npm init -y`命令快速初始化项目,这会自动生成一个package.json文件,记录项目的依赖和配置。 6. **安装Express框架**: Express是Node.js中最流行的Web应用框架,它简化了HTTP服务器的...
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,它让开发者可以用 JavaScript 语言编写服务器端程序。由于其轻量级、高效的特点,Node.js 成为了搭建本地 Web 服务器的首选工具之一。在本文中,我们将...
客户端通过浏览器访问即可以实现网络办公自动化(无纸化办公)。系统侧重“信息共享、文档管理、数据收集、事务审批”四个方面,自带网站平台,支持手机登录。 运行环境: Internet 信息服务(IIS)、ASP.NET 4.0、...
IIS Express 8.0 是一个轻量级版本的Internet Information Services (IIS),主要用于开发和测试Web应用程序。它提供了与完整版IIS相似的功能,但不需要管理员权限即可运行,使得开发者在非生产环境中能更便捷地进行...
WebOA网络办公自动化系统简介 WebOA网络办公自动化系统采用B/S架构进行开发,程序和数据集中存放在服务器上便于升级和维护;客户端通过浏览器访问即可以实现网络办公自动化(无纸化办公)。系统侧重“信息共享、...
URL收集: 爬虫从一个或多个初始URL开始,递归或迭代地发现新的URL,构建一个URL队列。这些URL可以通过链接分析、站点地图、搜索引擎等方式获取。 请求网页: 爬虫使用HTTP或其他协议向目标URL发起请求,获取网页的...
URL收集: 爬虫从一个或多个初始URL开始,递归或迭代地发现新的URL,构建一个URL队列。这些URL可以通过链接分析、站点地图、搜索引擎等方式获取。 请求网页: 爬虫使用HTTP或其他协议向目标URL发起请求,获取网页的...
客户端通过浏览器访问即可以实现网络办公自动化(无纸化办公)。系统侧重“信息共享、文档管理、数据收集、事务审批”四个方面,自带网站平台,支持手机登录。运行环境:Internet 信息服务(IIS)、ASP.NET 4.0、SQL ...
PCS-SiteGen 可能是一个自定义的脚手架工具,它简化了使用 Express 构建站点的过程,为开发者提供了模板和自动化工具。 描述中提到 "使用 SiteGen 生成的作品集网站" 暗示这个项目可能是一个用于展示个人或团队作品...
客户端通过浏览器访问即可以实现网络办公自动化(无纸化办公)。系统侧重“信息共享、文档管理、数据收集、事务审批”四个方面,自带网站平台,支持手机登录、微信消息推送、Office和PDF文档在线预览(不用装应用...
本文将深入探讨如何使用一系列现代Web开发工具和技术,如Typescript、Next.js、Tailwind CSS、Formik、Yup、Express和Node.js,构建一个功能完善的天气应用程序。这个项目名为"weather-app-react",旨在为用户提供...
在实际项目中,你可能需要设置一个基本的Express服务器结构,包括安装依赖(使用npm)、初始化项目、创建服务器、设置路由和启动服务器。例如,你可能会创建一个`index.js`文件作为入口点,然后编写如下代码: ```...
第一部分 构建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 理解...
"鹅毛笔"是一个开源论坛项目,它充分利用了现代Web开发技术栈,包括React、NextJS、Node.js、Express和Postgres。这个项目为开发者提供了一个全面的框架,用于构建功能丰富的在线社区平台。让我们深入了解一下这些...
在本项目中,我们主要关注的是使用Node.js的Express框架构建一个多页面的Web应用程序。Express是Node.js中最受欢迎的Web应用框架,它提供了一系列强大的功能,使得开发过程更加高效和简洁。下面我们将深入探讨如何...
2. **初始化项目**:使用 `demobook init` 命令创建一个新的项目目录,并按照提示设置项目信息。 3. **添加静态文件**:将你的 HTML、CSS、JavaScript 等静态文件放入项目目录。 4. **启动服务**:执行 `demobook ...
在实际开发过程中,开发者会按照`Readme.txt`中的指导进行项目搭建和运行,逐步学习如何使用Node.js和MongoDB构建功能完备的Web站点。这是一次很好的学习实践,帮助开发者熟悉这些技术的结合使用,提升Web开发能力。