基于Node.js平台-express-Web开发框架

express介绍

基于node.js平台,快速,开放,极简的web开发框架,应用程序开发框架,为web和移动应用程序提供一组强大的功能

使用express创建服务器

  1. 安装express:以下三种方式

    npm install express --save
    npm install express -S
    npm i express -S
    可以使用淘宝镜像cnpm代替npm,在控制台输入指令
    npm install -g cnpm --registry=https://registry.npm.taobao.org
    以后就可以用cnpm代替npm

  2. 创建express服务器
    创建一个文件夹 :mkdir expressserver
    进入创建的文件夹 : cd 文件夹名
    在当前文件夹安装express : cnpm i express -S
    在此文件夹下创建一个js文件:index.js

const express = require('express'); // 第三方模块 

// 实例化一个express对象 
const app = express(); 
app.get('/', (req, res) => { res.send('hello 1902'); }) 
app.get('/login', (req, res) => { res.send('登录') }) 
app.get('/test', (req, res) => { res.send('测试') }) 
app.listen(3000, () => { console.log('your server is running at http://localhost:3000'); })

这里假设浏览器地址栏中地址为:http://localhost:3000/login?username=wudaxun&password=123
匹配的路由是:login

nodejs原生: url.parse(req.url, true).query
express: req.query

express生成器

可直接生成项目 —脚手架
通过生成器工具express-generator ,可以快速创建一个应用骨架
此生成器工具包含了express命令行工具

  1. 安装express项目生成器 : cnpm i express-generator -g
  2. 创建项目:express 项目名 --view=ejs (–view=ejs 并不是必须得加的,如果不加,最终默认的模板是jade语法)
  3. 启动服务器:npm/cnpm start

项目目录结构

* bin
	www // 服务器 运行的入口文件 npm start -- node ./bin/www
* node_modules // 在项目中需要使用到的第三方模块
* public // 静态的资源文件夹
	images
	javascripts
	stylesheets
* routes // 路由或者是接口的定义
* 路由是指确定应用程序如何响应对特点端点的客户端请求,该请求时url或路径,和特定http请求方法(get,post等)
* 每个路由都有一个或多个处理函数,这些函数在路由匹配时执行
* app.METHOD(PATH, HANDLER)


* app是一个实例express。
* METHOD是一个HTTP请求方法,小写。
* PATH 是服务器上的路径。
* HANDLER 是路由匹配时执行的功能。


	index.js
	users.js

* views // 路由所对应的页面
	error.ejs
	index.ejs

* app.js // 应用各种中间件,设置静态资源文件夹,注册各个路由或者接口
* 中间件函数是可以访问请求对象 (req),响应对象(res)以及next应用程序请求 - 响应周期中的函数的函数。
* 该next功能是Express路由器中的一个功能,当被调用时,它将执行当前中间件之后的中间件。
  可以使用 app.use() 调用中间件
  app.js中使用的app.use()都属于


* package.json // 描述文件,列举了项目需要使用到的依赖以及运行命令、版本号等

ejs模板用法

可以把普通的js代码生成html页面

详见下一文档

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值