水果公司网站的设计与实现学位论文

毕业论文杭州水果公司网站的设计与实现杭州水果公司网站的设计与实现目录PAGEI目录摘要 1ABSTRACT 2第一章绪论 31.1开发背景 31.2设计思想 31.3预期目的 41.4相关工具介绍 41.4.1ASP 41.4.2Dreamweaver

MX 51.4.3Photoshop 51.4.4Flash 6第二章需求分析 82.1操作分析 92.1.1用户操作 92.1.2管理员操作 102.2数据分析 11第三章系统设计 123.1数据库设计 123.1.1E-R图设计 123.1.2表结构设计 133.2流程设计 143.2.1总体流程设计 143.2.2详细流程设计 163.3页面框架设计 16第四章系统实现 194.1数据库连接 194.2主要模块的实现 194.2.1登录模块的实现. 194.2.2新闻发布模块的实现 214.2.3在线订单模块的实现 234.2网站的实现 264.2.1首页页面 264.2.2产品展示页面 264.2.3在线订单页面 284.2.4登录界面 284.2.5后台展示页面 29第五章总结与展望 30参考文献 31致谢 32杭州水果公司网站的设计与实现摘要第14页共32页摘要本文讲解了一个水果网站的设计与开发思路，它是依据时间的差别的水果网页及动态发展做成，在网页方面，全面考虑了页面色彩、页面的构架，充分的利用了图片、文字、图层、表格等元素。网站内容明确，层次清楚，达到了预期的功能。杭州水果网站主要运用FrontPage、ASP、DreamWeaver来制作的，另外一些图片的处理，动态的实现，分别运用了PhotoShop和Flash或FireWorks来实现。除些之外，制作中还运用了数据库连接到管理后台，主要是运用数据库ACCESS来实现注册，登录等信息。主要内容是水果介绍、水果分类、水果价格、水果定购、水果论坛等。关键词:ASP、杭州水果网、Dreamweaver杭州水果公司网站的设计与实现ABSTRACTABSTRACTAfruitwebsitedesignandtrainofthoughtdevelopingthemainbodyofabookhasbeenexplained,itsfruitWebpagebeingtojudgebythetimedifferenceanddevelopmentdevelopmentsucceedinmakingup,inthefieldofWebpage,haveconsideredpageoffacecolor,pageoftrusssoftandflouryallround,havemadeuseofthephotograph,characters,havepursuedatiersufficiently,thetablewaitsforanelement.Contentmakeswebsiteclear,arrangementofideasisclear,havereachedtheexpectedfunction.HangzhoufruitwebsitewieldsFrontPagemainly,ASP,DreamWeavercometomake,anotherafewphotographstreatment,dynamicrealization,havewieldedPhotoShoprespectivelyandhavecomecometrueFlashorFireWorks.Thedatabaseexceptsome,havingappliedinfabricationlinksuptomanagingbackstage,istoapplyadatabasetorealizeinformationsuchasregistering,loggingoncomingACCESSmainly.Maincontentisfruitintroducethat,fruitclassification,fruitprice,fruitorder,thefruitforumwaits.Keywords:ASP,Hangzhoufruitnet,Dreamweaver杭州水果公司网站的设计与实现第一章绪论第一章绪论因特网（Internet）是全球信息资源的总汇，Internet以相互交流信息资源为目的，它是一个信息资源和资源共享的集合，基于网站的平台为用户提供所需信息。从目前的情况来看，Internet市场仍具有巨大的发展潜力，未来其应用将涵盖从办公室共享信息到市场营销、服务等广泛领域。在互联网成为人们快速获取、发布和传递信息的重要渠道之际,水果网站的建设不仅能使人们了解水果，更能使人们更好的选择适合自己口味和有利于自己身体健康的水果，还能使人们更快更方便的买到自己喜欢的水果。网络无处不在,政府对农业信息化的支持是一个机遇,如何把握?如何在网络上进行水果行业的推广营销?企业网站是开展网络营销的综合性工具，专业性的企业网站是网络营销效果得以保证的基础。基于该公司一直走的是老旧模式经济，所以我试着开发“杭州水果网站”系统，一为提高公司的经营效益，二为提高自身的专业能力。1.1开发背景

网站服务：在互联网蓬勃发展的今天，网络和我们的生活、工作越来越密不可分，网络正领导着一个新时代的来临。大浪淘沙，乘风而上，新一轮的企业竞争正以“信息化、网络化、国际化”形式激烈展开。企业建设有自身特色的网络平台并成功的加以推广是企业“网络化”的关键一步。所以为了达到预期的销售目的和发树立自己的品牌，建立一个信息化的网站是不可获缺的。1.2设计思想通过网站的建立，全面的宣传，发布最新的资讯、产品展示、市场价格等，使顾客增加对公司的了解，增强顾客与公司之间的联系，在Internet网上，让顾客及时得到公司发布的重要信息，同时也帮助了公司完成部分事务，提高办事效率,给顾客与公司最方便的联系桥梁。1.3预期目的(一)开发出别具一格的网站，提高网站的点击率，从而提高公司的知名度。(二)对本公司产品进行展示，拓展公司产品的销售渠道。(三)提供一个方便买卖的平台。1.4相关工具介绍1.4.1ASPMicrosoftActiveServerPages即我们所称的ASP，其实是一套微软开发的服务器端脚本环境，ASP内含于IIS3.0和4.0之中,通过ASP我们可以结合HTML网页、ASP指令建立动态、交互且高效的WEB服务器应用程序。有了ASP你就不必担心客户的浏览器是否能运行你所编写的代码，因为所有的程序都将在服务器端执行，包括所有嵌在普通HTML中的脚本程序。当程序执行完毕后，服务器仅将执行的结果返回给客户浏览器，这样也就减轻了客户端浏览器的负担，大大提高了交互的速度。（一）ASP功能：处理由浏览器传送到站点服务器的表单输入。访问和编辑服务器端的数据库表。使用浏览器即可输入、更新和删除站点服务器的数据库中的数据。读写站点服务器的文件,实现访客计数器、座右铭等功能。提供广告轮播器、取得浏览器信息、URL表管理等内置功能。由cookies读写用户端的硬盘文件,以记录用户的数据。可以实现在多个主页间共享信息,以开发复杂的商务站点应用程序。使用VBScript或JScript等简易的脚本语言,结合HTML码,快速完成站点的应用程序。通过站点服务器执行脚本语言,产生或更改在客户端执行的脚本语言。扩充功能的能力强,可通过使用VisualBasic、Java、VisualC++等多种程序语言制作ActiveXServerComponent以满足自己的特殊需要。(二)ASP的特点:使用VBScript、JScript等简单易懂的脚本语言，结合HTML代码，即可快速地完成网站的应用程序。无须compile编译，容易编写，可在服务器端直接执行。使用普通的文本编辑器，如Windows的记事本，即可进行编辑设计。与浏览器无关(BrowserIndependence),用户端只要使用可执行HTML码的浏览器，即可浏览ActiveServerPages所设计的网页内容。ActiveServerPages所使用的脚本语言(VBScript、Jscript)均在WEB服务器端执行，用户端的浏览器不需要能够执行这些脚本语言。可使用服务器端的脚本来产生客户端的脚本。ActiveServerPages的源程序，不会被传到客户浏览器，因而可以避免所写的源程序被他人剽窃，也提高了程序的安全性。ASP的奇妙之处真是不胜枚举的。(三)ASP运行环境：MicrosoftIS4.0/5.0onWindowsNTServerMicrosoftPeerWebServicesVersion3.0onWindowsNTWorkstationMicrosoftPersonalWebServeronWindows981.4.2Dreamweaver

MX可视化的网页设计和网站管理工具，支持最新的Web技术，包含HTML检查、HTML格式控制、HTML格式化选项、HomeSite/BBEdit捆绑、可视化网页设计、图像编辑、全局查找替换、全FTP功能、处理Flash和Shockwave等富媒体格式和动态HTML、基于团队的Web创作。在编辑上你可以选择可视化方式或者你喜欢的源码编辑方式。1.4.3PhotoshopPhotoshop是世界顶尖级的图像设计与制作工具软件。图像处理是对已有的位图图像进行编辑加工处理以及运用一些特殊效果，其重点在于对图像的处理加工。在表现图像中的阴影和色彩的细微变化方面或者进行一些特殊效果处理时，使用位图形式是最佳的选择，它在这方面的优点是矢量图无法比拟的。Photoshop可以随心所欲地把自己的想法实现时。学习内容：Photoshop掌握绘画的基础理论，学习色彩原理和选取颜色、范围选取、工具与绘图、图像编辑、控制图像色彩和色调、使用图层、路径、通道和蒙板的应用、滤镜等。1.4.4FlashFlash是一种交互式矢量多媒体技术，他的前身是Futureplash，早期网上流行的矢量动画插件。后来由于Macromedia公司收购了FutureSplash以后便将其改名为Flash2，到现在最新的flash4。现在网上已经有成千上万个Flash站点，著名的如Macromedia专门ShockRave站点，全部采用了ShockwaveFlash和Director。可以说Flash已经渐渐成为交互式知量的标准，未来网页的一大主流。Flash的功能特点，总结起来有如下特点：灵巧的绘图工具Flash本身具有极其灵巧的图形绘制功能，更重要的是他能导入专业级绘图工具。向量透明效果应用Flash3可以创建透明的图形，并可以任意改变层次间透明的不同效果，如透明度、倾斜度及透明的颜色等属性。具有动画效果的按钮和菜单Flash采用精灵动画的方式，在Flash3中可以随意创建按钮、多级弹出式菜单、复选框、以及复杂的交互式字谜游戏。物体的变形和形状的渐变在Flash3中产生物体的变形和形状的渐变非常容易，其发生完全由Flash自动生成，无须人为地在两个对象间插入关键帧。声音插入Flash3支持同步WAV(Windows)和AIFF(Macintosh)格式的声音文件和声音的连接，你可以用同一个主声道中的一部分来产生丰富的声音效果，而无须改变文件量的大小。自定义字体Flash可以处理自定义的字体及其颜色、大小、字间距、行间距、缩进等多种格式。在Flash创建的网页中，可以加入眼花缭乱的标题和动态的文本，而数据量非常小，比位图的下载速度还快。当然为了防止客户端字体短缺，你也可以将特殊字体转换为位图图形。杭州水果公司网站的设计与实现第二章需求分析第二章需求分析通过对本系统进行需求分析可以看出，系统操作主要有两方面，一方面实现实际用户提供平台，使用户可以登录实现商品的买卖；另一方面还应该提供基本的后台管理功能，管理员登录系统后可以对系统中的各种数据进行操作。因此系统功能分为前台用户操作以后台管理，其主要功能如图2.1和图2.2所示。图2-1系统结构图图2-2新闻结构图2.1操作分析在需求分析中，管理员和用户都起着关键的，必不可少的作用。只有用户才了解自己的真正需求，但他们不知怎样用软件来实现他们的需求，而分析员又往往对用户的市场运作不是很了解，所以用户和分析员之间反复多次的交谈，讨论才能达成一致。作为C2C模式电子商务，必须突出供与求，并且需要为商家留出必要的广告位，同时为用户提供方便的登录搜索界面，而且售后服务的建设是必须的，于是留言本功能是一定要有的，同时，网站也需要提供行业新闻。而作为一个电子商务型网站，后台管理部分是重中之重，它需要为前台做强有力的支撑，保持网站的正常运行。本文实现的是一个电子市场网站，这就要求网站首先要实现基本的注册、登录、信息搜索、信息发布等功能，网站的主题为“水果销售”2.1.1用户操作用户可以进行的操作如下：（一）用户注册新用户首次访问本站，只能进行信息的浏览.必须注册。若想在线留言和订购则必须注册成为会员，才能有这项权利。（二）用户登陆若是注册用户再次访问本站，则可以直接通过之前的注册名及密码登录本站，成功后方可进行相关操作。（三）密码修改注册用户可在成功登录本站后，对自己注册时所填写的密码做修改，可以防止密码外泄，造成自身的损失。（四）修改个人信息注册用户可在成功登录本站后，对自己注册时所填写的个人资料进行调整，使其更加完善。（五）查看商品主要是用户查看本站的商品，包括其他用户的订单及信息反馈情况。（六）发布信息注册用户可在成功登录本站后，可在流言板上发表自己的意见及建议，达到互动的功能。2.1.2管理员操作（一）添加商品信息管理员通过正确的管理员名称和密码，成功进入“管理员登录首页”。在商品管理商品项目中，进行商品的添加，使前台的信息得到及时的更新。（二）删除商品信息管理员成功进入“管理员登录首页”后，可在后台商品管理项目中，对过期或下架商品进行删除。（三）更改商品信息管理员成功进入“管理员登录首页”后，可在后台商品管理项目中，对商品的价格，介绍等进行更改。（四）查看商品信息管理员成功进入“管理员登录首页”后，可在后台商品管理项目中，可查看商品的信息，如价格。（五）查看用户管理员成功进入“管理员登录首页”后，可在后台的注册用户表中，查看注册用户的信息，进行统一管理。（六）修改用户管理员成功进入“管理员登录首页”后，可在后台的注册用户表中，修改注册用户的信息，方便管理。（七）删除留言管理员成功进入“管理员登录首页”后，可在后台的留言信息中，对注册用户无用的留言进行删除。（八）查看留言管理员成功进入“管理员登录首页”后，可在后台的留言信息中，对注册用户的留言进行查看。（九）修改密码管理员成功进入“管理员登录首页”后，可在后台的管理员信息栏中修改密码。2.2数据分析数据流图是结构化系统分析的主要工具，它能图形化地显示出系统中数据的使用，表达数据在系统内部的逻辑流向以及本系统的逻辑功能和数据的逻辑变换。以下是本系统内交易的数据流图如图2-3所示。图2-3数据流图杭州水果公司网站的设计与实现第三章系统设计第三章系统设计3.1数据库设计ACCESS是一种桌面数据库，适合用在数据量不大的网站中，在处理少量数据和单机访问时是非常实用的，效率很高。对于杭州水果公司网站是一个介绍展示公司的网站，所以不会有海量的资料数据，日常只需要添加新闻，公司基本信息，订单管理，所以本网站将采用ACCESS数据库。3.1.1由于各数据库的实体之间的关系比较简单，直接用实体关系图表示就一目了然。各实体的E-R图分别由图3-1、图3-2、图3-3所示。图3-1管理员实体E-R图图3-2新闻实体E-R图图3-3订单实体E-R图3.1.2数据库的概念结构设计完毕后现在可以将上面的数据库概念结构转化为某种数据库系统所支持的实际数据模型，也就是数据库的逻辑结构。这里所使用的是Access数据库，销售系统数据库中的各个表的设计结果在下面的一系列表格中给出，每个表格表示在数据库中的一个表。根据E-R图，可以对后台管理员表、公司简介表、新闻动态表进行设计，如表3-1、表3-2、表3-3所示。表3.1admin后台管理员表字段名数据类型长度注释admin_id自动编号IDadmin_name文本50管理员姓名admin_pass文本50管理员密码表3-2news新闻动态表字段名数据类型长度注释id自动编号编号title文本50新闻主体demo备注新闻内容time日期/日期上传时间表3-3Huodong在线订单表字段名数据类型长度注释id自动编号编号title文本50标题content1备注来自time日期/日期上传时间3.2流程设计3.2.1总体流程设计系统流程分为客户端流程、管理端流程，分别为如图3-4和图3-5所示。图3-4客户端流程图图3-5管理端流程图3.2.2详细流程设计(一)普通用户进入网站活动流图如图3-6所示。图3-6普通用户活动流图(二)会员进入网站活动流图如图3-7所示。图3-7会员用户活动流图(三)后台管理部分，管理员进入网站活动流图如图3-8所示。图3-8管理员活动流图3.3页面框架设计（一）前台首页框架设计如图3-9所示。图3-9前台首页框架图（二）后台首页框架设计如图3-10所示。图3-10后台首页框架图（三）其它重要页面设计注册登录页面用户登录网站时需填写用户名和密码，这是顾客第一次进入网站时注册所得的用户名和密码，我们将负责把顾客的登录信息填入数据库以备顾客再次登录。如果顾客第一次来到，就必须先进入注册界面，填写用户名、密码、联系电话等信息，提交成功后即可激活一个用户名和密码。建议留言通过主页的留言板链接，进入顾客留言板，在这里顾客可以发表对商品的意见及建议，也可以浏览其他人的留言，管理员有浏览及删除留言的权限。新闻网页显示该行业内的新闻。杭州水果公司网站的设计与实现第四章系统实现第四章系统实现4.1数据库连接ADO.NET提供所有OLEDB兼容数据源一个共同的接口，连接、取回、处理及更新数据库数据方便，数据源可以包括使用数据仓库、数据库、文本文件、XML数据等。ADO.NET用“无连接传输模式”访问数据源(使用XML为核心之故)。无连接模式是指当用户要求访问数据源时,无须经过冗长的连接操作,而且通过ADO.NET添加的DATASET（数据集）对象，每个用户都拥有专属的DATASET（数据集）对象，因此，用户就不需要争夺数据源。数据库连接代码如下：setrs=server.createobject("adodb.recordset")setrs=server.createobject("adodb.recordset")setrs1=server.createobject("adodb.recordset")conn="DBQ="+server.mappath("mydb.mdb")+";DefaultDir=;DRIVER={MicrosoftAccessDriver(*.mdb)};"sql="select*fromuserwhereusername='"&name&"'"rs.Opensql,conn,1,14.2主要模块的实现4.2.1登录模块的实现登陆模块实现的功能如图（截图），主要是当前用户信息放入session中，登陆成功后给出欢迎信息，代码如下：杭州水果公司网站的设计与实现第四章系统实现<TR><TR><TDwidth="31"></TD><TDwidth="111"><fontsize="2">管理员帐号</font><fontsize="2">：</font></TD><TDwidth="224"><INPUTid=Text1style="BORDER-RIGHT:#ffffff1pxsolid;BORDER-TOP:#7a7a7a1pxsolid;FONT-SIZE:10pt;BORDER-LEFT:#</TR><TR><TDwidth="31"></TD><TDwidth="111"><fontsize="2">管理员密码：</font></TD><TDwidth="224"><INPUTid=Password1style="BORDER-RIGHT:#ffffff1pxsolid;BORDER-TOP:#7a7a7a1pxsolid;FONT-SIZE:10pt;BORDER-LEFT:#</TR><TR><TDalign=middlecolspan="3"width="382"><palign="right"><INPUTclass=tbuttonid=Submit1type=submitvalue="登陆"name=submit></p></TD></TR>4.2.2新闻发布<formname="form1"method="post"action="admin1.asp"><formname="form1"method="post"action="admin1.asp"><tablewidth="100%"height="600"border="0"align="center"cellpadding="0"cellspacing="0"><tr><tdwidth="22%"valign="top"bgcolor="#DDE6F0"><tablewidth="100%"height="122"border="0"align="center"cellpadding="0"cellspacing="1"bgcolor="9EC5DA"><tr><tdbgcolor="#9EC5DA"><divalign="center">后台管理</div></td></tr><tr><tdbgcolor="#DDE6F0"><divalign="center"><ahref="admin1.asp"target="_parent">添加新闻动态</a></div></td></tr><tr><tdbgcolor="#DDE6F0"><divalign="center"><ahref="admin2.asp"target="_parent"></a></div></td></tr><tr><tdbgcolor="#DDE6F0"><divalign="center"><ahref="newslist.asp">新闻动态管理</a></div></td></tr><tr><tdbgcolor="#DDE6F0"><divalign="center"><ahref="orderlist.asp"></a></div></td>href="orderlist.asp"></a></div></td></tr></table></td><tdwidth="78%"valign="top"><tablewidth="69%"height="362"border="0"align="center"cellpadding="0"cellspacing="0"><tr><tdheight="46"colspan="2"bgcolor="#FFFFFF"><divalign="center"><strong>新闻动态</strong></div></td></tr><tr><tdheight="39"valign="middle"bgcolor="#FFFFFF">主题：</td><tdvalign="middle"bgcolor="#FFFFFF"><inputname="news_title"type="text"height="25"size="50"maxlength="100"></td></tr><tr><tdheight="203"valign="top"bgcolor="#FFFFFF">内容：</td><tdheight="203"valign="top"bgcolor="#FFFFFF"><textareaname="content"cols="65"rows="15"></textarea></td></tr><tr><tdcolspan="2"bgcolor="#FFFFFF"><divalign="center"><p> </p><p>杭州水果公司网站的设计与实现第四章系统实现<inputtype="submit"name="Submit"value="提交">       <inputtype="reset"name="Submit2"value="重置"></p></div></td></tr></table></td></tr></table></form>4.2.3在线订单模块的实现<tablewidth="100%"border="0"align="center"cellpadding="0"cellspacing="0"><tablewidth="100%"border="0"align="center"cellpadding="0"cellspacing="0"><tr><tdheight="1"colspan="6"background="image/bg.gif"class="style2"></td></tr><tr><tdwidth="128"height="25"class="blackstyle2">作者:<ahref="mailto:<%=rec("email")%>"><%=cheack(rec("username"))%></a></td><tdwidth="174"class="blackstyle2">时间:<%=rec("msg_time")%></td><tdwidth="140"class="blackstyle2">来自:<%=rec("come_from")%></td><tdwidth="86"class="blackstyle2"><divalign="right"><ahref="<%=rec("homepage")%>"target="_blank"><imgsrc="image/homepage.gif"width="18"height="18"align="absmiddle"border="0"alt="访问<%=rec("username")%>的个人主页"></a><ahref="reply.asp?id=<%=rec("id")%>"target="_parent"><imgsrc="image/reply.gif"width="18"height="18"align="absmiddle"border="0"alt="只有管理员才可以进行回复操作"></a>杭州水果公司网站的设计与实现第四章系统实现<ahref="del.asp?id=<%=rec("id")%>"target="_parent"><imgsrc="image/del.gif"width="18"height="18"align="absmiddle"border="0"alt="只有管理员才可以进行删除操作"></a></div></td><ahref="del.asp?id=<%=rec("id")%>"target="_parent"><imgsrc="image/del.gif"width="18"height="18"align="absmiddle"border="0"alt="只有管理员才可以进行删除操作"></a></div></td></tr><tr><tdcolspan="4"background="image/bg_1.gif"class="style2"></td><tdwidth="12"height="1"background="image/bg.gif"class="style2"></td></tr><tr><tdheight="20"colspan="4"bordercolor="#FFFFFF"class="style2"><tablewidth="512"border="0"cellspacing="5"cellpadding="5"height="15"align="center"><tr><tdwidth="492"class="style2"><%=cheack(ubbcode(changechr(rec("msg"))))%><br><br><spanclass="under"><%ifrec("msg_reply")<>""then response.write"<hrsize='1'>版主回复：" response.writechangechr(rec("msg_reply"))%><%endif%></span></td></tr></table></td></tr><tr><tdheight="1"colspan="6"background="image/bg.gif"class="style2"></td></tr><tr><tdheight="1"colspan="6"class="style2"></td></tr></table><spanclass="style2"><br><spanclass="style2"><br><%rec.movenextnext%></span><formname="form1"method="post"action="index.asp"onSubmit="returncheck(this)"><tablewidth="100%"border="0"cellspacing="0"cellpadding="0"class="black"align="center"><tr><tdclass="style2"><divalign="right"class="black"><%=pagetitle%><ahref="index.asp?page=1"target="_parent"class="back2">第一页</a><ahref="index.asp?page=<%=m%>"target="_parent"class="back2">最后一页</a>转到<inputname="page"type="text"class="style32"size="2">页</div></td></tr></table></form><formname="form2"method="post"action="add_msg.asp"onSubmit="returncheckmsg(this)"><tablewidth="520"height="267"border="0"align="center"cellpadding="0"cellspacing="0"><tr><tdbackground="image/bg.gif"height="1"></td></tr><tr><tdheight="202"class="orange_3"><divalign="center"class="style2"><tablewidth="342"border="0"cellpadding="3"align="center"><tr><tdwidth="164"class="style2"><divalign="left">名字</div></td>杭州水果公司网站的设计与实现第四章系统实现4.2网站的实现4.2.1首页页面主界面的整体颜色搭配采用了蓝白色，风格以简洁紧凑，文字和图片集中，首页用了一张很简单的页面，菜单、背景用PHOTOSHOP做的，主页包括“公司简介”，“新闻动态”，“产品展示”，“联系方式”，“管理员登录”这五个模块，简单明了的概括了公司的主要内容，让客户进来一目了然，如图4-1所示。图4-1公司首页页面4.2.2产品展示页面产品展示通过简单的表格布局，向客户展示最新的时