Express MVC模式理解与项目结构

文件结构

  • app.js : 入口文件
  • package.json : 工程信息以及模块依赖 
    • 通过npm安装模块时输入命令 : npm instal xxx –save , 会自动把模块信息保存在package.jason中
  • node_modules : 存放模块
  • public : 存放image , css , js 等文件
  • routes : 存放路由文件
  • views : 存放视图文件 
    • 通俗理解即前端 
      • 如jade,ejs,html等(个人使用jade)
  • 存放可执行文件

node.js express中的MVC模式

  • Model 
    • 数据结构层,由控制层操作,进行相关数据处理
  • View 
    • express生成项目时会产生views,即前端
  • Controller 
    • 即视图向控制器发出请求,由控制器选择相应的模型来处理
    • 模型返回的结果给控制器,由控制器来选择合适的视图,生成界面给用户
    • 如通过res.render来渲染jade文件

路由控制

  • 代码
router.get('/', function(req, res){
  res.render('index', { title: 'HomePage' });
});
 
 
  • 1
  • 2
  • 3
  • 1
  • 2
  • 3
  • 意义 : 访问主页时调用jade模板引擎渲染index.jade文件 
    • 其中title : ‘HomePage’的作用:将index.jade中所有title赋值为HomePage
  • 建议 : 一般把路由控制写在单独的文件里,方便管理

    • 实现方法 : 在app.js中写入routes(app);
    • 在路由控制文件中写入
    module.exports = function(app){
        app.get('/',function(req,res)
        {
            res.render('index',{title:'HomePage'});
        }
            );
    };
       
       
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 含义 : 网站主页(默认域名)访问时,会通过路由,然后指引jade模板引擎去渲染index.jade文件
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值