|--app|----model|----service|----view|--------page|--------wedget |--lib以上是此次开发的基本目录结构。lib 目录中的所有
|--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>