云之家-轻应用二次开发培训 刘宇 k/3 cloud 基础系统部

前言 本文档通过一个简单的案例讲述怎么开发k3cloud移动轻应用，适用了k3cloud二次开发人员。 案例模拟客户：添利时装有限公司；二次开发商：大牛科技。 添利时装有限公司购买了金蝶的K3cloud ERP产品，大牛科技是金蝶的伙伴，帮助添利时装有限公司实施K3cloud 。 小：直击用户痛点、一个应用只搞定一件事 美：用户体验至上、第一眼感觉、视觉动物 快：唯快不破、快速迭代、快速上手、快速响应 了解用户需求，找准用户痛点，先画草图确认需求点、然后画原型确定交互效果、接下来再开发代码、上线前别忘了小范围邀请体验，大家确认ok，最后才全线推广 P2

需求 添利时装有限公司的IT运维人员小A经常接到重置密码的求助电话，有时在公交车上，有时在出差途中。由于不能及时地响应服务，对公司的正常运转造成影响。小A提出希望能做一个重置密码的移动应用。 添利时装有限公司希望大牛科技能提供一个k3cloud移动业务的解决方案。大牛科技提供金蝶云之家+ k3cloud轻应用解决方案。 组织架构、用户很轻松地就导入云之家平台，客户的手机也安装了云之家APP，可以移动办工了，so easy! 重置密码的轻应用提上了日程。 小：直击用户痛点、一个应用只搞定一件事 美：用户体验至上、第一眼感觉、视觉动物 快：唯快不破、快速迭代、快速上手、快速响应 了解用户需求，找准用户痛点，先画草图确认需求点、然后画原型确定交互效果、接下来再开发代码、上线前别忘了小范围邀请体验，大家确认ok，最后才全线推广 P3

技术选型 老王负责Web移动开发框架的选型，他了解目前主流的jQuery Mobile、jQTouch、Sencha Touch移动框架。 二、团队里熟悉web开发比较少， jQuery Mobile有很详细的文档， 熟悉jQuery开发人员使用jQuery Mobile时会觉得驾轻就熟，学习曲线比较小。 jQuery Mobile资料 http://www.jqmapi.com/ http://api.jquerymobile.com/ http://www.w3school.com.cn/jquerymobile/ 小：直击用户痛点、一个应用只搞定一件事 美：用户体验至上、第一眼感觉、视觉动物 快：唯快不破、快速迭代、快速上手、快速响应 了解用户需求，找准用户痛点，先画草图确认需求点、然后画原型确定交互效果、接下来再开发代码、上线前别忘了小范围邀请体验，大家确认ok，最后才全线推广 P4

网页设计 开发工具：选择Dreamweaver CS6，它内置了Jquery Mobile的支持。 重置密码轻应用设计成两个界面，一个是用户的列表界面，一个是重置密码界面。 用户的列表界面使用了listview组件，一个是重置密码界面使用了表单组件 小：直击用户痛点、一个应用只搞定一件事 美：用户体验至上、第一眼感觉、视觉动物 快：唯快不破、快速迭代、快速上手、快速响应 了解用户需求，找准用户痛点，先画草图确认需求点、然后画原型确定交互效果、接下来再开发代码、上线前别忘了小范围邀请体验，大家确认ok，最后才全线推广 P5

轻应用网页设计 小：直击用户痛点、一个应用只搞定一件事 美：用户体验至上、第一眼感觉、视觉动物 快：唯快不破、快速迭代、快速上手、快速响应 了解用户需求，找准用户痛点，先画草图确认需求点、然后画原型确定交互效果、接下来再开发代码、上线前别忘了小范围邀请体验，大家确认ok，最后才全线推广 P6

K3 Cloud轻应用架构 P7

在mcloud注册轻应用 P8

在mcloud注册轻应用 P9

在K3cloud注册轻应用 P10

K3 Cloud 处理轻应用请求 新建一个工程用于处理轻应用请求。工程名称为：LY.K3.Mobile.LightApp.Web，添加Kingdee.BOS、Kingdee.BOS.Core、Kingdee.BOS.DataEntity、Kingdee.BOS.ServiceHelper、Kingdee.BOS.Web引用 LY.K3.Mobile.LightApp.Web工程的输出路径设置为站点文件夹下的WebSite\bin文件夹下 新建一个GetListAction处理类，用于处理获取用户列表请求， GetListAction类继承ILightAppAction接口。 新建一个ResetPasswordAction处理类，用于处理重设密码请求， ResetPasswordAction类继承ILightAppAction接口。 P11

GetListAction处理类 P12

ResetPasswordAction处理类

客户端：获取用户列表html页面 在站点的LightApps里新增一个User的文件夹，在User文件夹下新增 List.htm网页。 List.htm网页通过Ajax请求获取用户列表信息 List.htm网页通过xuntongAuth函数校验云之家用户身份，使用getUserList函数Ajax获取用户列表信息。 P14

客户端：获取用户列表html页面 P15

客户端：getUserList函数 P16

Demo下载 P17

其他 云之家API更多资料，请访问网站：http://open.kdweibo.com 更多交流与碰撞，请访问论坛：http://club.kisdee.com/forum.php?mod=forumdisplay&fid=844&page=1 更直接的交流，请向“云之家团队”发起会话

访问入口 体验中心、管理中心，统一访问入口 企业移云服务，企业注册、MAM、MDM 身份认证、登录认证、组织、职员服务 云之家官网（kdweibo.com） 体验中心、管理中心，统一访问入口 mCloud（mcloud.kingdee.com） 企业移云服务，企业注册、MAM、MDM OpenID（ open.kdweibo.com/wiki） 身份认证、登录认证、组织、职员服务 PubAcc（pubacc.kdweibo.com） 公共号、群发、响应、菜单配置 开放平台（open.kdweibo.com） 开放平台相关资料 交流平台（http://club.kisdee.com/forum.php?mod=forumdisplay&fid=844） 论坛，相关技术、业务交流与讨论 P19