面向Web服务的可视化程序设计与实现(11)
订单号 sno Varchar 20 Foreign key
订货商品号 pno Varchar 20 Foreign key
订货数量 ssnu int 4
3.3.5 表结构关系图
图 3.6 表结构关系图
4 应用Web服务的商品管理系统实现
4.1 分层实现
本系统采用了传统的三层架构
数据访问层： 与数据库的交互，专门处理SQL语句
业务逻辑层：处理各种实际业务，比如名称不能重复，金额不能大于多少等等
表现层：用户界面，只负责接收界面上的参数
4.2 界面设计
本系统坚持图形用户界面（GUI）设计原则，界面美观，对用户透明。用户接触软件后对界面上的功能一目了然。在本次设计中很好地保持了界面的一致性。一致性既包括使用标准的控件，也指使用相同的信息方法，如在字体、标签风格、颜色、术语等方面保持一致。
（1） 可视化程序显示的信息一致性要求如下：
① 显示界面中的可视化控件以及背景为自选图片。其中，图片多为风景图给人以清新的视觉效果。
② 管理模块的标签：设置为默认值，其中包括字体、大小、颜色以及相应显示在控件中的位置。
③ 分辨率为：1024*768，增强色24位色。
布局合理化主要体现在一个窗口内所有的模块控件均通过标签的形式显示在系统窗口的上方，使得整体界面的布局相对简洁明了。模块的相应顺序分别从左到右对应的是客户管理模块、商品管理模块、订单管理模块以及财经Web服务模块。在其正行下列从左到右分别罗列的管理模块中的基本功能，分别是客户查询、商品查询、订单查询、订单细则查询、统计销售情况以及客户账单汇总。这样，所需要用到的基本功能控件位于整个窗体的最前端，位置也相应地非常醒目。该系统的界面设计布局力求简介、有序、易于操作。
（2） 系统界面首页
用户打开应用程序所能看到的第一个界面，主界面的效果图如图4.1所示。此界面上显示了四大的功能模块，在功能模块的下列显示的是用户需要常用的管理功能。通过点击这些功能控件，根据相关搜索后的查询以及统计操作，可以进一步进行其他功能的操作。
图 4.1 系统主界面图
（3） 查询数据信息
管理员通过输入关键词进行相应的查询，查询功能的界面效果图如图4.2所示。在功能模块的下列行是整个查询功能的快捷控件。可以通过查询客户名单，查询商品明细以及查询订单细则明细进行其他的增加、删除以及修改的操作。
图 4.2 查询功能界面图
（4） 统计汇总数据信息
在商品管理系统中最常使用的功能是对于整个商品销售情况的统计以及客户名单的汇总。统计功能界面的效果图如图4.3所示。管理员打开商品销售情况的统计以及客户名单的汇总相应控件后，可以得到便于企业利用的相应数据统计结果。这两个功能分别位于分类模块下的功能模块中最后两大模块：统计销售情况和客户账单汇总。
图 4.3 统计功能界面图
（5） 商贸Web服务应用界面
管理员在分类模块中找到商贸Web服务模块，商贸模块的界面效果图如图4.4所示。在完成了管理员所需要对于企业进行的商品管理操作后，可以相对进行Web服务模块的引用，查看时事的中国开放式基金数据、人民币即时报价以及外汇汇率的变动情况。财经Web服务模块的下拉列表中含有三种Web服务，分别是基金数据Web服务、人民币外汇Web服务和即时外汇汇率数据Web服务。使用该三种Web服务可以在在管理商品的同时，了解商品现有的海内外市场价格以及汇率的变更信息。