8.2.2　页面结构设计

网页结构是指网站中页面之间的层次、链接、跳转关系, 决定了各页面在网站中的重要性。一个电子商务系统通常包括几十甚至上百个页面, 合理清晰的页面结构设计是衡量网站用户体验好坏的重要指标之一, 也直接影响搜索引擎的收录效果。

边界类是位于系统与外界交界处的窗体、对话框、报表等实体。边界类图用于指明系统中所有边界类及其之间的关系, 可展现系统各边界类之间的链接及跳转过程。电子商务网站中的边界类多为网站页面, 因此, 通过绘制边界类图可以展现系统网站页面结构。

图8-4 (a)、图8-4 (b) 分别是以边界类图表达的电子商务网站前台客户和后台管理员常用页面结构图。从图8-4 (a) 可以看出, 通常主页(Index.jsp) 能链接到商品分类页面(CommodityMenu.jsp)、用户登录(Login.jsp) 页面、用户注册页面(Regist.jsp)、个人商城页面 (MyMarket.jsp)、商品促销页面 (SalesPromotion.jsp)、客户服务页面(CustomerService.jsp), 其中由商品分类页面可跳转到商品列表页面(CommodityList.jsp),由商品列表页面可跳转到商品详情页面(CommodityInfo.jsp), 随后根据客户的不同操作可分别跳转到商品收藏页面(Collection.jsp)、购物车(ShoppingCart.jsp) 页面、商品购买页面(NewOrder.jsp), 当确定购买后可进一步跳转到支付页面(Payment.jsp)。从图8-4 (b) 可以看出, 后台管理页面(BackStage.jsp) 主要包括商品管理页面(CommodityManagement.jsp)、用户管理页面(UserManagement.jsp)、订单管理页面(OrderManagement.jsp)、广告管理页面(AdvertisementManagement.jsp)、促销活动管理页面(PromotionManagement.jsp)、商品评价管理页面(EvaluationManagement.jsp)。

图8-4　电子商务网站常用页面边界类图

(a) 前台客户常用页面边界类图; (b) 后台管理员常用页面边界类图

思政栏目

在进行电子商务系统网站的设计与实现的时候, 我们需要有科学统筹能力, 应注意以下5点要求: ①网站界面需要美观; ②用户的体验感要好; ③版块设计要合理;④网站的设计不能偏离行业的特性; ⑤选择适合自己的网站。由于每个网站的设计都由一个个具体网页构成, 每个网页又由不同栏目组成, 而每个栏目的设计都有其具体设计细节, 因此想要从事电子商务的大学生要有科学统筹能力, 同时还要具备跨学科整合的能力。在具体各模块的设计中, 要注重逻辑思维能力的培养与训练。例如, 如何科学、高效地运用CSS、JavaScript 网页特效的方法, 以及优化网页设计的逻辑策略,从而提高科学统筹决策效率。这就如同我们的人生规划, 大学生要科学地规划自己未来的发展道路, 认清自己所处的时代环境以及自身具备的专业知识与技能, 树立为民族复兴而奋斗的价值理念。