Hpy系统自助终端面开发流程和规范版完整版

H p y系统自助终端面开

发流程和规范版

HEN system office room 【HEN16H-HENS2AHENS8Q8-HENH1688】

终端页面开发流程和规范版

版本历史

Hipay系统自助终端页面开发流程和规范一：Hipay页面开发

1 目录结构：

：顶层目录结构图（1）所示

Applications: 目录里放着我们创建的应用板块。

Framework: 里是Hipay系统应用，包含实体和服务板块

Base: 里放着启动，容器和配置和组件加载等公共类。

Data: 是Hipay内建的数据库。

Logs: 是系统日志文件夹。

是启动文件。

图（1）

：applications 目录图（2）所示

Accounting : 帐务管理，支付信息，发票等。

Content : 内容管理，调查等。

Ecommerce : 电子商务应用。

Order : 订单管理。

Party ：人员组织管理

Securityext : 安全管理拓展

Product : 产品管理。

: 板块加载配置文件。

图（2）

：ecommerce 目录图（3）所示

Src : java源文件。

Config : 配置文件，主要是多语言的配置文件

Data : 系统运行时需要导入的数据文件

Script : Hipay 系统 mini-lang文件（简单Java方法）

Templates : 模板页面

Webapp : web 服务需要用到的页面和脚本

Widget : 用xml描述的页面

: 用ant工具编译src文件夹的源文件生成的classes文件和jar包放在build 中。

: 电子商务板块加载配置文件。

图（3）

：webapp 目录

Webapp 下有一个应用文件夹为 ecommerce ，其目录结构如图（4）所示:

除了 WEB—INF 文件夹以外，其他的文件都是页面文件，页面文件都是以ftl为后缀的freemaker模板页面。

图（4）

：WEB—INF 目录如图（5）所示

Actions : 系统脚本文件夹，beanshell脚本

：流程控制器

：网站参数设置

图（5）

：actions 目录如图（6）

其文件结构和图（4）中的ftl页面结构是对应的。

比如说显示购物车信息的页面放在图（4）cart文件夹中，则对应的脚本放在图（6）的cart文件夹中，这样做不是必需的，但是是规范的，易于维护的。

图（6）

：widget 目录

Widget是把ftl页面和bsh脚本组合起来供前端显示的工具。它用xml语言和特定标签描述页面和页面，页面和脚本之间如何组合和定制。

是公共模板定制页面

是购物车相关页面定制

是产品，目录的显示的页面定制

是有关调查，寻价和客户方面的页面定制

是跟内容管理相关的页面定制

是跟订单和支付相关的页面定制

是公共模板加载的脚本

图（7）

其他板块的目录结构和ecommerce 是相似的。

2 开发内容

：对widget组合页面要熟练掌握。

Web Widget是轻量级的Web应用程序，为使用者提供一键式的服务。它通常被设计为具有特定的功能，如提供天气、股票、拍卖等的信息。它与网页一样，使用标准的Web技术开发，如XHTML，CSS，javascript等。从这方面看，Widget是脱离浏览器UI运行的网页。

beanshell脚本准备数据，freemaker页面显示数据，而widget 工具正是组合脚本和页面的，它规定了哪个脚本为哪个页面组织数据，即起到绑定脚本和页面的作用，同时也可以定义某些变量供页面使用，当然有些页面可以没有脚本，简单的来说，widge t就是用户请求页面，它把变量，标签和freemaker模板语言组合生成HTML页面，当用户请求时就发送给用户浏览器。

Widget用到的标签在framework / widget / dtd 里的xsd文件里，如图（8）

图（8）

在eclipse开发环境下，有代码预示的功能，如图（9）

图（9）

图（10）

图（10）的