Hipay系统自助终端页面开发流程和规范06版.doc

终端页面开发流程和规范0.6版 文件状态： [√] 草稿 [ ] 正式发布 [ ] 正在修改 文件标识： 当前版本： 0.6 撰 稿 人： 李水生 完成日期： 发布时间： 编 号： 2005年12月23日 版 本 历 史 版本/状态 作者 参与者 起止日期 备注 草稿 Hipay系统自助终端页面开发流程和规范 一：Hipay页面开发 1 目录结构： 1.1：顶层目录结构 图（1）所示 Applications: 目录里放着我们创建的应用板块。 Framework: 里是Hipay系统应用，包含实体和服务板块 Base: 里放着启动，容器和配置和组件加载等公共类。 Data: 是Hipay内建的数据库。 Logs: 是系统日志文件夹。 Hipay.bat是启动文件。 图（1） 1.2：applications 目录 图（2）所示 Accounting : 帐务管理，支付信息 ，发票等。 Content : 内容管理，调查等。 Ecommerce : 电子商务应用。 Order : 订单管理。 Party ：人员组织管理 Securityext : 安全管理拓展 Product : 产品管理。 Component-load.xml : 板块加载配置文件。 图（2） 1.3：ecommerce 目录 图（3）所示 Src : java源文件。 Config : 配置文件，主要是多语言的配置文件 Data : 系统运行时需要导入的数据文件 Script : Hipay 系统 mini-lang文件（简单Java方法） Templates : 模板页面 Webapp : web 服务需要用到的页面和脚本 Widget : 用xml描述的页面 Build.xml : 用ant工具编译src文件夹的源文件生成的classes文件和jar包放在build中。 giantstone-component.xml : 电子商务板块加载配置文件。 图（3） 1.4：webapp 目录 Webapp 下有一个应用文件夹为 ecommerce ，其目录结构如图（4）所示: 除了 WEB—INF 文件夹以外，其他的文件都是页面文件，页面文件都是以ftl为后缀的freemaker模板页面。 图（4） 1.5：WEB—INF 目录如图（5）所示 Actions : 系统脚本文件夹 ，beanshell脚本 controller.xml ：流程控制器 web.xml ：网站参数设置 图（5） 1.6：actions 目录 如图（6） 其文件结构和图（4）中的ftl页面结构是对应的。 比如说显示购物车信息的页面showcart.ftl放在图（4）cart文件夹中，则对应的脚本showcart.bsh放在图（6）的cart文件夹中，这样做不是必需的，但是是规范的，易于维护的。 图（6） 1.7：widget 目录 Widget是把ftl页面和bsh脚本组合起来供前端显示的工具。它用xml语言和特定标签描述页面和页面，页面和脚本之间如何组合和定制。 CommonScreens.xml 是公共模板定制页面 CartScreen.xml 是购物车相关页面定制 CatalogScreens.xml 是产品，目录的显示的页面定制 CustomerScreens.xml 是有关调查，寻价和客户方面的页面定制 ContentScreens.xml 是跟内容管理相关的页面定制 OrderScreens.xml 是跟订单和支付相关的页面定制 EcommerceSetup.bsh是公共模板加载的脚本 图（7） 其他板块的目录结构和ecommerce 是相似的。 2 开发内容 2.1：对widget组合页面要熟练掌握。 Web Widget是轻量级的Web应用程序，为使用者提供一键式的服务。它通常被设计为具有特定的功能，如提供天气、股票、拍卖等的信息。它与网页一样，使用标准的Web技术开发，如XHTML，CSS，javascript等。从这方面看，Widget是脱离浏览器UI运行的网页。Widget用到的标签在framework / widget / dtd 里的xsd文件里，如图（8） 图（8） 在eclipse开发环境下，有代码预示的功能，如图（9） 图（9） 图（10） 图（10）的!-- (的内容是注释，从图中的注释清楚地介绍的用widget如何定制一个模板。 screen Screen标签对应的是前端请求的页面，页面的名称name属性是必须的。 section Screen 下有一个唯一的 section ， section下包含 condition ，ac