[关闭]
@TerryWan 2017-01-11T11:04:31.000000Z 字数 1411 阅读 1956

前端项目概况及目录结构说明

工作


活动中心

活动中心前端框架历经三个阶段:

单个页面

当前状态:模式已废弃,部分已开发活动会反复上线;
技术:jquery+template;
特点:单个页面;轻量;
缺点:不利于组件、模块沉淀;开发效率低;
SVN路径:

页面模板/后端文件地址: kk/operating/module/newact/xxx
PS: 文件夹名(xxx)同运营平台活动类名一致,且不区分大小写;

图片资源路径:kk/web/cdn/xxx
PS: 文件夹名(xxx)同运营平台活动模板名一致,且不区分大小写;

基于Backbone的SP

当前状态:基本已废弃,部分已开发活动会反复上线,需要了解;
技术:backbone+underscore+router+jquery+requirejs+gulp;
特点:单页面应用;MV*;专注逻辑开发;效率有所提升;模板名添加_newtpl来界定;
缺点:不利于组件、模块沉淀;
SVN资源路径:kk/web/cdn/ns/xxxmod/xxx/

文件夹名(xxxmod)同应用对应apptype一致;
xxx文件夹名同运营平台活动模板名一致(去掉_newtpl后缀);
资源包括:逻辑文件main.js、模板文件default.tpl、样式文件default-theme.css/theme-version.css、图片资源;

基于vue的SP

基于VUE+Webpack活动框架目录结构和开发示例
当前状态:推荐;全平台铺开;必知必会;
技术:vue.js+vue-router+jade+sass+webpack+ES6;
特点:单页面应用;Vue MVC;专注逻辑开发;利于组件抽离;模板名添加_vuetpl来界定;
缺点:核心文件大,需要持续优化;组件库需要丰富;
SVN资源路径:kk/web/cdn/ns/xxxmod/xxx/

文件夹名(xxxmod)同应用对应apptype一致;
xxx文件夹名同运营平台活动模板名一致(去掉_vuetpl后缀);


运营平台

运营平台前端架构经历两个阶段:

老运营平台

当前状态:已废弃;
技术:Bootstrap+jquery+underscore+backbone;
SVN资源路径:kk/kkpromo/

新运营平台

当前状态:上线;持续开发中;
技术:vue.js+webpack+jade;
SVN资源路径:kk/kkpromo_new/


工作流系统

当前状态:上线;持续开发中;
技术:backbone+underscore+router;
SVN资源路径:kk/need/


微信模块及HTML5编辑器

当前状态:上线;作为运营平台的子模块;持续开发中;
技术:vue.js+webpack、angularjs+jquery+hammer.js;
SVN资源路径:kk/h5editor/kk/kkpromo_new/h5editor/


对外独立项目

SVN资源路径:

kk\web\independent,PS:限无本部门后端对接项目;
kk\kkpromo_new\outerface,PS:运营平台外测入口


其他

WIKI

SVN资源路径:kk\wiki\

JSSDK

SVN资源路径:kk\web\cdn\js\

公共图片资源

SVN资源路径:kk\web\cdn\activity-images\;注意类型和工作室区分

核心库/插件

SVN资源路径:kk\web\cdn\js\kk\web\cdn\ns\lib\

添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注