node08---Express框架
一、Express框架
Express框架是后台的Node框架，所以和jQuery、zepto、yui（雅虎的）、bootstrap都不一个东西。
Express在后台的受欢迎的程度，和jQuery一样，就是企业的事实上的标准。 ● 原生Node开发，会发现有很多问题。比如：
■ 呈递静态页面很不方便，需要处理每个HTTP请求，还要考虑304问题
■ 路由处理代码不直观清晰，需要写很多正则表达式和字符串函数
■ 不能集中精力写业务，要考虑很多其他的东西 我们自己可以把第一天的作业，就是那个静态文件服务给封装成为模块。封装的越多，就自己做出了类似Express的东西。 ● EXPRESS的哲学是在你的想法和服务器之间充当薄薄的一层。这并不意味着他不够健壮，或者没有足够的有用特性，而是尽量少干预你，让你充分表达自己的思想，同时提供一些有用的东西。 英语官网：http://expressjs.com/
中文官网：http://www.expressjs.com.cn/
整体感知，Express框架。
安装Express框架，就是使用npm的命令。
npm install --save express
--save参数，表示自动修改package.json文件，自动添加依赖项。（也可以直接复制过来） 路由能力：
var express = require("express"); var app = express(); app.get("/",function(req,res){
res.send("你好");
}); app.get("/haha",function(req,res){
res.send("这是haha页面，哈哈哈哈哈哈");
}); app.get(/^\/student\/([\d]{10})$/,function(req,res){
res.send("学生信息，学号" + req.params[0]);
}); app.get("/teacher/:gonghao",function(req,res){
res.send("老师信息，工号" + req.params.gonghao);
}); app.listen(3000); 静态文件伺服能力：
app.use(express.static("./public")); 模板引擎：
var express = require("express"); var app = express(); app.set("view engine","ejs"); app.get("/",function(req,res){
res.render("haha",{
"news" : ["我是小新闻啊","我也是啊","哈哈哈哈"]
});
}); app.listen(3000); 我们学习的是Express4.X，和Express3.X差别非常大。
二、路由
当用get请求访问一个网址的时候，做什么事情：
app.get("网址",function(req,res){ }); 当用post访问一个网址的时候，做什么事情：
app.post("网址",function(req,res){ }); 如果想处理这个网址的任何method的请求，那么写all
app.all("/",function(){ }); 这里的网址，不分大小写，也就是说，你路由是
app.get("/AAb",function(req,res){
res.send("你好");
});
实际上小写的访问也行。
所有的GET参数，? 后面的都已经被忽略。 锚点#也被忽略
你路由到/a ， 实际/a?id=2&sex=nan 也能被处理。 正则表达式可以被使用。正则表达式中，未知部分用圆括号分组，然后可以用req.params[0]、[1]得到。
req.params类数组对象。
app.get(/^\/student\/([\d]{10})$/,function(req,res){
res.send("学生信息，学号" + req.params[0]);
}); 冒号是更推荐的写法。
app.get("/student/:id",function(req,res){
var id = req.params["id"];
var reg= /^[\d]{6}$/; //正则验证
if(reg.test(id)){
res.send(id);
}else{
res.send("请检查格式");
}
}); 表单可以自己提交到自己上。
app.get("/",function(req,res){
res.render("form");
}); app.post("/",function(req,res){
//将数据添加进入数据库
res.send("成功");
}); 适合进行 RESTful路由设计。简单说，就是一个路径，但是http method不同，对这个页面的使用也不同。
/student/345345
get 读取学生信息
add 添加学生信息
delete 删除学生新
01.js
var express = require("express");//引入文件夹，不用http库
var app = express();
app.get("/",function(req,res){//http://localhost:3000/
res.send("你好");
});
app.get("/haha",function(req,res){//http://localhost:3000/haha
res.send("这是haha页面，哈哈哈哈哈哈");
});
app.get(/^\/student\/([\d]{10})$/,function(req,res){//http://localhost:3000/student2222
res.send("学生信息，学号" + req.params[0]);
});
app.get("/teacher/:gonghao",function(req,res){//http://localhost:3000/teacher/:gonghao
res.send("老师信息，工号" + req.params.gonghao);
});
app.listen(3000);
02.js
/**
* Created by Danny on 2015/9/22 9:22.
*/
var express = require("express"); var app = express(); app.use(express.static("./public"));//use表示使用中间件，public是一个工程的文件夹根目录，提供静态服务器。 app.get("/haha",function(req,res){
res.send("haha ");
}); app.listen(3000);
03.js
/**
* Created by Danny on 2015/9/22 9:37.
*/
var express = require("express");
var app = express(); app.set("view engine","ejs");//相当于引入require("ejs"); app.get("/",function(req,res){
res.render("haha",{//默认从views文件夹找haha.ejs
"news" : ["我是小新闻啊","我也是啊","哈哈哈哈"]
});
}); app.listen(3000); /*
haha.ejs :
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1>哈哈哈哈</h1>
<ul>
<% for(var i = 0 ; i < news.length ; i++){ %>
<li><%= news[i] %></li>
<% } %>
</ul>
</body>
</html>
*/
04.js
/**
* Created by Danny on 2015/9/22 9:37.
*/
var express = require("express");
var app = express(); //无视大小写，? #
app.get("/AAb",function(req,res){
res.send("你好");
}); // 冒号 http://localhost:3000/student/123456 输出：123456
app.get("/student/:id",function(req,res){
var id = req.params["id"];
var reg= /^[\d]{6}$/;
if(reg.test(id)){
res.send(id);
}else{
res.send("请检查格式");
}
}); //冒号 http://localhost:3000/etudent/1234567 输出：etudent1234567
app.get("/:username/:oid",function(req,res){
var username = req.params["username"];
var oid = req.params["oid"]; res.write(username);
res.end(oid);
}); app.listen(3000);
05.js
/**
* Created by Danny on 2015/9/22 10:22.
*/
var express = require("express"); var app = express(); //设置模板引擎
app.set("view engine","ejs"); app.get("/",function(req,res){
res.render("form");
}); app.post("/",function(req,res){
//将数据添加进入数据库
res.send("成功");
}); app.listen(3000); /*
views文件夹中form.ejs:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form action="#" method="post">
<input type="text" name="name"/>
<input type="text" name="age"/> <input type="submit"/>
</form>
</body>
</html>*/
node08---Express框架的更多相关文章
- Node.js、Express框架获取客户端IP地址
Node.js //传入请求HttpRequest function getClientIp(req) { return req.headers['x-forwarded-for'] || req.c ...
- Win8.1 安装Express 框架
1.安装Windows Node.js客户端 2.安装Express框架 我本机是Win8.1的,使用命令npm install -g express安装Express,安装完成后显示一些安装明细,刚 ...
- Node.js Express 框架学习
转载:http://JavaScript.ruanyifeng.com/nodejs/express.html#toc0 感觉很牛的样子,不过觉得对初学者没太大用,里面很多例子用的api都没有详细的说 ...
- Node.js Express 框架
Node.js Express 框架 Express 简介 Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP ...
- express框架路由配置及congtroller自动加载
express框架在node官方推荐的一个框架,关于如何入门的文章,已经很多了,我就不在累赘了,本文的核心是如何修改文件使得更接近一个MVC的框架 express原生是通过require的方式实现了模 ...
- nodejs学习笔记二：解析express框架项目文件
上一章介绍了如何去创建一个express框架的工程项目,这章介绍一下express框架下的文件和用法解析,上一张我们创建的工程项目结构图如下: models是不属于原工程项目结构,为了实现数据模型后添 ...
- nodejs学习笔记一：安装express框架并构建工程目录
偶遇node是在一个阳光明媚的上午,无意间打开博客看到一片关于nodejs的介绍,通读全篇后,心情跌宕起伏,哎呀,这么好的东西我竟然现在才知道,这是最气的,于是马上开始制定学习nodejs计划,好了, ...
- Express框架使用以及数据库公共操作类整理(Win7下的NodeJs)
具体步骤: 1.安装开发工具WebStorm: 2.安装node/npm(下载地址:https://nodejs.org/download/)选择适合你的xxx.mis安装: 3.安装express框 ...
- express 框架之session
一.什么是session? 最近在学习node.js 的express框架,接触到了关于session方面的内容.翻阅了一些的博客,学到了不少东西,发现一篇博文讲的很好,概念内容摘抄如下: Sessi ...
- 从零开始学习Node.js例子四 多页面实现数学运算 续一(使用connect和express框架)
1.使用connect框架 .use方法用于绑定中间件到connect服务器,它会配置一系列在接到请求时调用的中间件模块,此例中我们要配置的中间件有favicon logger static rout ...
随机推荐
- 解决ORA-02395：超出I/O使用的调用限制问题
ORACLE的PROFILE文件是限制数据库用户使用的资源的一种手段.如:控制session或sql能使用的CPU.控制用户的password管理策略等. 数据库创建后,系统则存在名为DEFAULT的 ...
- 广东工业大学2016校赛决赛－网络赛 1174 Problem F 我是好人4 容斥
Problem F: 我是好人4 Description 众所周知,我是好人!所以不会出太难的题,题意很简单 给你n个数,问你1000000000(含1e9)以内有多少个正整数不是这n个数任意一个的倍 ...
- linux下配置虚拟域名
linux下配置虚拟域名 1.hosts文件位置! /etc/hosts 2.增加一行 127.0.0.1 xxxxx 3.修改apache中的vhosts vi /etc/httpd/extra/h ...
- Java基础——增强for循环
java1.5版本引入了一个增强for循环,基本原理和for循环类似. 语法声明:for(表达式:条件表达式) 举例:for (String str : set) 解释:set代表set集合,str代 ...
- Hua Wei 机试题目一
一.身份证号码验证 题目描述: 我国公民的身份证号码特点如下:1. 长度为18位:2. 第1-17位只能为数字:3. 第18位可以是数字或者小写英文字母x.4. 身份证号码的第7~14位表示持有人生日 ...
- 维基百科 MediaWiki API 解析
使用开放的 API 做一个自己的小项目,是一个很好的学习方法.但好像开放的 API 选择并不多.这里给大家多一个选择,简单介绍一下维基百科使用的 MediaWiki API. 简介 先简单介绍几个容易 ...
- ES6的基本语法
ES6 详细参考页面 简介 ECMAScript和JavaScript的关系是,前者是后者的规格,后者是前者的一种实现.一般来说,这两个词是可以互换的. let命令 ES6新增了let命令,用来声明变 ...
- Zxing实现在线二维码生成程序
关于zxing的使用请参考笔者的另外一篇博文:Java二维码生成与解码工具Zxing使用 首先我们来看看效果: 在文本框中输入内容后点击生成二维码按钮,应用自动对文本框中的内容进行编码,生成二维码图片 ...
- cache（缓存）的作用
cache的作用: 连接文件.内存与应用,为信息流在三者之间流动提供通道: 存储管理:对外与对内: 存取效率: 多线程: 一次存储:分批存储? 系统的缓存控制机制(虚拟内存)使用分段分页与命中机制. ...
- Client初见——python
from socket import *ip_port = ('127.0.0.1',8080)back_log = 5buffer_size = 1024tcp_client = socket(AF ...