初探MEAN

最新推荐文章于 2020-08-01 00:23:35 发布

wybb5177

最新推荐文章于 2020-08-01 00:23:35 发布

阅读量343

点赞数

CC 4.0 BY-SA版权

分类专栏： MEAN

本文链接：https://blog.youkuaiyun.com/u012384609/article/details/51026895

MEAN 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了MEAN.js框架0.4.2版本中模块和客户端源代码组织方式，并详细解析了核心路由处理流程，包括关键路径定义及视图渲染过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

以meanjs0.4.2为例

module

包含各个模块的源代码。

config

包含配置文件。

node_modules

包含 package.json 中指定的服务器端模块。

public

包含客户端源代码，包括 lib 目录（含有在 bower.json 中指定的客户端库）

我们应关注 module 和 public 目录,首先从 module目录中查找应用程序主页的源代码。

modules\core\server\routes\core.server.routes.js 文件（Express 框架的一部分）包含应用程序的关键进入点

'use strict';
module.exports = function (app) {
  // Root routing
  var core = require('../controllers/core.server.controller');
  // Define error pages
  app.route('/server-error').get(core.renderServerError);
  // Return a 404 for all undefined api, module or lib routes
  app.route('/:url(api|modules|lib)/*').get(core.renderNotFound);
  // Define application route
  app.route('/*').get(core.renderIndex);
};

该路由器定义了一个单一的路径（/），由核心控制器的 renderIndex 函数处理。注意，核心控制器是一个 CommonJS 模块，类型为require。

接下来，查看\modules\core\server\controllers\core.server.controller.js（Express 框架的一部分）

exports.renderIndex = function (req, res) {
  res.render('modules/core/server/views/index', {
    user: req.user || null
  });
};

发送页面modules\core\server\views\index.server.view.html

{% extends 'layout.server.view.html' %}
{% block content %}
  <section ui-view></section>
{% endblock %}

呈现页面！！