这是一个kerkee v0.9.0 的javascript前端项目模板
本工程提供一个项目模板,可减轻开发环境搭建工作和客户端的前端模块功能划分。###
该模块包含如下内容:####
- 使用MVC模式,高度解耦
- 引入webapp概念,配合kerkee进行无缝增量更新
- 本框架目标包为html.zip,无进行加密,可自行对zip包进行文件加密
- 可作为kerkee的h5框架使用,也可单独使用。当然kerkee native的H5可以不使用此框架,你只需引入kerkee.js到你的工程中即可
- 使用zepto underscore jquery atrtemplate等框架
- 使用kerkee的kerkee.js用于配合kerkee环境的搭建
- 使用requirejs amd模块加载器
- 使用gulp构建
- 展示了页面切分和逻辑模块划分(html、css、js),及如何根据实际切换模块。适用团队分工合作
- 支持两种应用场景,浏览器,移动app
- 支持生产环境,即可将js合并压缩成单个js文件,优化css文件,优化html文件
- 后期会逐步引入页面路由技术,页面转换的有限状态机应用等。
- 可使用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`