数据分析平台 js 具体实现整理

|--app
|----model
|----service
|----view
|--------page
|--------wedget    
|--lib

以上是这次开发的基本目录结构。

lib 目录中的全部内容都是引入的网络上的各类js模块，像 jquery, moment.js, lodash.js...

app 目录下项目中我的编写的主要部分

基本的实现思路很模仿yii中一切皆为组件得思路。

model 文件夹中是 数据模型，主要存放数据中的数据模型。 view 文件夹中是 视图模型，主要存放页面中与展现相关的视图模型 view/page 文件夹是各个网页页面的具体js实现。 view/wedget 文件夹是数据模型或视图模型可能用到的基本组件。 service 文件夹是 数据模型与视图模型的中间层，整合数据模型与视图模型，实现一些整合操做。

问题知识点

整个项目中利用requery js管理各类js模块的引入。

requery js 的在启用之初能够有一个简单的配置项。 ASSETS_URL 是项目的js文件夹，common.js是requery.js的基本配置文件， 为了保证配置文件生效， 必须在保证引入配置文件的基础之上再引入配置文件的基础之上， 引入页面的具体实现文件。

<script>
  // 载入页面模块
  requirejs([ASSETS_URL + '/js/common.js'], function(common) {
    requirejs(['app/view/page/loss-analysis']);
  });
</script>