數據分析平臺 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>