首页 > 代码库 > 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框架的简单使用