河北宏日抗静电地板厂网站的设计与开发

河北工业大学毕业论文系专业计算机（计算机软件技术）题目河北宏日抗静电地板厂的网站设计和开发年月日毕业设计（论文）中文摘要河北宏日抗静电地板厂的网站设计与开发摘要随着科技的发展，现代化网络就越变的成为人们依赖的工具。各个行业、各个企业都很好的利用网络这一平台来宣传自己的产品，使得赢得更大的市场。本系统的设计与开发主要围绕前台和后台进行操作，前台包括企业信息、产品信息、企业案例、用户留言以及用户订单。后台主要考虑对这些信息的管理，以及主管权限的管理。网站的设计采用JSP技术开发，后台采用SQLSERVER2000开发。关键词网络技术抗静电地板宏日网站JSP技术毕业设计（论文）外文摘要TITLEHEBEIHONGDAYANTISTATICFLOORFACTORYSITEDESIGNANDDEVELOPMENTABSTRACTWITHTHEDEVELOPMENTOFSCIENCEANDTECHNOLOGY,THEMODERNIZATIONOFTHENETWORKCHANGEBECOMEMOREDEPENDENTONTOOLSTHEDIFFERENTPROFESSIONSANDBUSINESSESTHATAREVERYGOODPLATFORMFORUSINGTHEINTERNETTOPROMOTETHEIRPRODUCTS,MADETOWINABIGGERMARKETSHARETHESYSTEMDESIGNANDDEVELOPMENTCENTERSAROUNDTHEFRONTANDBACKOFFICEOPERATION,INCLUDINGFUTURECORPORATEINFORMATION,PRODUCTINFORMATION,BUSINESSCASE,USERMESSAGESANDUSERORDERSBACKGROUNDMAINCONSIDERATIONOFTHEINFORMATIONMANAGEMENTANDCOMPETENCEMANAGEMENTWEBSITEDESIGNUSINGJSPTECHNOLOGYDEVELOPMENT,THEDEVELOPMENTOFTHEBACKGROUNDUSINGSQLSERVER2000KEYWORDSNETWORKTECHNOLOGYANTISTATICFLOORACERONSITEJSPTECHNOLOGY目次1绪论111研究现状分析212主要研究内容213课题研究的意义22开发环境介绍321系统平台及开发工具322系统开发工具介绍323开发语言介绍424数据库技术53系统分析731宏日网站的可行性研究732需求分析733用户的特点1034运行环境114网站系统设计与实现1141项目规划1142系统功能设计1143数据库设计1344应用界面设计165系统的特色介绍2551关键技术和特色代码2552编写CSS26结论29参考文献30致谢311绪论二十一世纪，人类跨入电子信息时代，现代科技以前所未有的速度向前发展，人类对信息的需求量和信息更新速度大大增强。信息和网络作为推进社会经济发展的两个核心动力，将深刻地改变一个民族的历史和命运，影响一个国家、企业和个人的竞争能力。通过网络来向人们推广自己的产品理念，产品的优越，已成为了全国乃至世界的必要手段之一。网络在腾飞，企业在腾飞随着科技的发展，现代化网络就越变的成为人们依赖的工具。各个行业、各个企业都很好的利用网络这一平台来宣传自己的产品，从而赢得更大的市场。同样的，河北宏日抗静电地板厂有着悠久的发展史，产品受到了各大企业的认可，在市场上占领了一定的位置。河北宏日抗静电地板也需要大力的推广。产品的上市以及销售，也需要借助强大的网络。面对同行同业的竞争，谁能抓住机遇，谁就能更好生存和发展。不仅是抗静电产品如此，各个行业都是如此。得市场者得天下。11研究现状分析INTERNET的全球性发展，对人们的生活、生产方式都产生了深远的影响。据统计到2006年底，我国网民人数已达到18个亿，成为全球最大的互联网市场。建设企业信息门户性网站，树立企业的网络形象，宏扬企业精神，成为现代各大企业适应信息化时代发展的最佳方式。现代各大企业需要更高效能且技术统一的平台，以整合当前的网上信息发布，同时让本身的系统能够随时便利升级，以支持未来自身的发展。企业信息门户性网站的建设和管理水平，直接影响到企业的网络形象，拥有一个设计美观、功能全面的门户性网站，已经成为各大企业网络化建设的一个重要内容。就整个世界而言，企业门户网站可谓是层出不穷，这不仅仅是显示着网络的强大，更从侧面看出企业决策者精明决策。各个企业通过网络这一平台根用户进行更为便捷的交流，使得企业与顾客更加拉进了距离。通过网站用户可以方便快捷的获取企业信息以及各种企业新闻信息，为用户提供实时服务满足用户需求，同时还能通过企业网站掌握大量的用户反馈信息，及时作出内部调整方案，以满足用户不断增长的需求。使自己的产品不至于固步自封，从而取得更好的发展。12主要研究内容本网站的主要功能是以网络为载体用最快捷的方式将企业信息提供给广大用户。主要介绍企业的历史信息，还提供了企业的文化，企业的产品介绍。企业产品的报价等功能。主要功能模块如下企业文化、企业产品展示、企业成功案例展示、客户定单、客户意见反馈以及主管后台登陆，各种留言信息在后台添加、删除、修改、更新完成前台的自动更新功能。经理或主管可以登陆网站后台，对各种相关信息进行增删、修改和更新等操作。客户可以浏览网站提供的信息，进行货物定单等。顾客通过产品介绍选择自己所关心的产品，经历和主管通过以上功能，更多地掌握客户，以及及时把信息反馈给客户。本网站由两部分组成一部分是网站前台，用于产品信息展示和与用户进行交流，另一部分是网站后台，用于对网站信息的管理和维护。本网站的开发在普通PC兼容计算机上进行,操作系统选用MICROSOFTWINDOWSXP，开发工具选用JSP、DREAMWEAVER、PHOTOSHOP，数据库选用SQLSERVER2000。综合应用了JSP、JAVABEAN等先进的技术以提高数据库的安全性和程序的可扩展性。13课题研究意义随着以全球互联网技术为代表的新一代信息技术的迅速发展，信息与通讯技术对人类生活的各个方面已经产生了巨大的影响，促使整个社会向信息化社会转变。在信息时代，信息技术不仅改变着社会和经济，也不断地改善着人们获取信息和参与信息交流的生活方式。为进一步拓宽人们获取信息渠道，提高信息获取速度和实现互动交流有着极为重大的意义。为宏扬河北宏日抗静电地板厂的精神，传播企业文化，展示企业的优良形象。为体现企业的三大理念质量第一，顾客至上，服务一流。以网络管理信息化促进企业现代化，用信息技术来改变传统企业信息管理模式，这是现代企业管理发展的必然趋势。尤其对于那些地域分布比较广泛，而企业管理又相对重要的公司，加强企业的网络管理就显得尤为重要了。本网站向顾客提供最基本最有效的服务。提供了便捷快速的发布信息的平台，同时提供了高效，规范的网上信息管理模式。通过对数据库，计算机网络等多种信息技术的综合运用，充分体现面向对象的构件化设计思想，并且通过对于网络的应用大大提高了工作效率，提高了数据管理的便捷化和规范化。14本章小结本章主要介绍了所选课题的国内外研究现状，研究的基本内容、方法及意义。本章为系统开发的前提，为以下各章的设计打好基础。2开发环境介绍本章主要介绍了宏日网站开发的系统平台及开发工具和开发语言的介绍，另外还包括数据库的相关介绍。21系统平台及开发工具本系统分为服务器、客户端、开发工具（1）服务器端操作系统WINDOWSXP；JDK15；APACHETOMCAT602（2）客户端操作系统WINDOWSXP；浏览器INTERNETEXPLORER60（3）开发工具JDK15；TOMCAT602；JSP；EDITPULS22系统开发工具介绍221JDKJAVADEVELOPMENTKITJDKJAVADEVELOPMENTKIT，JAVA开发包，JAVA开发工具是一个写JAVA的APPLET和应用程序的程序开发环境。它由一个处于操作系统层之上的运行环境还有开发者编译，调试和运行用JAVA语言写的APPLET和应用程序所需的工具组成。JDKJAVADEVELOPMENTKIT是SUNMICROSYSTEMS针对JAVA开发员的产品。自从JAVA推出以来，JDK已经成为使用最广泛的JAVASDK（SOFTWAREDEVELOPMENTKIT）。JRE为JAVARUNTIMEENVIRONMENT的简称，JAVARUNTIMEENVIRONMENT（包括JAVAPLUGIN）是SUN的产品，包括两部分JAVARUNTIMEENVIRONMENT和JAVAPLUGIN。JAVARUNTIMEENVIRONMENTJRE是可以在其上运行、测试和传输应用程序的JAVA平台。它包括JAVA虚拟机、JAVA平台核心类和支持文件。它不包含开发工具编译器、调试器和其它工具。JRE需要辅助软件JAVAPLUGIN以便在浏览器中运行APPLET。JAVAPLUGIN软件允许JAVAAPPLET和JAVABEANS组件在使用SUN的JAVARUNTIMEENVIRONMENTJRE的浏览器中运行，而不是在使用缺省的JAVA运行环境的浏览器中运行。222APACHETOMCATTOMCAT是一个开放源代码、运行SERVLET和JSPWEB应用软件的基于JAVA的WEB应用软件容器。TOMCATSERVER是根据SERVLET和JSP规范进行执行的，因此我们就可以说TOMCATSERVER也实行了APACHEJAKARTA规范且比绝大多数商业应用软件服务器要好。TOMCAT是JAVASERVLET22和JAVASERVERPAGES11技术的标准实现，是基于APACHE许可证下开发的自由软件。TOMCAT是完全重写的SERVLETAPI22和JSP11兼容的SERVLET/JSP容器。TOMCAT使用了JSERV的一些代码，特别是APACHE服务适配器。随着CATALINASERVLET引擎的出现，TOMCAT第四版号的性能得到提升，使得它成为一个值得考虑的SERVLET/JSP容器，因此目前许多WEB服务器都是采用TOMCAT。23开发语言介绍231JAVA语言介绍JAVA是由美国SUN公司和GREENGROUP小组在1991年开始研发发于1995年5月正是发表的程序设计语言。JAVA的开发环境有不同的版本，如SUN公司的JAVADEVELOPERSKIT，简称JDK。后来微软公司推出了支持JAVA规范的MICROSOFTVISUALJJAVA开发环境，简称VJ。JAVA的特点（1）平台无关性平台无关性是指JAVA能运行于不同的平台。JAVA引进虚拟机原理，并运行于虚拟机，实现不同平台的JAVA接口之间。使用JAVA编写的程序能在世界范围内共享。JAVA的数据类型与机器无关，JAVA虚拟机（JAVAVIRTUALMACHINE）是建立在硬件和操作系统之上，实现JAVA二进制代码的解释执行功能，提供于不同平台的接口的。（2）安全性JAVA的编程类似C,学习过C的读者将很快掌握JAVA的精髓。JAVA舍弃了C的指针对存储器地址的直接操作，程序运行时，内存由操作系统分配，这样可以避免病毒通过指针侵入系统。JAVA对程序提供了安全管理器，防止程序的非法访问。（3）面向对象JAVA吸取了C面向对象的概念,将数据封装于类中,利用类的优点,实现了程序的简洁性和便于维护性。类的封装性、继承性等有关对象的特性，使程序代码只需一次编译，然后通过上述特性反复利用。程序员只需把主要精力用在类和接口的设计和应用上。JAVA提供了众多的一般对象的类，通过继承即可使用父类的方法。在JAVA中，类的继承关系是单一的非多重的，一个子类只有一个父类，子类的父类又有一个父类。JAVA提供的OBJECT类及其子类的继承关系如同一棵倒立的树形，根类为OBJECT类，OBJECT类功能强大，经常会使用到它及其它派生的子类。232JSPJAVASERVLETPAGE技术JSPJAVASERVERPAGES是由SUNMICROSYSTEMS公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术有点类似ASP技术，它是在传统的网页HTML文件HTM,HTML中插入JAVA程序段SCRIPTLET和JSP标记TAG，从而形成JSP文件JSP。WEB服务器在遇到访问JSP网页的请求时，首先执行其中的程序段，然后将执行结果连同JSP文件中的HTML代码一起返回给客户。插入的JAVA程序段可以操作数据库、重新定向网页等，以实现建立动态网页所需要的功能。JSP文件浏览器JAVABEAN数据库图21JSP访问服务器端可重用组件生成SERVLET源代码经编译的SERVLET类JSPPAGES浏览器请求响应图22TOMCAT服务器初次执行JSP的过程由JSP生成的SERVLET类实现了JAVAXSERVLETJSPJSPPAGE接口，该接口扩展了JAVAXSERVLETSERVLET接口。在JAVAXSERVLETJSPJSPPAGE接口中定义了代表JSP生命周期的方法JSPINIT和JSPDESTROY，类似于SERVLET的INIT和DESTROY方法。24数据库技术SQLSERVER是微软公司开发的一个关系数据库管理系统，TRANSACT_SQL作为它的数据库查询和编程语言。TSQL是结构化查询语言SQL的一种，支持ANSISQL92标准。SQLSERVER采用二级安全验证、登录验证及数据库用户帐号和角色的许可验证。SQLSERVER支持两种身份验证模式WINDOWSNT身份验证和SQLSERVER身份验证。SQLSERVER所使用的数据库查询语言称为TRANSACTSQL，它是SQLSERVER的核心，TRANSACTSQL强化了原有的SQL关键字以进行数据的存取，储存及处理等功能，TRANSACTSQL扩充了流程控制指定，可以方便的编写功能强大的存储过程，他们存放在服务器端，并预先编译过，执行速度非常块，触发是一种特殊的存储过程，用来确保SQLSERVER数据库引用的完整性，可以建立插入，删除和更新触发以控制相关的表格中对数据列的插入，删除和更新，还可以使用规则（RULE），缺省（DEFAULT）以及限制（CONSTRAINTS），来协助将新的数值套用到表格中去SQLSERVER具有以下特点（1）上手容易大多数的中小企业日常的数据应用是建立在WINDOWS平台上的。由于SQLSERVER与WINDOWS界面风格完全一致，且有许多“向导WIZARD“帮助，因此易于安装和学习。（2）兼容性良好由于今天WINDOWS操作系统占领着主导地的位，选择SQLSERVER一定会在兼容性方面取得一些优势。尤其是它可以直接存贮XML数据，可以将搜索结果以XML格式输出等特点，有利于构建了异构系统的互操作性，奠定了面向互联网的企业应用和服务的基石。25本章小结本章主要介绍了河北红日抗静电地板厂网站的开发环境，对其中的关键技术作了详细地介绍。由于本系统主要是运行在WINDOWSXP系统下，首先对WINDOWSXP的开发环境作了简要的介绍，接着对本系统的主要开发工具JAVA语言和JSP工作环境进行介绍。本系统采用的数据库为SQLSERVER2000，本章对其关键技术做了简要的介绍，并为以下各章节作出了准备。3系统分析31宏日网站的可行性研究采用现代化统一的计算机信息网站系统，能够有效帮助企业更稳定的立足，使其在行业内处于优势地位，并相对长期地保持这种战略优势。开发本系统的可行性研究如下（1）技术可行性技术上的可行性分析主要分析技术条件能否顺利完成开发工作，软、硬件能否满足需要。本系统采用JSP开发出友好美观的人机界面，便于用户理解、操作。数据库管理系统采用SQLSERVER，它能够处理大量数据，同时保持数据的完整性、安全性。因此本系统的开发平台已成熟可行。硬件方面，在科技飞速发展的今天，硬件更新速度越来越快，容量越来越大，可靠性越来越高，价格越来越便宜，因此硬件平台也能够满足本系统所需。（2）经济可行性计算机技术发展异常迅猛的根本原因在于计算机的应用促进了社会经济的发展，给社会带来了巨大经济效益。因此基于计算机系统的成本效益分析是可行性研究的重要内容。（3）社会可行性本网站的开发不会在社会上或政治上引起侵权、破坏或其他责任问题。32需求分析321设计目标该系统主要建立一个完整的企业网站。突出企业经营理念，以及产品的特点，以及界面的美观。主要功能（1）用户可以通过最基本的查看，了解公司文化，公司背景，公司产品,并能进行在线留言以及进行产品的定购。（2）网站提供了详细的产品描述，是顾客对产品有更新的认识。能和公司进行更紧的沟通。主管或总经理可以在网站后台进行一些最近本的操作。比如增加公司对网站管理的人员、给其权限登陆公司后台、处理公司各种信息以及删除其权限。主管或经理有权修改产品的报价。以及及时察看用户的信息反馈。以便更好的处理公司事务。主要实现如下目标（1）实现前台对公司最基本的简介，公司文化最基本的了解。（2）实现前台对公司产品的浏览，以及对产品的了解。（3）实现前台顾客对公司成功案例的了解和察看。（4）实现前台顾客对公司或产品的意见或建议进行留言反馈。（5）实现前台客户对产品的网上电子订单功能。（6）通过后台增加与删除主管或经理对网站修改的权限。（7）后台主管或经理对产品的管理和修改。（8）后台主管查看用户的留言信息等。根据需求分析的结果，按照“低耦合、高内聚”的原则，本系统将划分为以下主要功能模块公司基本信息模块；在线订单功能模块；在线留言功能模块；后台管理模块。（1）公司基本信息模块本模块主要介绍客户进入企业网站所允许进行的一系列操作。属于页面设计中最基本的设计。如图31所示公司简介公司文化成功案例联系我们图31公司基本信息模块（2）在线订单功能模块本模块供客户使用，此模块需要判断客户是否下订单成功，如果成功提交数据库，并通知客户订单提交成功。如不成功也返回提示信息，以便用户重新下订单。如图32所示主窗体主窗体电子订单填写订单判断数据插入是否成功订单成功，返回YN返回点击进入订单界面填写提交图32在线订单模块（3）在线留言功能本模块供客户进行意见反馈。通过在线留言，把客户的意见及时反馈给公司，其流程图如下33所示主窗体售后服务在线留言判断数据插入是否成功留言成功，返回YN返回点击进入留言界面填写提交图33在线留言模块（4）后台管理模块后台管理模块中的主管管理模块如34所示主窗体主管登录判断用户名是否存在填写登陆信息YN判断所填信息是否正确Y进入管理页面N返回点击进入登陆界面图34主管登录模块33用户的特点网站系统用户最主要的权限就是浏览信息，发布留言和填写订单。用户可以浏览公司信息和产品信息，最主要的是，在所有顾客中，并不需要须注册才能看，这就省去了不必要的麻烦，订单和留言同样，直接留言或是下订单，更简便更具效率的进行操作。宏日企业网站不同于论坛或是其他要求会员和非会员那么明确，在企业网站中，公司注重的并不是客户是否是会员，而是更注重所有用户等同，给客户最简便的操作。一般来说，其他性质的网站如果要留用户如果要留言或是进行一些什么操作，都会判断用户是否是会员或是否有权力进行操作，而且用户可以查看其他用户发布的信息。而企业网站则不同，企业网站更注重信息保密性。所以一般来说，不允许查看其他公司的私人信息。在企业网站中，用户更要注重言语举止，不具有随意性，这也从另一个侧面保证了整个企业的协调发展在企业网站中，用户十分广泛，对用户的技术要求是熟悉计算机操作，熟悉INTERNET相关操作。34运行环境硬件最小需求奔腾3以上CPU，256M以上内存，10G以上剩余硬盘空间支持软件操作系统WINDOWS98/2000/XP支持环境IIS40数据库SQLSERVER4网站系统设计与实现41项目规划对于一个企业信息动态网站来说，通常由两部分组成，一部分是网站前台，用于奥运会信息展示和与用户进行交流，另一部分是网站后台，用于对网站信息的管理和维护。（1）网站前台网站前台要求实现公司简介、公司文化、公司产品介绍、公司成功案例以及用户进行最基本的与公司的交流进行留言反馈以及进行网上定单等模块信息的显示功能。（2）网站后台后台管理模块要求实现主管和经理的管理。增加或删除的对网站修改得权限，对产品的管理以及对库户信息的处理等模块的功能。42系统功能设计421系统设计指导思想及原则（1）实用性为客户提供专业的服务，实施专业化、科学化的管理。这是最主要的设计。（2）先进性计算机环境配置必须满足所提出的目标和所要实现的功能、指标等要求。体系结构、开发设计方法等要具有先进水平。（3）可靠性在误操作的情况下，要能保证系统正常运行。（4）安全性根据网站的特点和要求，制定相应的安全策略和安全机制。（5）友好性提供友好的用户界面，简单、直观、易于使用、方便操作。422后台功能结构河北宏日抗静电地板厂网站后台功能结构，如图41所示。河北宏日抗静电地板厂后台用户的管理产品基本管理用户留言管理主管权限管理订单的管理图41宏日网站后台功能结构图423前台功能结构河北宏日抗静电地板网站前台功能结构，如图42所示。宏日网站首页首页公司介绍公司产品主管页面成功案例用户订单用户留言一般用户主管修改产品价格增加新产品删除产品增加主管删除主管一般客户查看留言主管删除留言公司简介供给文化图42河北宏日前台功能结构图43数据库设计431实体属性为了描述产品存在的属性，在本次系统中，主要描述的就是产品的属性，其产品的属性描述如图43抗静电地板标示码型号厚度形状颜色图43抗静电地板的属性图432建立ER图为了描述产品，客户和公司三者之间的关系，可以建立如图44的ER图静电地板生产生产厂商客户使用购买图44ER图其中数据对象用长方形表示，关系用菱形表示，数据对象之间数量的对应关系如图45所示01110M1M图45ER图中的基数表示432建立数据表整个系统所包括的信息有产品信息、留言信息、主管信息、用户定单信息、产品的属性信息。可将这些信息抽象为下列系统所需要的数据项和数据结构（1）产品信息（ID号、产品名称、产品报价、最近一次修改时间）（2）留言信息（ID号、姓名、主题、电话、地址、油箱、主页、OICQ、QQ、留言内容、留言时间）（3）主管信息（ID号、用户名、密码、创建时间）（4）订单信息（序号、主题、联系电话、公司、电子邮箱、内容、）（5）产品属性信息（标示码、型号、厚度、形状、颜色）注加粗为主健。本系统数据库采用SQLSERVER2000数据库，系统数据库名称为HR。根据上述关系模型分析在数据库HR中共建立5张用户表。一个成功的网站设计，是建立在许多条件之上的，而数据库是其中一个非常重要的条件和关键技术。要设计出一个好的旅游网站数据库，除满足系统所要求的功能外，还必须遵守下列原则（1）基本表的个数越少越好。（2）主键的个数越少越好。键是表间连接的工具，主键越少，表间的连接就越简单。（3）字段的个数越少越好。产品信息表如图41所示表41产品信息表列名数据类型及长度可否为空说明IDINT（4）NOTNULL产品号（主键）DIBANCHAR（200）NOTNULL产品名称BAOJIACHAR（200）NOTNULL产品报价CREATETIMEDATETIME（8）NULL创建时间在系统的客户留言管理模块需要实现添加、修改和删除留言信息的操作，因此添加留言信息表用来记录留言信息。留言信息表如表42所示。表42留言信息表列名数据类型及长度可否为空说明IDINT4NOTNULL留言编号MSG_NAMECHAR（500）NOTNULL姓名MSG_TITLECHAR（500）NOTNULL留言主题MSG_TELCHAR（500）NOTNULL联系电话MSG_ADDRESSCHAR500NULL地址MSG_EMAILCHAR500NULL电子邮箱MSG_URLCHAR500NULL主页MSG_OIQCCHAR500NULLOIQCMSG_QQCHAR100NULLQQMSG_CONTENTTEXT16NOTNULL内容STIMEDATETIME8NULL留言时间在企业网站的设计和开发过程中，需要主管或经理对网站内部数据进行操作和维护。这就需要一个管理表（DENGLU）。如图43所示表43管理信息表列名数据类型及长度可否为空说明IDINT4NOTNULL主管编号NUMVARCHAR（50）NOTNULL账号PASSWORDVARCHAR50NOTNULL密码CREATETIMEDATETIME8NULL录入时间在系统的中为满足客户需要，方面订货，需有网上订单系统，这就需要1个订单信息表来存放客户的订单，以便及时地订货。表如图44所示表44订单信息表列名数据类型及长度可否为空说明XUHAOBIGINT8NOTNULL订单序号ZHUTICHAR（400）NOTNULL主题LIANXICHAR（100）NOTNULL联系电话COMPANYCHAR（600）NOTNULL公司MAILCHAR（160）NULL邮箱NEIRONGCHAR600NOTNULL订单内容ORDERTIMEDATETIME8NULL订单时间在用户了解产品时，就需要一张表来存放产品的属性信息，故需要一张产品属性表来存放产品的属性信息，表如图45所示IDINT4NOTNULL标示码XINGHAOCHAR（500）NOTNULL型号HOUDUCHAR（500）NOTNULL厚度XINGZHUANGCHAR（500）NOTNULL形状YANSECHAR（500）NOTNULL颜色这一阶段中我们将根据系统调查与分析阶段的结果，进行新系统的设计工作。系统设计包括两方面的工作首先是系统总体结构的设计，即把系统的功能分解成许多基本的功能模块，取得它们之间的联系，规定它们的功能和处理流程；其次是系统的详细设计，对系统的各项功能，选择具体的设计手段和处理方式。44应用界面设计经过上面的设计和分析，就到了企业网站应用界面设计的步骤，在下面的设计中就对每一个具体的页面的设计作了详细介绍。包括上面所提到的主页怎么设计以及设计效果，还有各个分模块的设计和效果的实现。在此设计中，提及到了每个页面的设计理念，还有具体设计以后的效果。441公司主页面的设计主页面是网站的入口，是一个企业进入后所又要现实的页面，这里就要实现网站最基本的功能。网站所有模块都将显示在其中，通过主页可以登录到其他模块中。主页面的运行结果如图46所示。图46宏日网站主页面主页面用到的JSP文件为INDEXJSP在主页面的设计过程中，框架主要分为了上下四部分，其中最主要的部分又分为了左右3部分，产品介绍和工程实例采用了移动技术，用到的不是MARQUE，而是JAVASCRIPT。因为MARQUE的移动是等尾部完全移动过去以后头部才出现，而本页面所要实现的效果就是连续移动，不出现间断。所以这在技术上算是一种更新。主页面的设计理念就是使用户以最简便的方式发现最多有用的信息，这样才能达到预期的效果。使用户更能很快的了解产品。主页横幅采用的图片使客户更容易看出企业更加注重客户，始终以客户为主，所以图片的选取恰到好处，可谓是锦上添花。442公司简介的设计公司简介的设计能让客户更好地了解公司情况，是一个企业网站不可或缺的。在页面的设计中重要应用了框架原理，其中分为三部分，分别是头，下面分为左右两部分，左边为超连接界面，右边显示要显示的内容。这种设计的理念是更方便客户进行各种操作。企业简介主页面的运行结果如图47所示。图47企业简介主页面的运行结果企业简介主页以及产品报价和联系我们等页面套用了框架。框架首先分为两行，最后一行又分为2列。其中顶部调用TOPJSP。左部调用LEFT1JSP。右部为要显示的框架。443公司产品介绍页面的设计点击主页面中的产品介绍超链接,即可进入产品查看页面,此页面列出了所有产品的详细信息。包括产品名称，产品性能以及产品报价。此页面的设计独立出一个页面，既在首页超连接可以直接进入，一个公司产品的介绍可以说是最重要的。在此页面中，报价的修改最为关键，这里报价的修改只能通过管理员进入管理界面进行修改后，在此页面中及时更新出来，使用户能及时看到真实的报价信息。在此页面的左部，显示着公司的具体信息和具体联系方式。使用户了解产品的同时，对公司有更加深的印象。产品信息查看页面的运行结果如图48所示。图48产品信息查看页面的运行结果产品信息查看页面用到的JSP文件为CPJSJSP，其主要代码如下无机质陶瓷地板制作工艺经过特殊处理的优质陶瓷面。无机材料为基材。承重能力好，是高档场所最优选择的系列之一报价444工程案例页面设计工程案例在首页客户就能一目了然，用了滚屏设计。为了能让用户有更直接的观看，在首页设置了超连接，点击可直接进入，如图所示49所示图49成功案例的运行结果445客户留言页面和订单页面的设计此部分是用户功能模块的设计。满足用户最基本的需求。在首页面上客户点击售后服务超连接可以进行网上留言。点击电子订单就可以在网上下订单。在这里订单框上面运用了移动文字代码，主要是感谢客户对公司的支持和对产品的信赖，从另一方面增加了用户对企业的好感。同样，留言界面采用了同样的原理和设计理念，充分说明了企业对客户的重视。1售后服务页面实现如图410所示。图410售后服务页面的运行结果其中主要页面LIUYANJSP设计调用前面编写的JAVA文件里的函数（2）网上电子订单系统满足客户需求，运行结果如图411所示。图411网上下订单网上下订单用到的JSP文件为ORDER1JSP。同样的，此页面的实现也是用了JAVABEAN中的ORDERJAVA验证页面主要代码为ORDERSETZHUTISZHUTIORDERSETLIANXISLIANXIORDERSETCOMPANYSCOMPANYORDERSETMAILSMAILIFORDERADD_USER恭喜所下订单成功446主管管理功能的设计主管页面的设计是公司内部进行操作的模块，其中包括对公司网页修改权限的管理，对产品信息的管理，以及对信息反馈的管理，还有对网上订单的处理等4部分。主管可以通过自己的超级密码进入后台进行一系列操作，下面将一一介绍各个功能模块的实现与设计。首先主管要进入的登陆页面如图412所示图412登录界面主管通过验证以后进入管理页面，此主管页面的设计同样采用了框架，这样的操作方便了主管更容易进行对公司的操作。使主管对所具有的权限一目了然。管理界面如图413所示图413主管管理界面如图可知主管的职能，下面一一介绍各个功能用户管理功能既是对用户权限的管理，其设计主要考虑主管的更换，以便更好的管理公司内部信息，比如增加主管人手，随时限制某个主管的权限，这在内部管理中不可或缺。其基本实现代码STRINGNUMREQUESTGETPARAMETER“NUM“/从文本框中获取所填内容STRINGPASSWORDREQUESTGETPARAMETER“PASSWORD“DENGLUSETNUMNUM/调用DENGLU函数里的SET函数付值DENGLUSETPASSWORDPASSWORDIFDENGLUADD_USER此为点击增加用户主要代码，删除功能的实现大同小异其实现页面如下图414所示图414用户管理界面（2）产品管理功能在此模块中，主管可以实现增加、删除产品，并且修改产品报价，修改的产品报价及时更新并能使客户在产品介绍页面中及时看到。其原理如上，调用CHANPINJAVA里面的函数。其中以修改产品报价页面实现为例，其主要代码实现如下恭喜修改报价成功添加用户失败，请重试“效果如图415图415产品管理界面留言反馈和订单信息管理页面的实现包括对必要的留言信息保留，对不必要的信息可以删除，其中查看信息使用了分解技术，这里仅以留言信息分页进行说明，其下过如下图416图416留言管理界面45本章小结本章在第3章基础上，给出了主要模块实现的设计思想和具体代码。本章的各段代码以上一章中的设计理论为基础，利用JAVA和JSP通过编写相应的代码将其实现，从而实现了总体的设计目标。5系统的特色介绍51关键技术和特色代码本次企业网站的开发与设计着重使用了JAVABEAN和CSS样式表。大部分代码采用JSPHTML开发。中间穿插DIV层叠样式。511编写JAVABEAN为了实现系统功能，首先编写了BEAN。其中包括5个JAVABEAN。分别是OPEANJAVA、EXECUTE_DBJAVA、DENGLUJAVA、ORDERJAVA和CHANPINJAVA。（1）OPEANJAVA主要完成数据库的连接，其主要代码如下PUBLICCONNECTIONGETCONNCLASSFORNAME“SUNJDBCODBCJDBCODBCDRIVER“/获的数据库的连接对象DBCONNDRIVERMANAGERGETCONNECTION“JDBCODBCSUN“,“,“（2）EXECUTE_DBJAVA主要完成数据库里面所用的操作。包括增添删改，查询等PUBLICBOOLEANEXESQLSTRINGSTRSQLSTMTDBCONNCREATESTATEMENTSTMTEXECUTEUPDATESTRSQLSTMTCLOSERETURNTRUE/执行SQL语句，主要执行插入和删除PUBLICRESULTSETEXESQLQUERYSTRINGSTRSQLSTMTDBCONNCREATESTATEMENTRESULTSETTYPE_SCROLL_INSENSITIVE,RESULTSETCONCUR_READ_ONLYRSSTMTEXECUTEQUERYSTRSQLRETURNRS/执行SQL查询语句（3）其他三个JAVA都是根据网页具体所要实现的功能而定的。从而编写函数，以方便以后的调用。512采用分页技术在此次网站的设计中，还有一大亮点就是分页技术。分野不仅方便了管理，更方便了查询。使用分页技术的页面有留言查看和订单查看页面，其主要代码如下RSLAST/让游标到表中最后以行ROWCOUNTRSGETROW/获取记录总数PAGECOUNTROWCOUNTPAGESIZE0ROWCOUNT/PAGESIZEROWCOUNT/PAGESIZE1/总页数的计算公式STRINGGOTOPAGEREQUESTGETPARAMETER“SHOWPAGE“/取得用户所制定要显示的页IFGOTOPAGENULLGOTOPAGE“1“/将当前要显示的页码转换成整形TRYSHOWPAGEINTEGERPARSEINTGOTOPAGECATCHNUMBERFORMATEXCEPTIONEXSHOWPAGE1/当前页小于等于第一页。则按第一页算；如果当前页大于等于总页数，则为最后一页IFSHOWPAGEPAGECOUNTSHOWPAGEPAGECOUNT/游标的位置当前页1叶面大小1；INTPOSIONSHOWPAGE1PAGESIZE1/设置游标位置RSABSOLUTEPOSION52编写CSS本系统中，网页的格式字体的颜色大小等都用到了CSS格式。所以首要编写CSS，用CSS编写显得网页编码更简洁基本样式如下（1）设置字体连接时的属性ALINKFONTWEIGHTBOLD/未点连接时的颜色TEXTDECORATIONNONECOLORC30BACKGROUNDTRANSPARENTAVISITEDFONTWEIGHTBOLD/鼠标移动时的颜色TEXTDECORATIONNONECOLORC30BACKGROUNDTRANSPARENTAHOVERFONTWEIGHTBOLD/鼠标移动TEXTDECORATIONNONECOLORF60BACKGROUNDTRANSPARENTAACTIVEFONTWEIGHTBOLD/鼠标按下TEXTDECORATIONNONECOLORF90BACKGROUNDTRANSPARENT（2）设置字体属性H1FONTSIZE06EMFONTWEIGHTNORMALCOLORFFFFFF其中H1表示类，在页面设计中直接调用此类就可，其方法就用CLASS”H1”来使用，前提在网页开始编辑时首先要引用此CSS，其方法如下调用这方法局可以顺利的调用CSS中声明的类。在这里要ALINK或是AVISITED等有A声明的类只能连接时调用，或者说只能有标签时才能调用，并且不用在网页编辑时调用，就可以直接使用，而其他一般类则任何地方都可以使用，但必须在页面中指出来，