首页 > 代码库 > express框架的简单使用

express框架的简单使用

Express安装

1.安装全局

npm install -g express

2.创建一个工程目录expressTest

在此目录下配置express工程

express -e

npm install

3.app.js是入口文件 用来分发路由,其中有对浏览器的接口以及对路由的接口

4.app.js

app.use(‘/’, index)

app.use(‘/main’, main)

通过以上配置来分发路由,当浏览器输入地址后进app.js中来判断进入那个路由

与以上相对应的有

var index = require(‘./routes/index’)

var main = require(‘./routes/main’)

配置完app.js中文件后,需在routes中配置相关的js文件(或理解为创建模块)

若在index.js中有:

router.get(‘/’, function(req, res){

res.render(‘index’)

})

则通过localhost:3000可访问到index.ejs网页

router.get(‘/list’, function(req, res){

res.send(‘hello world’)

})

可以通过localhost:3000/list则可以响应到hello world

若在main.js中有:

router.get(‘/’, function(req, res){

res.render(‘main’)

})

则通过localhost:3000/main可访问到main.ejs网页

router.get(‘/list’, function(req, res){

res.send(‘hello world1’)

})

可以通过localhost:3000/main/list则可以响应到hello world1

5.Ajax请求数据

若需要在index利用ajax在页面上请求json文件,则需要在index页面中加载js文件,在js中写(jquery方式)

$.ajax({

type:’get’,

url:’http://localhost:3000/shoplist   

success:function(data, responseState){

 

}

})

在浏览器中输入localhost:3000,通过app.js文件将路由分发至routes/index下,

通过

router.get(‘/’, function(req, res){

res.render(‘index’)

})index页面返回给浏览器

之后定义一个fs模块

Var fs = require(‘fs’)

同步读取文件

Var data = http://www.mamicode.com/fs.readFileSync(‘data/shop_list.json’, {‘encoding’:’utf-8’})

读取data目录下的shop_list.json

然后通过index中的ajax请求url找到下面的路由

router.get(‘/shoplist’, function(req, res){

res.json(data)

})

最终将json文件返回

express框架的简单使用