Ambari-web 架构

Ambari-web 使用的前端 Embar.js MVC 框架实现,Embar.js 是一个 TodoMVC 框架,涵盖了单页面应用(single page application)几乎所有的行为

Nodejs 是一个基于 Chrome JavaScript 运行时建立的一个平台,用来方便的搭建快速的易于扩展的网络应用,NodeJS 借助事件驱动,非阻塞 I/O 模型变得轻量和高效,非常适合运行在分布式设备的数据密集型的实时应用

Brunch : 作为项目的构建管理工具 , 是一个超快的 HTML5 构建工具 , 功能:

  • 编译你的脚本、模板、样式、链接它们
  • 将脚本和模板封装进 common.js/AMD 模块里,链接脚本和样式
  • 为链接文件生成源地图,复制资源和静态文件
  • 通过缩减代码和优化图片来收缩输出,看管你的文件更改
  • 并通过控制台和系统提示通知你错误

目录结构

目录或文件 描述
app/ 主要应用程序代码。包括 Ember 中的 view、templates、controllers、models、routes
config.coffee Brunch 应用程序生成器的配置文件
package.json Npm 包管理配置文件
test/ 测试文件
vendor/ Javascript 库和样式表适用第三方库

app/

目录或文件 描述
assets/ 模拟数据,可以用来做测试使用
controllers/ Ember 框架中 MVC 的 C 层
data/ 应用程序的元数据 ( UI 元数据,服务器数据元数据等 ) 可用来在开发过程中查看元数据的结构
mappers/ JSON 数据到 Client 的 Ember 实体的映射
models MVC 中的 Model
routes/ Ember 路由定义,主要用来做应用程序中的各种页面重定向
styles Web 的样式文件 ( less),最终会通过 Brunch 编译到 ambari-web/public/stylesheets/app.css文件中
views Ember 框架中 MVC 中的 V 层。 包含应用程序的所有视图
templates/ 视图使用的 HTML 模板。 通常一个视图将有一个模板文件
app.js Ember 主程序文件
config.js javascript应用程序的主配置文件。 开发人员可以使用 App.testMode属性等将应用程序保持在测试模式
Locales 国际化
Messages.js 翻译表,程序中页面展示对应的翻译表
routter.js 路由程序,主要用来做路由解析

猜你喜欢

转载自blog.csdn.net/qq_44226094/article/details/130119081
今日推荐