Nodejs路由配置

1.1.1 路由配置

路由的目的:八个字,载入页面,显示数据(接口中的数据)。

node路由,目的:载入页面。页面取接口中的数据,显示在页面上。

创建一个cms项目

创建routers文件夹,创建index.js路由配置文件,nodejs中实例化路由类router,目的是通过 路径,访问页面。

1.1.1.1 home.js前台路由配置文件

routers文件夹下,index.js前台路由配置文件

req,res,next说明:

req request对象 保存客户端请求的相关信息res response对象 服务器端返回的响应信息next 执行下一个方法

// 导入express框架
let express=require('express')
// 创建express服务器实例
let app=express();


//实例化路由对象
let router=express.Router()
// 前台首页页面路由
router.get('/home',function(req,res,next){
    // res.send('访问首页页面')
    // 载入页面
    res.render('home/index.html')

})

module.exports=router;

1.1.1.2 admin.js后台路由配置文件

routers文件夹下,admin.js后台路由配置文件

let express=require('express')

let app=express();

//实例化路由对象
let router=express.Router()
// 后台登录页面路由
router.get('/login',function(req,res,next){
    // res.send('访问登录页面')
    res.render('admin/login.html')
})

module.exports=router;

1.1.1.3 使用前台路由

app.js文件使用前台路由

//导入express框架
let express=require('express')
//初始化
let app=express();


app.get('/',function(req,res){
    res.send('hi nodejs!')
})


//导入前台路由和后台路由
let adminRouter=require('./routers/admin')
let homeRouter=require('./routers/home');

// 使用前台路由
// 参数1:匹配路由规则
// 参数2:请求路由规则
app.use('/',homeRouter)
app.use('/admin',adminRouter)

module.exports = router;

1.1.2 app.js入口文件常用模块配置

body-parser模块:处理post请求

express-session模块:处理session

ejs和path模块:设置模板引擎相关信息

express.static( ):设置静态资源的访问

加载ueditor 模块:var ueditor = require("ueditor");

导入moment模块:const moment = require("moment");  ,nodejs的moment操作时间

req,res,next说明:

req request对象 保存客户端请求的相关信息res response对象 服务器端输入相应next 执行下一个方法

res中常用方法:

res.redirect('/public/baidu/php/config.json');   //载入文件res.render("home/index");  // 加载页面

res.send("我是blog项目首页");  // 给页面输出一段文字

//导入express框架
let express=require('express')
//初始化
let app=express();


app.get('/',function(req,res){
    res.send('hi nodejs!')
})

//设置模板引擎相关信息
let ejs=require('ejs')//需要下载
let path=require('path')//nodejs底层自带模块

app.set('views','./views');
app.engine('html',ejs.__express)




// 设置静态资源的访问
app.use('/public',express.static(__dirname+'/public'))
app.use('/upload',express.static(__dirname+'/upload'))
app.use('/images',express.static(__dirname+'/images'))

//导入前台路由和后台路由
let adminRouter=require('./routers/admin')
let homeRouter=require('./routers/home');

// 使用前台路由
// 参数1:匹配路由规则
// 参数2:请求路由规则
app.use('/',homeRouter)
app.use('/admin',adminRouter)


//监听服务器
let port=3000
app.listen(port,function(){
    console.log('node服务器已经启动,端口是:'+port);
})

对应的admin文件夹下的login.html

<h1>后台登录页面</h1>

对应的home文件夹下的index.html

<h1>我是前台首页</h1>

 相关预览:

猜你喜欢

转载自blog.csdn.net/weixin_52629158/article/details/130913714