企业培训_eos开发培训课件

FLEX EOS开发培训 目录 本次培训的目标EOS体验开发EOS的进阶开发EOS Flex集成开发 本次培训的目标 如何EOS用开发SOA应用明确如何使用Flex开发web界面了解EOS如何与Flex集成开发 目录 本次培训的目标EOS体验开发EOS的进阶开发EOS Flex集成开发 EOS体验开发 HelloWorld 6 EOS体验开发 项目创建 7 EOS体验开发 构件包设计 8 EOS体验开发 页面流开发 9 EOS体验开发 页面开发 10 EOS体验开发 逻辑流开发 11 EOS体验开发 完善页面流和页面 12 EOS体验开发 测试运行 13 EOS体验开发 测试运行 Flex体验开发 HelloWorld 目录 本次培训的目标EOS体验开发EOS的进阶开发EOS Flex集成开发 EOS的进阶开发 表单查询开发 表单查询开发 数据准备 脚本参见备注 表单查询开发 构件包设计 表单查询开发 数据建模 表单查询开发 页面流开发 表单查询开发 页面开发 表单查询开发 逻辑流开发 表单查询开发 完善页面流开发 表单查询开发 完善页面开发 表单查询开发 测试运行 目录 本次培训的目标EOS体验开发EOS的进阶开发EOS Flex集成开发 FLEX集成开发 案例描述 本例以之前做的EOSTripping项目为基础 将之前jsp页面换为flex的开发界面 通过flex来调用逻辑流实现数据交互查询功能 详细的开发步骤如下 1 配置EOS环境2 新建Flex项目3 配置Flex环节4 HelloWorld开发5 员工查询开发6 练习 FLEX集成开发 EOS环境配置 1 打开EOSTripping项目 部署BlazeDs在相关配置 将BlazeDs的jar包复制到项目的lib文件夹下 配置文件放到WEB INF下的lfex文件夹下 如下图 BlazeDS 它是基于服务器的java远程调用 Remote 和web消息 Message 的通讯技术 使得运行在后台的java应用程序和运行在前端的flex应用程序间能够相互互相通讯 BlazeDS包含的 jar包为及配置为件 flex messaging common jar flex messaging core jar flex messaging opt jar flex messaging proxy jar flex messaging remoting jar配置文件为 messaging config xml proxy config xml remoting config xml services config xml FLEX集成开发 EOS环境配置 2 修改remoting config xml 配置远程调用逻辑 注意 default channels节点配置了flex调用后台的时的协议通道 其中my amf对应services config xml配置文件中节点channel definition的id属性值 channel definition对应的amf通道一般有my amf my secure amf my polling amf 当以https的方式访问时 一般会将ref的值配置位 my secure amf 推送模式时一般配置为my polling amf destination节点配置了flex与java通讯时调用的具体java实现类 FlexInvoker java提供了一个invoke方法 在后面会讲到 com eos access client FlexInvokerapplication FLEX集成开发 EOS环境配置 3 修改web xml 配置flex监听器及servlet 增加如下内容 注意 services configuration file对应在 WEB INF flex services config xml路径 它为services config xml所在项目中WEB INF中路径 不要写错 flex messaging HttpFlexSessionMessageBrokerServletMessageBrokerServletflex messaging MessageBrokerServletservices configuration file WEB INF flex services config xml1MessageBrokerServlet messagebroker FLEX集成开发 配置FLEX项目 FLEX集成开发 helloworld开发 HelloWord程序 界面开发 在Application标签中输入显示标签 文本输入框 提交按钮并保存 如下 tip Application 是flex开发的入口标签 是所有flex控件显示入口 常用的layout属性 表示子标签的布局方式 值有absolute vertical horizontal 此处选择horizontal值 表示所有直接子标签以垂直的方式排列 Label 文本显示标签 通过text属性 设置需要显示的内容 TextInput 文本输入框 Button 按钮标签 添加click事件交互 HelloWord程序 界面开发 1 到目前为止 flex程序界面基本开发完成 但要和后台EOS程序集成 还需要添加相应的事件 打开HelloWorld mxml文件 增加标签 用来添加as代码 Tip 1 给Button标签添加click事件 通过 alt 可以自动给出提示 2 标签的id属性 可以在as代码中直接使用 代表标签在当前页的一实例对象 比如获取TextInput的值 可以通过调用 id input text得到 同样赋值也可以通过id input text 赋值 2 修改clickHandler方法 0 id return text results 0 tip 1 remoteObject destination值为flexObject 对应remoting config xml文件中destination的id属性值2 invoke为之前配置FlexInvoker java类提供的方法 第一个参数为session对象 第二个为需要调用的逻辑流 第三个参数为逻辑流需要的参数3 Invoke在解析逻辑流时 参数是以数组形式组织的 因此在传入逻辑流参数时 需要用到Array4 变量名bizx对应的值为EOS中逻辑流的全称 员工查询示例 此示例 仍旧以之前EOS项目EOSTripping为原型 将jsp页面换为flex页面 来实现数据查询功能 员工查询示例 Flex界面开发 1 Style引用了一个外部样式文件 assets skin css style css 此样式文件通过右键点击项目src目录 新建 CSS文件 所有标签的样式都可写入此文件 引入样式文件后通过标签的styleName属性来指定 sytel css内容如下 panel vertical gap 0 background color FFFFFF cornerRadius 0 header height 30 highlightAlphas 0 15 0 headerColors C2D8DF C2D8DF borderAlpha 1 borderColor d8d8d8 borderThicknessLeft 1 borderThicknessTop 0 borderThicknessBottom 1 borderThicknessRight 1 dropShadowEnabled false 2 Panel是一个带有标题的容器 通过title属性指定标题名称 如 panle的layout属性也经常会用到 表示它的子标签的布局方式 值有absolute vertical horizontal 此处选择horizontal值 表示所有直接