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>
相关预览: