达内见习报告.docVIP

《面向对象程序设计》课程设计报告 一个简单的电子商城网站 姓 名： 班 级： 学 号： 指导教师： 成 绩： 完成时间：2013/3/28 完成地点：湖州师范学院 一、设计任务分析 本网页主要用HTML语言编写，利用UlteaEdit软件作为开发工具，介绍了“满屋花”（）这个电子商城网站，该网站设计主要分七个版块：“鲜花礼品” 、“自主订花” 、“绿色植物” 、“花之物语” 、“会员中心”、“联系我们”、“支付方式”等，每个版块都有具体的介绍，以图片和文字介绍相结合的方式，穿插一些视频媒体，以网站浏览的方式综合展示了此网站各种花的“用途”和“鲜花导购”等可选栏目，着重介绍了“新花推荐”和“新品上市”栏的各种花，以便大家更好地了解“满屋花”。 1.1网站整体规划 “满屋花”网站是以营利为目的，方便现在的各行各业的人可以方便地买到各类鲜花，以增进人与人之间的联络和感情的交流。各版块清晰明了，可以很方便地买到各种花。同时个版块的设立，对于“鲜花导购”栏，在制作过程中力求综合运用所学计算机技能，充分发挥本人的专业特长，能让人们对“各种鲜花所代表的含义”，“养花与养生之道” 和“世界各地关于送花的习俗”有更好地了解。 1.2网站的板块设置 网站的板块设置：该网站设计主要分七个版块：“鲜花礼品” 、“自主订花” 、“绿色植物” 、“花之物语” 、“会员中心”、“联系我们”、“支付方式”等。网站版块设计清晰明了，这些版块构成了整个网页布局，以便条理清晰地给消费者以更详细的展现。 二、模块设计 2.1 主页面设计 主页设计主要采用简单大方布局，将所要呈现的内容分成几个大模块，这样既可以赏心悦目，让浏览者更方便的找到想找到的各种花，又可以让浏览者不产生视觉疲劳，将所有的版块项目清晰地罗列出来。其结构图如下： 2.2 导航栏目设计 本网站主要有七个栏目，它们是“鲜花礼品” 、“自主订花” 、“绿色植物” 、“花之物语” 、“会员中心”、“联系我们”、“支付方式”等等，还有别的小部分，还有其它小栏目组织架构：“鲜花分类”，“鲜花推荐”，“新品上市”，“鲜花导购”等。 导航设计上采用表格布局，将各个版块添加水平菜单表，并添加属性，使当鼠标移至各版块时会出现粉红色的“一块字体”，粉红色背景给人以温柔之感。 2.3 用户登录设计 本模块很明显地，该设计分为“用户”， “密码”两个输入框，可以在购买花时方便的输入消费者的自己的个人信息，“”最下一行还有“忘记密码”这一超连接，帮助忘记密码的用户重新找回密码，保证在配送花时，能根据消费者的具体地址把花准确无误的送到消费者的手中。 2.4风格与色彩搭配 网站的风格就是简洁、整齐这样可以让浏览者更好去了解各种信息。在搭配上采用了粉白的搭配，以粉红色为主要基调，可以让网友们把注意力都集中在网站的内容上面。 三、主要数据结构 3.1逻辑结构设计 网上购物系统层次图（H图）： 四、流程图 五、源代码 html head meta http-equiv=Content-Type content=text/html;charset=gbk/ link rel=stylesheet type=text/css href=css/shopping.css/ /head body bgsound src=胡夏-那些年.mp3 loop=2/bgsound div id=container div id=bannerimg src=images/banner.jpg//div div id=gk ul lia href=#鲜花礼品/a/li lia href=#自主订花/a/li lia href=#绿色植物/a/li lia href=#花之物语/a/li lia href=#会员中心/a/li lia href=#联系我们/a/li lia href=#支付方式/a/li /ul /div div id=left div id=login form p用户:input type=text name=user class=text/p p密码:input type=password name=pwd class=text//p p input type=button value=登录 class=btn input type=button value=注册 class=btn/ a href