序,Node是基于V8引擎的服务器端脚本语言。

 基础准备

Node.js:

Express:本文用的是3.21.2版本,目前最新版本为4.13.3,Express4和Express3还是有较大区别,可以去官网查看wiki:https://github.com/strongloop/express

MongoDB:

一、使用Express搭建一个站点

1 快速开始安装Express

Express是Node上最流行的Web开发框架,通过它可以快速开发一个Web应用。全局模式下输入命令:

$ npm install -g express@3

node.js实战pdf node.js 12实战_数据库

2 新建一个工程

我们把工程建立在D盘目录,cmd进入D盘,输入:

$ express -e blog

node.js实战pdf node.js 12实战_node.js实战pdf_02

然后输入:

$ cd blog & npm install

安装需要的模块(站点中添加模块时会经常用到这个命令)

node.js实战pdf node.js 12实战_json_03

3 启动站点

全局模式下输入:

$ node app

node.js实战pdf node.js 12实战_javascript_04

此时命令行显示Express server listening on port 3000,浏览器访问localhost:3000,即可看到如下:

node.js实战pdf node.js 12实战_数据库_05

4 Express工程目录结构

node.js实战pdf node.js 12实战_数据库_06

app.js:入口文件

package.json:工程信息和依赖模块

node_modules:存放package.json中安装的模块

public:存放image/css/js等文件

routes:存放路由文件

views:存放试图文件,或者说模板文件

5 路由控制

express封装了多种http请求,主要使用GET和POST,即app.get() 和 app.post()。

app.get() 和 app.post()的第一个参数为请求的路径,第二个参数为处理请求的回调函数,分别是req和res,代表请求信息和响应信息:



app.get('/',function(req, res){
    res.render('index',{title:'Express 123'});
}



 

处理请求的几种方式如下:

req.query:处理get请求,获取get请求参数

req.body:处理/:xxx形式的get或post请求,获取请求参数。

req.params:处理post请求,获取post请求体。

req.param():处理get和post请求,但查找优先级由高到低为req.params->req.body->req.query

6 ejs模板引擎

模板引擎是一个将页面模板和要显示的数据结合起来生成HTML页面的工具。

本文中采用的是ejs模板引擎

  1. 通过app.set('view engine', 'ejs');设置使用ejs模板引擎。
  2. 通过app.set('views', path.join(__dirname, 'views'));设置了模板文件的存储位置。
  3. 同过res.render('index',{title:'Express 123'});渲染模板,并将其产生的页面直接返回给客户端。第一个参数index是模板的名字,省略了.ejs扩展名,第二个参数{title:'Express 123'}是数据对象

7 ejs的标签系统

只有三种标签

<% code %> 显示JS代码
<%= code %> 显示原始HTML内容
<%- code %> 显示替换过HTML特殊字符的内容

注意:当code为普通字符时,<%= code %>和<%- code %>结果相同。

当code为 <h1>hello</h1>时,<%= code %>会原样输出为<h1>hello</h1>,<%- code %>则会显示为一级标题格式的hello字符串。

8 ejs的include

index.ejs

<%- inclue a %>
hello,world!
<%- inclue b %>

a.ejs

this is a.ejs

b.ejs

this is b.ejs

最终index.ejs会显示为:

this is a.ejs

hello,world!

this is b.ejs

二、搭建多人博客

1 安装MongoDB数据库

下载路径:https://www.mongodb.org/downloads,服务器在美国,可能需要多刷新几次才能打开。

下载安装包解压到D盘根目录,并重命名为mongodb,并在mongodb文件夹里新建blog文件夹,存放博客内容的数据文件。

打开命令行,切换到d:\mongodb\bin目录下,然后输入:

mongodb -dbpath d:\mongodb\blog

以上命令的意思是:设置blog文件夹作为我们工程的存储目录并启动数据库。为了方便以后使用数据库,我们在桌面上新建启动mongodb.bat,并写入:

d:\mongodb\bin\mongod.exe -dbpath d:\mongodb\blog

这样以后就可以在桌面启动mongodb.bat。就可以启动数据库了

 

2 未完待续。。。

未完待续。。。