毕业论文之信息系个人网站建设

目录摘要 7第1章绪论 91.1网站的研究背景 91.2网站研究的内容和目的 91.3网站建设论文内容 9第2章企业网站要紧技术 112.1ASP 112.2MicrosoftSQLServer2000 112.3Fireworksmx 112.4FLASH 112.5Dreamweaver 12第3章企业网站建设需求分析 133.1网站需求分析 133.1.1网站目标分析 133.2主页html分析 133.2.1交互式页面分析 143.3相关技术分析 143.3.1ASP特点 143.3.2SQLserver与access2000 143.3.3FireworksMX 143.3.4FlashMX 153.3.5DreavaweaverMX 153.4数据库分析 163.5功能模块分析 163.6网站公布、扫瞄、调试分析 16第4章网站的系统设计 174.1网站目标的设计 174.2主页html设计 174.2.1LOGO和Banner 174.2.2前台网站的主页设计 184.2.3网站的分页设计 184.2.4后台网站的主页设计 184.2.5网站的后台治理分页设计 184.2.6交互式页面设计 184.3数据库设计 184.3.1数据库连接代码的设计 194.3.2ASP的对象存取数据库设计 204.4功能模块的设计 204.4.1整体功能模块的划分 204.4.2各模块间的关系设计 214.4.3特价商品模块设计 224.4.4新品模块上架设计 234.4.5商品分类模块设计 244.4.6会员治理模块设计 254.4.7销售排行榜模块设计 264.5网站公布、扫瞄、调试设计 274.5.1什么缘故Mozilla比IE更适合调试网站 274.5.2运用环境：当IE脚本信息太简单时 274.5.3错误，就如此被“揪出” 274.5.4严格模式，让网页显示更“顺畅” 27第5章企业网站实现 295.1网站目标实现 295.2主页html实现 295.2.1主页动态Flash的实现 295.3数据库实现 305.3.1数据结构实现 305.3.2数据库表实现 305.4功能模块实现 325.4.1特价商品模块实现 325.4.2新品上架模块实现 325.4.3商品分类模块实现 335.4.4会员治理模块实现 335.4.5销售排行榜模块实现 355.5网站公布、扫瞄、调试的实现 355.6优化方案 36第6章总结与展望 38结束语 39参考文献 40致谢 42附录 43摘要Internet的迅猛进展正在完全地改变我们的生活、工作方式，网络差不多成为我们生活中不可缺少的一部分。随着时代的进展，网络逐渐成为最时尚、最快捷的交流工具。从2000年中国入世以来，全球经济一体化的趋势对国有企业带来巨大冲击。为适应时代进展，借鉴国际先进的治理经验，为了加强治理，提高工作效率，深化改革，我公司于2011年建立了自己的网站和局域网。Internet上公布信息要紧是通过网站来实现的，猎取信息也是在Internet中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用中的地位显而易见，本网站的个性化页面生成系统是在Dreamweaver提供的完善的开发环境下，利用IIS+ASP技术来实现完成的。本文中数据库服务器端采纳了MicrosoftAccess数据库作为ODBC(OpenDataBaseConnectivity)数据源，并进行数据库存取等操作，从而使Web与数据库紧密联系起来。为了充分利用网络资源，加强厂内各个部门的联系，加强合作，促进职工的学习热情，提高职工的业务水平，建立此网站。关键词：ASP，数据库，ODBC,网站设计AbstractTherapiddevelopmentofInternetisthoroughlychangeourlives,workways,networkhasbecomeustheindispensablepartinlife.Alongwiththetimedevelopment,thenetworkgraduallybecomethemostfashionable,mostefficientcommunicationtools.SinceChina'sentryintowto,from2000,thetrendofglobaleconomicintegrationofstate-ownedenterprisetobringthehugeimpact.Toadapttothesocialdevelopment,fromtheinternationaladvancedmanagementexperience,inordertostrengthenthemanagement,improveworkefficiency,deepenreform,mycompanyin2011andsetuptheirownsiteandLAN.PostedontheInternetinformationmainlythroughthewebsitetorealize,obtaininginformationisalsointheInternetinaccordancewithcertainretrievalwillneedinformationfromthewebsiteanddownloaddown.ThereforewebsiteconstructionintheInternetapplicationstatusobviously,thiswebsitepersonalizedpagegenerationsystemisprovidedinthedevelopmentoftheperfectDreamweaverenvironment,useIIS+ASPtechnologytorealizefinish.Inordertomakefulluseofnetworkresources,strengthenthecontacteachdepartmentinfactory,strengthencooperation,promotetheworker'senthusiasm,improvetheirbusinesslevel,settingupthiswebsite.keywords：ASP,database,ODBC,websitedesign第1章绪论1.1网站的研究背景Internet是目前世界上最大的计算机互联网络，它遍布全球，将世界各地各种规模的网络连接成一个整体。作为Internet上一种先进的，易于被人们所同意的信息检索手段，WorldWideWeb(简称WWW)进展十分迅速，成为目前世界上最大的信息资源宝库。据可能，目前Internet上已有上百万个Web站点，其内容范围跨越了教育科研、文化事业、金融、商业、新闻出版、娱乐、体育等各个领域，其用户群十分庞大，因此，建设一个好的Web站点关于一个机构的进展十分重要。近年来，随着网络用户要求的不断提高及计算机科学的迅速进展，特不是数据库技术在Internet中的广泛应用，Web站点向用户提供的服务将越来越丰富，越来越人性化。Internet的迅猛进展正在完全地改变我们的生活、工作方式，网络差不多成为我们生活中不可缺少的一部分。为了加强治理，提高工作效率，借鉴国际先进的治理经验，深化改革，我公司于2011年建立了自己的网站和局域网。为了充分利用网络资源，加强厂内各个部门的联系，加强合作，促进职工的学习热情，提高职工的业务水平，建立此网站。1.2网站研究的内容和目的信息时代的来临拓宽了大伙儿进行自我提升的途径，同时也对大伙儿的素养提出了更高的要求。被称为当今社会的“天之骄子”的电脑主宰着世界的前进，而主宰电脑的我们则更应该多考虑，多研究，多学习。只读书的学习方式一去不复返，科技的日新月异，使我们不得不学习一种新的知识--计算机技术。怪不得有人讲“可不能电脑的人，将是新世纪的文盲”。足见网上学习的重要性。职员网上交流系统网站将作为一个职员的学习、交流的平台，设立公司新闻，展示全公司风采，公布各种新闻、单位组织的活动、等信息；设立学习平台实现网上学习，拓宽培训途径；随着单位人事制度改革的深入，强化人才的治理，建立岗位竞聘模块；留言反馈、联系我们的建立，便于于职员的互动和交流。1.3网站建设论文内容本文中数据库服务器端采纳了MicrosoftAccess数据库作为ODBC(OpenDataBaseConnectivity)数据源，并进行数据库存取等操作，使Web与数据库紧密联系起来整个个性化页面生成系统要紧由使用Dreamweaver开发的关联规则采掘系统和利用IIS+ASP技术实现的个性化Web页面生成器两部分组成。关联规则采掘系统对数据库中的历史记录进行分析，产生用户关联规则表；页面生成器则负责记录用户行为和依照关联规则表动态生成用户个性化Web页面。二者通过数据库服务器和Web服务器连接。站内浏客：扫瞄网页后明白本单位的概况，了解公司的组织结构；掌握和学习公司专业知识。治理人员：对网站进行治理，回复留言，公布新闻、及岗位竞聘等内容。查看岗位竞聘信息，并与之联系等。第2章企业网站要紧技术2.1ASPASP(MicrosoftActiveServerPages)，是一套微软开发的服务器端脚本环境，ASP内含于IIS3.0和4.0以及更高的版本之中,通过ASP能够结合HTML网页、ASP指令和ActiveX元件建立动态、交互且高效的WEB服务器应用程序。所有的程序都将在服务器端执行，包括所有嵌在一般HTML中的脚本程序。当程序执行完毕后，服务器仅将执行的结果返回给客户扫瞄器，如此也就减轻了客户端扫瞄器的负担，大大提高了交互的速度。因其有专门多的优点，因此我在燕京网上交流系统网站设计时选择了它。2.2MicrosoftSQLServer2000MicrosoftSQLServer2000是企业级数据库解决方案，与MicrosoftAccess2002相比，它极大地改进了可伸缩性、维护性和数据库恢复功能。由于SQLServer基于客户端/服务器体系结构，因此在通过远程连接处理和发送数据的方式上与Access有专门大的不同。SQLServer还提供了许多功能，使数据查询、业务逻辑重用和数据备份等任务变得更简单，更灵活。2.3FireworksmxFireworksmx是Macromedia公司推出的平面图像设计和图像处理软件，它具有强大的图像优化功能和操作易用性，受到宽敞平面图形设计人员及网页设计人员的青睐。利用它可制作如按钮、背景图片、材质纹理、网页特效及网页效果设计等。MX拥有可订制的、直观的、友好的界面。可订制的特性包括：面板布局、快捷键和公布设定。用户界面和Macromedia的其他工具一样，如此给使用者在应用方面带来专门大的好处。2.4FLASHFLASH是制作动画的一个软件工具，它能够通过文字、图片、录像、声音等综合手段形象的体现一个意图，通常像我们看到的广告片段一样。一般利用Flash技术来包装公司形象、进行产品宣传等，通过网页充分体现它的魅力，并能够达到特不行的效果。与往常版本相比较FlashMX有如下特点：2.5DreamweaverDreamweaver是Macromedia公司推出的一款“平民化”的网页制作软件，具有可视化编辑界面和强大的所见即所得网页编辑功能。用户不必编写复杂的HTML源代码，就能够生成跨平台、跨扫瞄器的网页。同时，Dreamweaver支持动态HTML，并采纳了RoundtripHTML技术，从而奠定了在网页高级设计功能方面的领先地位。在进行网页设计过程中，动态HTML技术能够让用户轻松设计复杂的交互式网页，产生动态效果；而RoundtripHTML技术则能够支持HTML源编辑模式，可不能产生冗余代码，使网页渲染速度加快。因此，Dreamweaver是一款能够满足多层次需求，功能强大的可视化专业级网页设计和制作工具。第3章企业网站建设需求分析网站的总体规划，是从总体上对网站的架构进行整体规划。因为只有如此，才能在网站的制作与维护中对网站的功能有一个清晰的把握。此外，做好网站规划，会对网站以后的功能扩展起到事半功倍的作用。3.1网站需求分析互联网丰富多彩，这些信息大多通过网页与用户进行交互。网页的实现形式多种多样，不管是短小精悍的个人主页，依旧结构清晰、信息丰富的大型网站，网站的需求分析和规划设计都要放在第一步，因为它直接关系到网站的功能是否完善，质量是否能够达到保证。3.1.1网站目标分析网站建设目标讲的通俗点确实是网站建设的目的，即公司建设网站后想通过网站来得到什么好处?是展示企业形象?是提供一个与外界交流的网络窗口?依旧开展公司产品的网络营销?依旧其它。确定网站建设目标之前，要先对公司的整个业务流程，从如何查找产品的渠道到查找到合适的目标客户到向客户宣传产品的过程在到完成客户签单，这一整个流程中是否存在某些制约着公司进展的某个环节，那么要把他们挖掘出来。公司是为没有客户发愁依旧往往在介绍产品时忙的不可开交?只有对自己企业有了充分的认识后，才能通过网站建设来解决这些实实在在存在的问题，如此的网站建设成功以后，更有针对性，才是一个真正有用的网站。因此也能够为网站设定一个次要的辅助性的目标，比如网站是做婚纱摄影的，要紧目标是让扫瞄者在网上订单，当要紧目标没有达成时，能够通过制作一份婚纱摄影电子杂志来吸引扫瞄者注册，通过杂志的精美内容来刺激扫瞄者消费呢?\o""网站建设的目标是专门重要的，它对企业网站建设是特不有关心的，能够让网站拥有良好的用户体验。3.2主页html分析一个好的主页关于网站来讲至关重要，它不仅能够使网站的整体效果上升层次，同时也方便网站的交流，同时也更容易达到网站建设者的目的。而一个主页最显眼的地点确实是LOGO和banner。这是主页的头部，一个网址的打开，人们总是最先看见主页的LOGO等，如何丰富主页关于一个网站建设来讲是门学问。针对本次的网站，要求要做到LOGO的醒目，而且开宗明义，能够清晰的表达出网站的主旨是哪些，同时能够带有其特定的宣传效果。3.2.1交互式页面分析从用户角度来讲，交互设计是一种如何让产品易用，有效而让人愉悦的技术，它致力于了解目标用户和他们的期望，了解用户在同产品交互时彼此的行为，了解“人”本身的心理和行为特点，同时，还包括了解各种有效的交互方式，并对它们进行增强和扩充。交互设计还涉及到多个学科，以及和多领域多背景人员的沟通。通过对产品的界面和行为进行交互设计，让产品和它的使用者之间建立一种有机关系，从而能够有效达到使用者的目标，这确实是交互设计的目的。3.3相关技术分析3.3.1ASP特点使用VBScript、Jscript等简单易明白的脚本语言，结合HTML代码，即可快速地完成网站的应用程序。无须编译，容易编写，可在服务器端直接执行。使用一般的文本编辑器，如Windows的记事本，即可进行编辑设计。（4）与扫瞄器无关,用户端只要使用可执行HTML码的扫瞄器，即可扫瞄ActiveServerPages所设计的网页内容。（5)ActiveServerPages的源程序，可不能被传到客户扫瞄器，因而可以幸免所写的源程序被他人剽窃，也提高了程序的安全性。（6）扫瞄器传送到站点服务器的表单输入访问和编辑服务器的数据库表。使用扫瞄器即可输入、更新和删除点服务器的数据库中的数据3.3.2SQLserver与access2000尽管SQLserver有专门多的优点，但SQL用语创建大型数据库操作复杂，涉及到的困难较多如数据库的移动等。又因我所选择开发的课题只是一个较小的课题，其数据库要紧应用到网上注册、留言咨询系统中。杀鸡焉用宰牛刀？依照我的分析能够选择简单的Access2000数据库作为我的网站开发的数据库，因其操作特不简单，可移动性好（随着网站可随意移到任何位置），界面直观，经常应用，使用熟练等特点使它成为我的首选。3.3.3FireworksMX突出功能介绍：图像大小尺寸的处理:打开要处理尺寸大小的图像，在Modify修改菜单中选择ImageSize打开设置图像尺寸大小的对话框，进行具体选项设置，改变图像大小，节约占用空间。图像优化的处理:

要紧是协调图像的质量和图像大小之间的关系，以便提高图像在网页中的下载速度。具体步骤：打开图像，在Window窗口菜单中选择Optimize打开优化面板，进行具体优化设置，能够通过改变图像格式，实现优化处理。使用切割化设置:将图像分割成多个板块，然后在对不同的板块使用不同的优化设置。具体步骤：打开图像，在View菜单中选择SliceOverlay项勾选，然后单击ShowHotspotsandSlices（显示热区和切割）按钮，对图像进行切割处理，将一幅图像切割成若干小图像，提高网页扫瞄图像速度。3.3.4FlashMX类似文件夹的组织和层操作，timeline的强化能够让你的工作更快速、工作量更少。比如：改善的鼠标指针变形，多帧的修改长短、剪切和粘贴能够更加方便的使用timeline。通过易用的工具能够对图像对象进行斜拉、旋转、缩放和变形。当你改变shapes,symbols,和graphicelements时，新的工具能够加强你的制造力。使用动态蒙板能够产生复杂的效果。利用movieclip建立动态的效果，也能够利用ActionScript操纵蒙板。3.3.5DreavaweaverMXDreavaweaverMX软件具有以下特色。出色的工作界面，将所有与Dreamweaver关联的窗口都融入一个多重文档窗口中，用户能够随时查看各种资源。同时能够设置单个或多个面板自由显示，使用户更精确地掌握网页制作的细微之处。拥有更强大的协作能力，能够与Macromedia公司的其他网页制作软件，如FlashMX、FireworksMX等协调一致工作，从而使得轻松制作网页成为可能。提供了更为强大的多媒体处理功能，在设计DHTML(DynamicHTML)和CSS(CascadingStyleSheets)方面表现得极为出色。它利用JavaScript和DHTML语言代码轻松地实现网页元素的动作和交互性操作，在这方面超过了FrontPageXP、Hotdog和Homesite等闻名网页设计软件，成为目前最为流行的网页设计工具。同意在Dreamweaver中直接制作FlashText、FlashButton插件，同时全面支持ASP、ASP.NET、JSP、PHP、XML、VXML和CFML等代码，支持目前流行的大部分网络设计代码。增强了库和模板功能，使用户能够直接建立具有专业界面和代码的网页。3.4数据库分析数据库是系统设计的另一个关键环节，数据库技术使信息资源治理最有效的手段。数据库设计是指对一个给定的应用环境，构造最优的数据库模式，建立数据库及其应用系统，有效存储数据，满足用户要求和处理要求。数据库结构设计的好坏将直接对应用系统的效率及实现效果产生阻碍。设计数据库系统时首先充分了解各个方面的需求，包括现有的及今后可能增加的需求。由于本系统面向的对象有3个，即用户，会员和治理员，因此在数据库需求分析中就要考虑三方面因素。3.5功能模块分析一个好的网站确信是有各种类型的功能模块组成。不同模块有着各自不同的作用，是沟通网站与用户的一个差不多桥梁。而功能模块分为前台模块和后台模块，要紧分不操纵着前台一些网站的差不多功能和后台的功能，达到实现网站作用的目的。同时也更好的发挥网站的作用。3.6网站公布、扫瞄、调试分析尽管InternetExplorer（简称IE）在扫瞄器市场中占据着优势性份额，但并不是讲它强大到无可挑剔的地步，除了安全隐患问题，在站长进行网站调试时，也暴露出IE的严峻不足。事实上，专门多站长都利用Mozilla这款老牌的Web扫瞄器来调试自己的网站，它能够快速、高效、即时地找出网页中存在的问题。第4章网站的系统设计由需求分析得知，能够将网站功能分为前台和后台两类，由此模块也分为两大类：前台模块和后台模块。4.1网站目标的设计网站目标必须是能够通过网络来精确测量的，比如对公司产品的展示，有多少人查看了公司产品信息，对哪种产品关注度最高。在比如又有多少人下载了公司的试用软件，优惠券。而不能是直接让客户到公司来购买产品这种泛泛的不容易监测的目标。只有对目标的完成率有了准确的测量才能更好的开展网站推广，网站营销的工作!可能专门多公司在整个产品的效果过程中存在过多的问题，都想通过网站建设来解决，愿望是美好的，但现实是，只能选择一个要紧的目标，一个准确的首要目标才能准确的指导网站建设。依照这一宗旨，本网站要紧针对云南戈蓝汽车服务有限公司的特色确立为一个综合型服务网站，要紧起到宣传互动作用。4.2主页html设计4.2.1LOGO和Banner网站的LOGO和Banner是网站的标志，由标志图片，网站名称，宣传语和宣传图片组成。其中，网站标志和网站名称是用FirewoksMX软件设计实现的；宣传语和宣传图片是用FlashMX软件设计实现的。代码如下（部分）：<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset={dede:global.cfg_soft_lang/}"/><title>{dede:global.cfg_webname/}</title><metaname="description"content="{dede:global.cfg_description/}"/><metaname="keywords"content="{dede:global.cfg_keywords/}"/><linkhref="{dede:global.cfg_templets_skin/}/style/dedecms.css"rel="stylesheet"media="screen"type="text/css"/><scriptlanguage="javascript"type="text/javascript"src="{dede:global.cfg_cmsurl/}/include/dedeajax2.js"></script><scriptlanguage="javascript"type="text/javascript"src="{ded4.2.2前台网站的主页设计在网站中设计中，为保持各个页面的连贯性，采纳分块设计。设计Head.asp作为各个网页的头部；设计Foot.asp作为网页的页脚。头部与页脚的色调以蓝色调为主，醒目，突出重点。中间内容部分以白色作为基色调。能够把内容鲜亮的体现出来。4.2.3网站的分页设计网站的分页是由主页链接的目标页，其内容为主页链接的详细内容展开。本网站中设置了一级、二级子页，个个栏目的内容。各级子页面保持与主业面的风格，实现了网站的统一。4.2.4后台网站的主页设计在网站中设计中，为保持各个页面的连贯性，采纳分块设计。后台设计采纳了与前台相同的技术。但页面风格不同。4.2.5网站的后台治理分页设计网站的后台以红色为基调，首页不再显示各分页面的内容。后台进入需要登陆。总之后台治理的设计思想是尽量直接实现各种功能，不需其他技巧就能完成后台治理，使其不需要多少的计算机专业技能，也能轻松胜任。4.2.6交互式页面设计交互式页面利用ASP、FLASH以及数据库技术有机的结合，达到方面用户扫瞄网页，方便治理员治理网站的目的。4.3数据库设计在设计网站的后台数据库时我采纳的数据库是MicrosoftAccess2000，建立后缀为“.mdb”的库文件。在网站中前台与后台治理系统共同使用一个数据库sjhhsjb.asp，来完成各自的任务。用.asp将数据库封装，加强了数据库的安全性。在数据库中共有12张表，与前台有关的表有4张表（User表正在建设中），后台治理相关有11张表。得到上面的数据项和数据结构以后，就能够设计出能够满足用户需求的各种实体，以及他们之间的关系，为后面的逻辑结构设计打下基础。这些实体包含各种具体信息，通过相互之间的作用形成数据的流淌。本系统依照上面的设计规划出的实体有：治理员信息实体、版主信息实体、用户信息实体、帖子实体、短消息实体、公告信息实体、版面信息实体。治理员信息实体图如图4.1所示。治理员用户名密码治理员用户名密码权限图4.1治理员信息实体图数据库系统总体联系图如图4.2所示。用户发送记录发表公布公告从属包含版面分类从属版面日志广告mm11m用户发送记录发表公布公告从属包含版面分类从属版面日志广告mm11mm11m11111帖子4.3.1数据库连接代码的设计要使用后台数据库的数据，必须先进行数据库的连接与打开，要连接数据库我们必须使用ADO对象群的Connection对象。asp数据库的连接有2种方法：1、能够使用DSN在Web应用程序和数据库之间建立ODBC连接。DSN是一种名称，它包含使用ODBC驱动程序连接到指定数据库所需的全部参数。2、能够使用非DSN连接在Web应用程序和数据库之间创建ODBC或OLEDB连接。即连接字符串。使用连接字符串来创建该连接,连接字符串包含Web应用程序在服务器上连接到数据库所需的全部信息。Dreamweaver在网页的服务器端脚本中插入该字符串，以便让应用程序服务器在随后进行处理。下面是一个连接字符串示例：Driver={MicrosoftAccessDriver(*.mdb)};DBQ=d:\abc\wwwroot\myweb\data.mdb后台数据库的连接因非DSN连接简单我选择了非DSN连接，由于连接方法相同，我在每个交互式系统中都建立了一个conn.asp连接和打开数据库文件，以供其他动态网页文件包含应用。代码如下：<%SetConn=Server.CreateObject("ADODB.Connection")Conn.Open"DBQ="&Server.MapPath("data\data.mdb")&";Driver={MicrosoftAccessDriver(*.mdb)}"%>4.3.2ASP的对象存取数据库设计在ASP中，用来存取数据库的对象统称ADO（ActiveDataObjects），要紧含有三种对象：Connection、Recordset、Command。Connection：负责打开或连接数据。Recordset：负责存取数据表。Command：负责对数据库执行行动查询命令。4.4功能模块的设计4.4.1整体功能模块的划分用户在前台的注册，登录，以及修改个人的注册信息组合成注册登录模块；用户扫瞄板块，扫瞄主题帖列表，查看图片信息组成扫瞄模块；用户公布信息，回信息，编辑自己公布的需求信息组成发帖回帖模块；治理员编辑信息，删除信息，转移信息，置顶文章和指定精华帖子组成治理帖子模块。以上4个模块组成前台的功能模块。后台模块差不多上与治理员相关的，设置网站参数单独为网站设置模块；创建，修改和删除版块为治理版块模块；添加，删除和设置权限为治理用户模块。如图4.3所示是网站的功能模块图。会员注册登录模块汽车广告模块会员注册登录模块汽车广告模块新闻娱乐版模块公布信息模块网站设置模块治理板块模块治理用户模块前台模块后台模块网站系统图4.3网站的功能模块图4.4.2各模块间的关系设计每个模块的功能，真实反映需求，通过对需求的认真分析，能够设计出符合要求的单独模块。然而，关键在于对系统架构的把握，把零散的功能模块用一条主线串联起来，构建完整的系统。治理用户模块与注册登录模块关联，是由同一类对象——用户决定的，注册后获得论坛的身份，成为用户，所有的用户需要同意治理员治理，用户登录证明自己在论坛中的身份，如图4.4所示。注册登录用户注册登录用户治理用户图4.4治理用户模块与注册登录模块关系图弄清晰模块间的关系，就能够设计出论坛系统的整体架构，如图4.5所示。注册登录治理用户注册登录治理用户用户治理板块选择版块公布供需治理信息扫瞄供需搜索管理员图4.5系统的整体架构图依照系统的入口不同，可分为前台系统和后台系统。前台系统包括注册登录模块、扫瞄模块、发帖回帖模块、治理帖子模块；后台包括治理用户模块、治理板块模块。至此，网站系统的架构部分设计完成了，需要进一步设计具体的数据库结构，确定系统的数据基础。4.4.3特价商品模块设计（1）查询数据表中的特价商品。特价商品信息同商品差不多信息同时保存在商品信息表tb_goods中，以字段sale标识，当sale字段的值为1时，代表该商品为特价商品。在网站首页中查询特价商品的代码如下：<%@pageimport="com.wgh.DB.connDB"%><%connDBconn=newconnDB();//创建并实例化connDB的一个对象ResultSetrs_sale=conn.executeQuery("selecttop2ID,GoodsName,price,nowprice,picturefromtb_goodswheresale=1orderbyINTimedesc");%>特价商品页面sale.jsp中查询特价商品的代码如下：<%@pageimport="com.wgh.DB.connDB"%><%connDBconn=newconnDB();ResultSetrs=conn.executeQuery("selectID,GoodsName,Introduce,price,nowprice,picturefromtb_goodswheresale=1orderbyGoodsName");（2）制作显示特价商品信息部分。在网站首页中显示特价商品信息采纳了分栏技术，也确实是应用if语句结合求模运算符实现在一个单元格中同时显示两列数据。关键代码如下：<%ints=1;while(rs_sale.next()){ sale_ID=rs_sale.getInt(1); s_goodsname=rs_sale.getString(2); s_price=rs_sale.getFloat(3); s_nowprice=rs_sale.getFloat(4); s_picture=rs_sale.getString(5); if(s%2==1){ %>……//此处省略显示商品信息的代码<%}else{%></td><tdwidth="2%"align="center"valign="top">……//此处省略显示商品信息的代码 <%} s++;}%></td>4.4.4新品模块上架设计新品上架信息同商品差不多信息同时保存在商品信息表tb_goods中，以字段newGoods标识，当newGoods字段的值为1时，代表该商品为上架新品。在网站首页中查询新上架商品的代码如下：<%@pageimport="com.wgh.DB.connDB"%><%connDBconn=newconnDB();ResultSetrs_new=conn.executeQuery("selecttop4ID,GoodsName,nowprice,introduce,picturefromtb_goodswherenewGoods=1orderbyINTimedesc");%>4.4.5商品分类模块设计实现以树状菜单的形式显示商品的大、小分类信息的关键是猎取商品的大分类信息，并分不查询出每个大类所对应的小分类信息，再通过<div>标记和JavaScript自定义函数实现<div>结点的显示和隐藏，关键代码（部分）如下：<%@pageimport="com.wgh.DB.connDB"%><%connDBconn=newconnDB();ResultSetrs_superType=conn.executeQuery("selectID,superTypefromV_TypegroupbyID,superTypeorderbysuperTypedesc");%>……//此处省略了部分HTML代码 <%intID_superType=0; StringsuperType=""; intm=1; while(rs_superType.next()){ ID_superType=rs_superType.getInt(1); superType=rs_superType.getString(2); Stringsql="select*fromV_TypewhereID="+ID_superType; ResultSetrs_subType=conn.executeQuery(sql); StringsubType=""; intsubID=0; rs_subType.last(); intsubType_RC=rs_subType.getRow(); rs_subType.first();%><tr> <td> <%if(subType_RC<=0){%>   <imgsrc="images/jian_null.gif"width="38"height="16"border="0"> <%=superType%> <%}else{ %> <ahref="Javascript:ShowTR(img<%=m%>,OpenRep<%=m%>)"> <imgsrc="images/jia.gif"border="0"alt="展开"id="img<%=m%>"></a> <ahref="Javascript:ShowTR(img<%=m%>,OpenRep<%=m%>)"><%=superType%></a> <%} %>4.4.6会员治理模块设计在前台的会员治理模块中要紧包括会员注册、会员登录、会员资料修改3部分。由于会员资料修改同会员注册的实现方法类似，只是调用的SQL语句不同，因此此处只给出会员注册和会员登录进行介绍。会员注册模块由两个页面组成，一个是用于收集用户输入的注册信息的会员注册页面，另一个用于将会员注册信息保存到数据表中的处理页。会员注册页面要紧由表单元素组成，比较简单。将会员注册信息保存到数据表中，首先使用JavaBean中的member类保存客户端输入的会员信息，再通过调用memberDaoImpl中的insert方法将会员信息保存到会员信息表中。在保存会员信息时，还需要推断会员名是否存在，必须保证会员名称的惟一性。保存会员信息的完整代码如下：<%@pageimport="com.wgh.DB.connDB"%><%@pageimport="com.wgh.dao.MemberDaoImpl"%><jsp:useBeanid="member"scope="request"class="commerce.member"><jsp:setPropertyname="member"property="*"/>//一次性为JavaBean的所有属性赋值</jsp:useBean><%connDBconn=newconnDB();request.setCharacterEncoding("gb2312");//编码转换Stringusername=member.getUsername();ResultSetrs=conn.executeQuery("select*fromtb_Memberwhereusername='"+username+"'");if(rs.next()){ out.println("<scriptlanguage='javascript'>alert('该用户名差不多存在，请重新注册 ！');window.location.href='register.jsp';</script>");}else{ intret=0;MemberDaoImplins_member=newMemberDaoImpl();//创建GoodsDaoImpl对象的实例并实例化该对象ret=ins_member.insert(member);//执行JavaBean“GoodsDaoImpl”中的方法添加商品信息 if(ret!=0){out.println("<scriptlanguage='javascript'>alert('用户注册成功 ！');window.location.href='index.jsp';</script>");}else{out.println("<scriptlanguage='javascript'>alert('用户注册失败 ！');window.location.href='register.jsp';</script>");}4.4.7销售排行榜模块设计销售排行页面要紧是将订单视图中的数据按GoodsName、GoodsID字段分组并统计销售数量，再按统计后的销售数量降序排列，最后再使用SQL语句中的top关键字取出销售量最高的前10种商品。关键代码如下：<%@pageimport="com.wgh.DB.connDB"%><%connDBconn=newconnDB();Stringusername=(String)session.getAttribute("username");ResultSetrs=conn.executeQuery("selecttop10GoodsID,GoodsName,sum(number)assumNumfromV_order_detailgroupbyGoodsName,GoodsIDorderbysumNumdesc");intgoodsID=-1;StringgoodsName="";%>4.5网站公布、扫瞄、调试设计4.5.1什么缘故Mozilla比IE更适合调试网站和IE不同的是，Mozilla不但能够用于网页扫瞄、网页编辑，更为重要的是Mozilla内置了强大的调试工具，能方便、高效地对站点网页进行JavaScript纠错、Cookie治理、源代码查看、DOM查看和页面信息查询等，这些差不多上IE不容易做到的。4.5.2运用环境：当IE脚本信息太简单时在网页编写中使用JavaScript是司空见惯的情况了，当JavaScript出现问题时，在IE扫瞄器中只会弹出一个简单的错误提示对话框，告诉你该网页有错误，出错提示信息过于简单，而且无法进行治理，满足不了调试网页工作的需要。这种情况下，我们就能够利用Mozilla来解决。4.5.3错误，就如此被“揪出”Mozilla内置了“JavaScript操纵台”，只要你在网页调试时打开JavaScript操纵台，就能够看到被记录下的JavaScript错误提示信息，方便大伙儿找出错误所在，起到即时修正网页错误的目的。如何利用Mozilla内置的“JavaScript操纵台”来快速定位问题所在？事实上特不简单。使用Mozilla扫瞄器进行网站调试时，依次点击“工具→Web开发→JavaScript操纵台”项目后，弹出“JavaScript操纵台”对话框，在列表框中记录着网页的JavaScript出错信息，同时每项错误信息都详细地记录着出错的文件名、JavaScript错误所在行号，以及错误出现时的上下文，如此一来就专门容易找出JavaScript出错位置和错误缘故。此外，你还能够右键点击错误项目，在弹出的菜单中选择“复制”项目，将JavaScript出错信息复制到剪贴板中，以便保存到其他文件中。提示：尽管JavaScript操纵台功能强大，但也有不足之处，这确实是无法将所有的JavaScript出错项目保存到一个文件中，只能逐条手工保存。4.5.4严格模式，让网页显示更“顺畅”网页调试中，除了JavaScript错误信息外，还有一种出错信息，确实是“严格的JavaScript警告”信息。尽管这种“JavaScript警告”没有JavaScript错误信息严峻，但它也会严峻地阻碍到网页的显示速度，要想让你的网站做得完美，这种JavaScript警告错误也必须剔除。默认情况下，Mozilla是不记录“严格的JavaScript警告”信息，必须手工激活该功能。在Mozilla扫瞄器主窗口中，点击“编辑→首选项”后，弹出首选项对话框，切换到“调试”项目栏，选中“显示严格的JavaScript警告信息”选项，最后点击“确定”按钮。如此“JavaScript操纵台”就会记录下这些警告信息，方便用户查找JavaScript问题所在，优化你的网页，让它显示得更顺畅。第5章企业网站实现依照的前面的分析设计能够得到网站具体需要实现功能。5.1网站目标实现当前期的工作完成，网站建设的目标差不多实现。下面介绍的确实是具体实现后的页面截图。同时，网站的一些差不多功能也将实现。5.2主页html实现5.2.1主页动态Flash的实现运用PhotoshopCS4制作一个简单的动态FlashLOGO。要求能够熟练的掌握该软件的使用方法，熟悉制作流程。1、启动开始菜单中的PS软件2、单击欢迎屏幕中的“Flash文件”或单击新建文件，选择属性。3、选择“文件”|“导入”|“导入到舞台”命令，打开“导入”对话框，找到并选择配套资料中的图片“image.jpg”，然后单击“打开”按钮。4、新建一个图层2，并将另外一个素材图片导入5、在时刻轴面板的图层1中的第50帧处右击，然后在弹出菜单中选择“插入关键帧”命令，在第50帧插入一个关键帧。6、在时刻轴面板的图层2的第15帧处右击，在弹出菜单中选择“插入关键帧”命令，在第15帧插入一个关键帧。7、单击图层2的第15帧，然后在图片上右击，选择弹出菜单中的“任意变形”命令，在出现变形句柄后使用鼠标适当调整图片内容的位置和大小8、单击图层2的第1帧，使用鼠标适当调整图片的位置和大小9、在文本“属性”面板中，单击左下角的“添加滤镜”按钮，然后选择弹出菜单中的“投影”命令，为文本添加默认的黑色投影10、用与前面所述步骤类似的方法创建文本投影，并创建传统补间动画11、最后输出动画、选择“文件”|“导出”|“导出影片”命令，打开“导出影片”对话框，然后选择一个存放导出影片的位置，并为文件命名12、单击“保存”按钮，完成影片的导出13、将所制作影片插入网页中即可主页前台生成效果为图5.1：图5.1前台网站主页生成效果5.3数据库实现5.3.1数据结构实现针对网站的需求，通过企业的治理过程中内容和流程的分析，网站的数据库网站的数据库User表ShijiUser表Shiji表Publish表Luntan表L讲明可否为空数据类型列名讲明可否为空数据类型列名图5.2数据库结构图5.3.2数据库表实现首先将网站治理信息系统的数据库概念结构转化为SQL2000数据库系统所支持的实际数据模型，即：数据库的逻辑结构。luntan表表5.1luntan列名数据类型可否为空讲明ID自动编号NOTNULLtitle文本NOTNULL文章标题publisher文本NULL 文章公布人detail文本NULL文章具体内容publish表表5.2publish列名数据类型可否为空讲明ID自动编号NOTNULLname文本NOTNULL图片名称content文本NULL图片具体内容title文本NULL图片内容标题publisher文本NOTNULL公布人shiji表表5.3shiji列名数据类型可否为空讲明ID自动编号NOTNULLdaytime文本NOTNULL事记时刻content文本NOTNULL事记内容user表表5.4user列名数据类型可否为空讲明ID自动编号NOTNULLname文本NOTNULL治理员登录名passwd文本NOTNULL 治理员密码5.4功能模块实现5.4.1特价商品模块实现特价商品模块共有两个入口，一个是网站导航条中的【特价商品】导航按钮，另一个是网站前台的居中位置，分栏列出了商城中特价商品中最新的两条特价商品信息，单击特价商品展区中的“More…”超链接能够进入到特价商品页面，在该页面中将列出商城中的全部特价商品。要紧包括商品图片、名称、原价、现价等信息。同时设置了【购买】按钮和【详细信息】按钮，分不用于将商品信息添加至购物车和查看商品详细信息。特价商品模块在网站首页的设计效果如图5.3所示。图5.3特价商品模块在网站首页的设计效果5.4.2新品上架模块实现新品上架模块也有两个入口，一个是网站导航条中的【新品上架】导航按钮，另一个是网站前台的居中位置，列出了商城中上架新品中的最新上市的4条商品信息，单击新品上架展区中的“More…”超链接能够进入到新品上架页面，在该页面中将列出商城中的全部上架新品。要紧包括商品图片、名称、现价等信息。同时设置了【购买】按钮和【查看详细信息】按钮，分不用于将商品信息添加至购物车和查看商品详细信息。下面只以首页中的新品上架为例进行介绍。新品上架模块在网站首页中的设计效果如图5.4所示。图5.4新品上架模块在网站首页中的设计效果5.4.3商品分类模块实现为了方便用户查询所需商品信息，在网站中设置了商品分类显示模块。在网站首页的右侧以树状菜单的形式列出了商品的大、小分类信息，用户单击大类不结点能够显示出该类的所有小类信息，单击小类结点能够进入到分类商品显示页面查看该类不的全部商品信息，在分类商品显示页面中，单击商品名称能够查看相应商品的详细信息。假如用户差不多登录，还能够直接将商品信息添加至购物车中。商品分类模块的页面设计效果如图5.5所示。图5.5商品分类模块的页面设计效果5.4.4会员治理模块实现会员注册的入口位于网站首页的左侧。用户单击【注册】按钮即可进入到会员注册页面，该页面的设计效果如图5.6所示。图5.6会员注册页面设计效果会员登录用于网站会员登录本网站进行购物或查看订单情况。会员登录入口位于网站首页的左侧，页面运行结果如图4所示。下面给出会员登录页面的设计效果图和会员登录后的会员登录页面的运行结果，分不如图5.7、图5.8所示。图5.7会员登录页面的设计效果图5.8会员登录后的会员登录页面的运行结果当用户在登录窗口中输入用户名和密码后，单击【登录】按钮，系统将对输入的用户名和密码进行验证，假如用户输入的用户名存在同时冻结字段的值不为1，则推断用户输入的密码是否正确，假如密码正确，则重新进入网站首页，显示登录用户的用户名、【修改资料】按钮、【退出登录】按钮，否则提示登录失败。5.4.5销售排行榜模块实现用户单击网站导航条中的“销售排行”超链接，将进入到销售排行页面，销售排行页面的设计效果如图5.9所示。图5.9销售排行页面设计效果商品销售排行页面运行结果如图5.10所示。图5.10商品销售排行页面运行结果5.5网站公布、扫瞄、调试的实现5.5.1公布将网站的所有文件夹和文件保存到设定的主目录中即可。5.5.2设置主目录选择操纵面板→治理工具→Internet服务治理器→右击默认站点→选择属性→设置主目录。5.5.3扫瞄在IIS中选择默认Web站点中的首页default文档，右键选择扫瞄。5.5.4网站调试实现一个站点制作好后，在细节上确信还有一些值得调节的地点，比如无效链接，Java、Cookie错误等等，因此网站调试是一个不容忽视的环节。只要利