达内见习报告 - 图文

《面向对象程序设计》课程设计报告

一个简单的电子商城网站

姓 名： 班 级： 学 号： 指导教师： 成 绩：

完成时间：2013/3/28 完成地点：湖州师范学院

一、设计任务分析

本网页主要用HTML语言编写，利用UlteaEdit软件作为开发工具，介绍了“满屋花”（www.mwh.org）这个电子商城网站，该网站设计主要分七个版块：“鲜花礼品” 、“自主订花” 、“绿色植物” 、“花之物语” 、“会员中心”、“联系我们”、“支付方式”等，每个版块都有具体的介绍，以图片和文字介绍相结合的方式，穿插一些视频媒体，以网站浏览的方式综合展示了此网站各种花的“用途”和“鲜花导购”等可选栏目，着重介绍了“新花推荐”和“新品上市”栏的各种花，以便大家更好地了解“满屋花”。

1.1网站整体规划

“满屋花”网站是以营利为目的，方便现在的各行各业的人可以方便地买到各类鲜花，以增进人与人之间的联络和感情的交流。各版块清晰明了，可以很方便地买到各种花。同时个版块的设立，对于“鲜花导购”栏，在制作过程中力求综合运用所学计算机技能，充分发挥本人的专业特长，能让人们对“各种鲜花所代表的含义”，“养花与养生之道” 和“世界各地关于送花的习俗”有更好地了解。

1.2网站的板块设置

网站的板块设置：该网站设计主要分七个版块：“鲜花礼品” 、“自主订花” 、“绿色植物” 、“花之物语” 、“会员中心”、“联系我们”、“支付方式”等。网站版块设计清晰明了，这些版块构成了整个网页布局，以便条理清晰地给消费者以更详细的展现。

二、模块设计

2.1 主页面设计

主页设计主要采用简单大方布局，将所要呈现的内容分成几个大模

块，这样既可以赏心悦目，让浏览者更方便的找到想找到的各种花，又可以让浏览者不产生视觉疲劳，将所有的版块项目清晰地罗列出来。其结构图如下：

主页 鲜花礼品 自主订花 绿色植物 花语植物 会员中心 联系我们 支付方式 用途 花材 价格 鲜花推荐 新品上市 鲜花导购

2.2 导航栏目设计

本网站主要有七个栏目，它们是“鲜花礼品” 、“自主订花” 、“绿色植物” 、“花之物语” 、“会员中心”、“联系我们”、“支付方式”等等，还有别的小部分，还有其它小栏目组织架构：“鲜花分类”，“鲜花推荐”，“新品上市”，“鲜花导购”等。

导航设计上采用表格布局，将各个版块添加水平菜单表，并添加属性，使当鼠标移至各版块时会出现粉红色的“一块字体”，粉红色背景给人以温柔之感。

2.3 用户登录设计

本模块很明显地，该设计分为“用户”， “密

码”两个输入框，可以在购买花时方便的输入消费者的自己的个人信息，“”最下一行还有“忘记密码”这一超连接，帮助忘记密码的用户重新找回密码，保证在配送花时，能根据消费者的具体地址把花准确无误的送到消费者的手中。

2.4风格与色彩搭配

网站的风格就是简洁、整齐这样可以让浏览者更好去了解各种信

息。在搭配上采用了粉白的搭配，以粉红色为主要基调，可以让网友们把注意力都集中在网站的内容上面。

三、主要数据结构

3.1逻辑结构设计

网上购物系统层次图（H图）：

网上购物系统 1.0前台系统 2.0后台系统 商品查询 订购模块 其他模块 商品管理 订单管理 系统管理

四、流程图