/kerkee_js

keerkee_js is a web framework,it can run in keekee Framework which is Hybrid App Framework, and it can run on system browsers.

Primary LanguageJavaScript

这是一个kerkee v0.9.0 的javascript前端项目模板

本工程提供一个项目模板,可减轻开发环境搭建工作和客户端的前端模块功能划分。###

该模块包含如下内容:####

  1. 使用MVC模式,高度解耦
  2. 引入webapp概念,配合kerkee进行无缝增量更新
  3. 本框架目标包为html.zip,无进行加密,可自行对zip包进行文件加密
  4. 可作为kerkee的h5框架使用,也可单独使用。当然kerkee native的H5可以不使用此框架,你只需引入kerkee.js到你的工程中即可
  5. 使用zepto underscore jquery atrtemplate等框架
  6. 使用kerkee的kerkee.js用于配合kerkee环境的搭建
  7. 使用requirejs amd模块加载器
  8. 使用gulp构建
  9. 展示了页面切分和逻辑模块划分(html、css、js),及如何根据实际切换模块。适用团队分工合作
  10. 支持两种应用场景,浏览器,移动app
  11. 支持生产环境,即可将js合并压缩成单个js文件,优化css文件,优化html文件
  12. 后期会逐步引入页面路由技术,页面转换的有限状态机应用等。
  13. 可使用URD技术配合使用更佳(URD是我2015年9月份刚提出的架构理念,目前只用在斗米客户端中,还未成熟,以后个时间分享一下)

目录结构

├── html -------------------------------- kerkee的开发目录
│   ├── cache.manifest ------------------------ 项目模块配置信息,包含依赖客户端版本,当前模块版本等,便于升级使用
│   ├── build --------------------------- 前端项目构建配置模块,基于r.js,具体配置信息查看build.js
│   │   └── build.js ---------------------- 客户端构建文件
│   ├── static -------------------------- 静态资源存放目录
│   │   ├── css ------------------------- css样式表资源存放目录
│   │   └── images ---------------------- 图片资源存放文件
│   ├── modules
│   │   └── test  ----------------------- 模块包名,如test等。放置模块的js、html、less等文件
│   │       ├── test.js ----------------- 模块配置,test.html对应的script引入的入口文件,通常用于配置加载器所需要的资源路径和初始化方法(使用r.js压缩合并后,modules里对应的模块包里的资源会合并到这个里面)
│   │       ├── testDo.js --------------- 模块功能初始化入口,需要包含一个和模块名+Do方法的模块,作为初始化方法模块(类似java里的main方法)
│   │       └── test.html --------------- 前端项目开发中需要的模块主入口页面
│   ├── conf ---------------------------- 项目配置目录
│   │   ├── urlmapping.conf ------------- 路由配置
│   │   └── version.conf ---------------- 版本配置文件
│   ├── clientApi ----------------------- API接口目录
│   │       ├── testApi.js -------------- 接口模块
│   │       └── util.js------------------ 工具库函数
│   ├── lib ----------------------------- 第三方库目录
│   └── widget -------------------------- 组件存放目录
│ 
└──core -------------------------------- 核心框架

配置环境

1、先安装node

2、安装gulp

	`npm install -g gulp`

3、cd到core目录,安装依赖

	`npm install`

项目构建

	`gulp build`