Node.js的底层API会让人感觉到很繁琐，监听个get请求就要写多行代码，Express是基于Node.js的web开放框架，进行了封装，让开发者只关注业务逻辑开发，而且基于中间件开发模式，扩展性强,express 核心概念
- 路由
- 中间件
- 模板引擎
1.路由
1.粗略的来说支持四种类型的路由
-
字符串类型
-
字符串模板类型
-
正则表达式类型
-
参数类型
var express = require('express') var app = express() // 字符串类型 app.get('/user', callback) // 字符串模板, 比如 /user/man, /user/woman app.get('/user/*man', callback) // 正则路由 app.get(/person$/, callback) // 路由参数 app.get('/api/:uid/:age')
2.路由拆分
路由拆分前
app.get('/user/list', callback)
app.get('/user/detail', callback)
这就带来了问题，维护的时候都要带着 /user,可维护性太差
可以使用express.Router()进行路由拆分，路由拆分后
var express = require('express')
var app = express()
var user = express.Router()
user.get('/list', callback)
user.get('/detail', callback)
app.use('/user', user)
基本拆法已经出来了，但是为了应对更大型的应用，我们还有分文件管理，文件目录为
|--routes
|--index.js
|--user.js
|--app.js
user.js 文件写的是user的api内容
var express = require('express')
var route = express.Router()
route.get('/list', (req, res) => {
res.end('list')
})
route.get('/detail', ( req, res ) => {
res.end('detail')
})
module.exports = route
index.js 作为router的入口文件
var express = require('express')
var routes = express.Router()
var user = require('./user.js')
routes.use('/user', user)
module.exports = routes
app.js 应用入口，添加一个顶级路由来区分api
var express = require('express')
var app = express()
var routers = require('./routes/index.js')
app.use('/api', routers)
app.listen(300)
访问地址为, 这样路由的目录就搭建好了
http://localhost:3000/api/user/list
http://localhost:3000/api/user/detail
2. 中间件
学习express 就是一切皆是中间件，比如请求参数解析，cookie解析等
1.我们写一个简单的中间件
-
三个参数，req 客户端请求实例，res 服务端返回实例
-
next 回调方法，当next()执行了，就进行下一个中间件，否则pedding
var middleFunc = function( req, res, next ) { console.log( 'i am middle ware' ) next() } app.use( middleFunc ) //控制台输出 i am middle ware
2.常用中间件
- bode-parser
- compression
- serve-static
- session
- cookie-parser
- morgan
3.模板引擎
如果想渲染一个页面，没有模板引擎会怎么渲染，就需要将模板字符串全部写出来，然后插入到页面中渲染，复杂而容易出错
app.get('/', function(req, res ) {
var html = '<html>若干模板字符串</html>'
res.send( html )
})
但是如果有了模板引擎那效率就是小马换打车，不再为模板而发愁，以ejs模板引擎为例
//新建一个view文件夹
|--view
|--index.ejs
app.js配置上模板引擎
app.set('views', __dirname + '/view')
app.set('view engine', 'ejs')
app.use('/', function( req, res) {
res.render('index', {title: '首页'})
})
模板 index.ejs, 基本就是html语法
<!DOCTYPE html>
<html>
<head></head>
<body>
<div>模板引擎ejs</div>
<%= title %>
</body>
</html>
- app.set是Express设置参数工具 views, 视图文件的目录，存放模板文件
- view engine 视图模板引擎，这里是 ejs
- res.render('index', obj) index 是模板index.ejs 文件，obj是传入参数
- <%= title %> 参数传入之后的展示
更多ejs 的文档参考这里 ejs.bootcss.com/#install
当然一般项目中会前后端分离,node 写服务端，vue 或者 react写客户端，或者用vue或react进行服务端渲染，之后会有相关文章，静待更新...
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用？
- 本站所有资源版权均属于原作者所有，这里所提供资源均只能用于参考学习用，请勿直接商用。若由于商用引起版权纠纷，一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了？
- 找不到素材资源介绍文章里的示例图片？
- 模板不会安装或需要功能定制以及二次开发？
发表评论
还没有评论，快来抢沙发吧！