平面毕业设计初稿内容 平面设计公司网站的设计与实现论文初稿

平面毕业设计初稿内容平面设计公司网站的设计与实现论文初稿毕业设计（论文）题目平面设计公司网站的设计与实现学生邱群妹指导老师吕福春（讲师）系别计算机与信息科学系专业网络工程班级网络0801学号08300401472011年6月福建工程学院本科毕业设计论文作者承诺保证书本人郑重承诺本篇毕业设计论文的内容真实、可靠。如果存在弄虚作假、抄袭的情况，本人愿承担全部责任。学生签名年月日福建工程学院本科毕业设计论文指导教师承诺保证书本人郑重承诺我已按有关规定对本篇毕业设计论文的选题与内容进行了指导和审核，该同学的毕业设计（论文）中未发现弄虚作假、抄袭的现象，本人愿承担指导教师的相关责任。指导教师签名年月日目录1选题背景511课题的来源512课题在国内外的概况513课题研究及解决的主要问题614课题研究的目的和意义62开发平台介绍721系统平台环境722相关技术823开发工具113课题方案论证1131可行性研究1232方案选择1333开发平台和工具134过程论证分析1541需求分析1542系统功能1543系统功能分析1644性能要求205方案设计2151总体设计2152概念结构设计2353逻辑结构设计2454物理结构设计2555系统详细设计2856主要功能函数简介326提供交互界面设计说明3561前台界面实现3562后台界面实现397总结与展望4371结论4372前景展望4473网站完成后的网络营销。44致谢语45参考文献46平面设计公司网站的设计与实现摘要在二十一世纪，逐渐信息化的同时，让网络技术越来越成熟，也使得越来越多的公司建立一个自己的网站。在早些时候平面设计公司网站仅仅是提供画册或者FLASH图案，现在电子商务的引导下，一个功能健全、符合平面设计公司要求的网站管理系统也就应运而生。网上交易已成为市场经济发展的趋势。网站就是利用简单，快捷且低成本的电子通讯方式，买卖双方不谋面就可以进行各种商贸活动，互联网商业的普遍应用以成为网络经济的大势所向。平面设计公司网站本着信息全面、分类详细、检索方便、互连共享这四个特性，该系统主要实现用户自定义的网站设置，例如资料分类管理、在线沟通等功能，让浏览者能够直观的、具体的了解该公司的团队实力，突破时间与空间的限制，快捷地与此公司进行各种信息沟通。本文论述的是通过调研与设计，实现包括新闻管理、产品展示、用户留言等模块的网站管理系统。该系统采用JSPMYSQL为开发平台，使用DIVCSS技术实现前台与后台界面，并且经过搜索引擎优化，可以有效、方便地向客户展示平面设计公司的作品和最新动向，提高公司在运营过程中的工作效率。关键字平面设计，公司网站，电子商务，JSP，MYSQL，搜索引擎优化THEDESIGNANDIMPLEMENTATIONOFGRAPHICDESIGNCOMPANYWEBSITEABSTRACTINTWENTYFIRSTCENTURY,GRADUALLYINFORMATIZATIONATTHESAMETIME,LETTHENETWORKTECHNOLOGYMOREANDMOREMATURE,ALSOMAKESMOREANDMOREENTERPRISESTOESTABLISHAWEBSITEOFTHEIROWNINTHEEARLIERGRAPHICDESIGNCOMPANYWEBSITEPROVIDESONLYALBUMORFLASHPATTERN,NOWTHEELECTRONICCOMMERCEUNDERTHEGUIDANCE,AFUNCTIONOFSOUND,WITHGRAPHICDESIGNCOMPANYWEBSITEMANAGEMENTSYSTEMALSOEMERGEASTHETIMESREQUIREONLINETRADINGHASBECOMETHEDEVELOPMENTTRENDOFTHEMARKETECONOMYSITEISTHEUSEOFSIMPLE,CONVENIENTANDLOWCOSTELECTRONICMEANSOFCOMMUNICATION,NOTMETBUYERSANDSELLERSCANCARRYOUTAVARIETYOFBUSINESSACTIVITIES,THEUNIVERSALUSEOFELECTRONICCOMMERCETOBECOMETHETRENDOFINTERNETECONOMYGRAPHICDESIGNCOMPANYWEBSITEBASEDONCOMPREHENSIVEINFORMATION,CLASSIFICATION,RETRIEVAL,CONVENIENTINTERCONNECTIONSHARINGTHESEFOURCHARACTERISTICS,THESYSTEMISMAINLYTOACHIEVETHEUSERSITESETTINGS,FOREXAMPLEINFORMATIONCLASSIFICATIONMANAGEMENT,ONLINECOMMUNICATIONFUNCTION,SOPEOPLECANINTUITIVELY,SPECIFICKNOWLEDGEOFTHECOMPANYSTEAMSTRENGTH,BREAKTHROUGHTHELIMITATIONOFTIMEANDSPACE,ANDQUICKLYANDTHECOMPANYOFALLKINDSOFINFORMATIONCOMMUNICATIONTHISPAPERISTHROUGHINVESTIGATIONANDDESIGN,INCLUDINGNEWSMANAGEMENT,PRODUCTDISPLAY,USERMESSAGESANDOTHERMODULESOFTHEWEBSITEMANAGEMENTSYSTEMTHESYSTEMUSESJSPMYSQLASTHEDEVELOPMENTPLATFORM,USINGDIVCSSTECHNOLOGYTOACHIEVETHEONSTAGEANDTHEBACKSTAGEINTERFACE,ANDTHROUGHSEARCHENGINEOPTIMIZATION,CANEFFICIENTLY,CONVENIENTLYTOSHOWCUSTOMERSDESIGNGRAPHICDESIGNWORKSANDTHELATESTTRENDS,IMPROVETHECOMPANYINTHEPROCESSOFOPERATIONANDWORKEFFICIENCYKEYWORDSGRAPHICDESIGN,COMPANYWEBSITE,ELECTRONICCOMMERCE,JSP,MYSQL,SEO1选题背景11课题的来源在INTERNET快速发展的今天，互联网已成为人们获取、发布和传递信息的重要渠道，因此网站建立在政治、经济、生活、娱乐等各个方面有着重要的作用。拥有一个特色的网站，能够让客户深刻的记住，和有兴趣了解公司，从而达到推广公司的效果。而平面设计公司更应该如此。平面设计主要是让用户对所设计的作品有焕然一新的感觉，能够吸引住客户的注意。平面设计用途广，覆盖面大，涉及域广泛。因此平面设计公司急需一个有特色的网站来展示自己的作品和特色。对于平面设计公司网站的要求有界面美观大方，能够为用户提供良好的沟通环境，从而完成一个让客户满意的作品。平面设计公司网站本着信息全面、分类详细、检索方便、互连共享这四个特性，展示了画册、海报、杂志、包装设计、标志设计、传单设计、网页设计等系列案例的介绍，该网站还包括了公司介绍，资历，团队，环境，联系等功能，让浏览者能够直观的、具体的了解该公司的团队实力，突破时间与空间的限制，快捷地与此公司进行各种信息沟通。综上所述，在电子商务盛行的今天，一个功能健全、符合平面设计公司要求的网站系统也就应运而生。12课题在国内外的概况在国内网站所采用的技术日趋成熟，其影响性、重要性、权威性与日俱增。随着经济的发展，人们的消费方式也多样化，网上交易已成为市场经济发展的趋势。网站就是利用简单，快捷且低成本的电子通讯方式，买卖双方不谋面就可以进行各种商贸活动，互联网商业的普遍应用以成为网络经济的大势所向。网站建设逐渐成为公司企业宣传的选择之一在激烈市场竞争中，无论是国际还是国内的企业，都把提高设计水平作为提升竞争力的一种手段，从报纸到杂志、从电视到网络、从品牌到包装、从广告到形象设计，平面设计的功能和作用不断放大，其影响力设计到社会生活的各个方面和各个行业。所谓的平面设计，就是把不同的基本图形按照一定的规则在平面组合成图案所表现出来的立体空间感。为了吸引更多的浏览者及客户，平面设计公司网站本着信息全面、分类详细、检索方便、互连共享这四个特性，展示了画册、海报、杂志、包装设计、标志设计、传单设计、网页设计等系列案例的介绍，该网站还包括了公司介绍，资历，团队，环境，联系等功能，让浏览者能够直观的、具体的了解该公司的团队实力，突破时间与空间的限制，快捷地与此公司进行各种信息沟通。13课题研究及解决的主要问题在整个平面设计公司网站系统的设计过程中，主要考虑的问题有三个。第一，选择何种动态网页编程语言在比较了ASP、ASPX、JSP、PHP等多种编程语言后，最终选定JSP为网站的核心编程语言。JSP是一个特别的JAVA语言，它跨平台性强，强大的可伸缩性，多样化和功能强大的工具支持。第二，选择何种数据库在比较了ACCESS、MSSQL、ORACLE、MYSQL等多种数据库系统后，最终选定MYSQL为网站的数据库系统。MYSQL的功能对于中小型企业来讲绰绰有余，而且其亦为开源免费，能够降低企业网站成本，能够方便快捷地处理各种数据库问题。第三，网站完成后如何进行网络营销的推广针对这个问题，特别参考了SEO和以用户为中心的交互设计等方面的书籍。14课题研究的目的和意义本次平面设计公司网站的设计与实现，首先要对平面设计公司的整个业务流程以及公司对于网站需求做深入的调研。在充分理解公司对于网站要求之后，在进行包括数据库以及界面交互设计等方面开展研究。通过类似文章管理系统的设计方法来实现整个网站，预期实现管理员设置、网站信息设置、栏目管理、文章及作品管理、客户留言等功能。制作平面设计公司网站的宗旨在于以更加友好的形式想客户展现公司的动向和作品，提供与客户交流的良好平台，提升用户体验以及用户对于公司实力的整体印象，从而有效提高公司在网络上运营的效率。2开发平台介绍21系统平台环境211硬件平台硬件设备设计是根据信息系统的设计需求，确定信息系统物理设备方案，所设计的硬件设备方案在能够充分满足信息系统功能需求的前提下，还应满足系统的效率、可靠性、安全性和适应性等性能要求，并具有较高的性价比。根据前面的需求分析，我们得出本系统理想的环境当然是配置较高最好，实际操作中硬件平台如下硬件环境访问者建议用户在允许的情况下采用较高配置硬件资源。硬件环境开发者INTELCORET2450200GHZ，250G内存，320G磁盘空间。212软件平台软件平台是信息系统开发和运行所需的集成软件环境，设计和选择高效、实用、方便、功能齐全的软件平台，对信息系统的开发具有十分重要的意义。在结合实际开发的需要并充分考虑各种软件平台的性能及适用范围和对软件平台的使用能力，本系统的软件平台选择如下（1）操作系统操作系统是计算机系统中最重要的系统软件，目前在微机上使用的桌面操作系统有WINDOWS95/98/2000/ME/XP/2003SERVER等，本系统在WINDOWS7操作系统下进行开发，可运行于前面所列举的各种操作系统，但建议使用WINDOWS2000以上系统。（2）支撑软件支撑软件是协助人们开发和维护软件的工具和环境软件，包括编辑程序，数据库系统，集成开发环境等，本系统的支撑软件如下1、数据库管理系统（DBMS）为了对数据库实施集中管理，同时并发的处理多个客户机发来的数据处理要求，我们选用MYSQL数据库管理系统。2、网页技术在这里我们使用JSP来建立系统。22相关技术221B/S模式B/S（浏览器/服务器）是由浏览器、WEB服务器、应用服务器和数据库服务器组成的多层结构体系。它是随着INTERNET技术的兴起，对C/S结构的一种变化或者改进的结构。在这种结构下，用户工作界面是通过WWW浏览器来实现，极少部分事务逻辑在前端（BROWSER）实现，但是主要事务逻辑在服务器端（SERVER）实现，形成所谓三层3TIER结构。这样就大大简化了客户端电脑载荷，减轻了系统维护与升级的成本和工作量，降低了用户的总体成本（TCO）。以目前的技术看，局域网建立B/S结构的网络应用，并通过INTERNET/INTRANET模式下数据库应用，相对易于把握、成本也是较低的。它是一次性到位的开发，能实现不同的人员，从不同的地点，以不同的接入方式（比如LAN,WAN,INTERNET/INTRANET等）访问和操作共同的数据库；它能有效地保护数据平台和管理访问权限，服务器数据库也很安全。特别是在JAVA这样的跨平台语言出现之后，B/S架构管理软件更是方便、速度快、效果优。随着INTERNET和WWW的流行，以往的主机/终端和C/S都无法满足当前的全球网络开放、互连、信息随处可见和信息共享的新要求，于是就出现了B/S型模式。他的特点是1用户界面简单易用。用户使用单一的浏览器软件，通过鼠标即可访问文本、图像、声音、电影及数据库等信息，特别适合非计算机人员使用。2易于维护与升级。由于客户端无需专用的软件，所以，系统的维护和升级工作简单。3具有良好的开放性。浏览器/服务器结构采用标准的TCP/IP、HTTP协议，能够与遵循这些标准协议的信息系统及其网络很好的结合，具有良好的开放性，保护了用户的投资。4信息共享度高。HTML是数据格式的一种开放标准，目前信息系统中大多数流行的软件均支持HTML。5扩展性好。TCP/IP、HTTP的标准性使得浏览器/服务器结构可直接接入INTERNET，具有良好的扩展性。6网络适应性强。无论是PSTN、DDN、帧中继、X25、ISDN、还是CATV、ADSL，浏览器/服务器结构均能适应。7安全性好。防火墙技术保证了浏览器/服务器结构的安全性。222JSP技术JSP技术有点类似ASP技术，它是在传统的网页HTML文件HTM,HTML中插入JAVA程序段SCRIPTLET和JSP标记TAG，从而形成JSP文件JSP。用JSP开发的WEB应用是跨平台的，即能在LINUX下运行，也能在其他操作系统上运行。JSP技术使用JAVA编程语言编写类XML的TAGS和SCRIPTLETS，来封装产生动态网页的处理逻辑。网页还能通过TAGS和SCRIPTLETS访问存在于服务端的资源的应用逻辑。JSP将网页逻辑与网页设计和显示分离，支持可重用的基于组件的设计，使基于WEB的应用程序的开发变得迅速和容易。WEB服务器在遇到访问JSP网页的请求时，首先执行其中的程序段，然后将执行结果连同JSP文件中的HTML代码一起返回给客户。插入的JAVA程序段可以操作数据库、重新定向网页等，以实现建立动态网页所需要的功能。JSP与JAVASERVLET一样，是在服务器端执行的，通常返回该客户端的就是一个HTML文本，因此客户端只要有浏览器就能浏览。JSP页面由HTML代码和嵌入其中的JAVA代码所组成。服务器在页面被客户端请求以后对这些JAVA代码进行处理，然后将生成的HTML页面返回给客户端的浏览器。JAVASERVLET是JSP的技术基础，而且大型的WEB应用程序的开发需要JAVASERVLET和JSP配合才能完成。JSP具备了JAVA技术的简单易用，完全的面向对象，具有平台无关性且安全可靠，主要面向因特网的所有特点。223JAVASCRIPTJAVASCRIPT是一种由NETSCAPE的LIVESCRIPT发展而来的原型化继承的面向对象的动态类型的区分大小写的客户端脚本语言，主要目的是为了解决服务器端语言，比如PERL，遗留的速度问题，为客户提供更流畅的浏览效果。JAVASCRIPT是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端WEB开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。它最初由网景公司的BRENDANEICH设计，是一种动态、弱类型、基于原型的语言，内置支持类。尽管JAVASCRIPT作为给非程序人员的脚本语言，而非作为给程序人员的编程语言来推广和宣传，但是JAVASCRIPT具有非常丰富的特性。224CSS层叠样式表CSS（CASCADINGSTYLESHEET，可译为“层叠样式表”或“级联样式表”）是一组格式设置规则，用于控制WEB页面的外观。通过使用CSS样式设置页面的格式，可将页面的内容与表现形式分离。页面内容存放在HTML文档中，而用于定义表现形式的CSS规则则存放在另一个文件中或HTML文档的某一部分，通常为文件头部分。将内容与表现形式分离，不仅可使维护站点的外观更加容易，而且还可以使HTML文档代码更加简练，缩短浏览器的加载时间。225MYSQL数据库MYSQL是一个真正的多用户、多线程SQL数据库服务器。SQL（结构化查询语言）是世界上最流行的和标准化的数据库语言。MYSQL是以一个客户机/服务器结构的实现，它由一个服务器守护程序MYSQLD和很多不同的客户程序和库组成。SQL是一种标准化的语言，它使得存储、更新和存取信息更容易。例如，你能用SQL语言为一个网站检索产品信息及存储顾客信息，同时MYSQL也足够快和灵活以允许你存储记录文件和图像。MYSQL主要目标是快速、健壮和易用。最初是因为我们需要这样一个SQL服务器，它能处理与任何可不昂贵硬件平台上提供数据库的厂家在一个数量级上的大型数据库，但速度更快，MYSQL就开发出来。226HTML技术HTML（HYPERTEXTMARKUPLANGUAGE）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（HEAD）、主体（BODY）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。设计HTML语言的目的，是为了能把存放在一台电脑中的文本或图形，与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体。人们不用考虑具体信息是在当前电脑里还是在网络上其它电脑里，只需使用鼠标在某一文档中点取一个图标，INTERNET就会马上转到与此图标相关的内容上去。而这些信息可能存放在网络的另一台电脑中。另外，HTML是网络的通用语言，一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。总之，HTML文档制作不是很复杂，且功能强大，支持不同数据格式的文件镶入，这也是WWW盛行的原因之一。23开发工具231DREAMWEAVERCS5DREAMWEAVER是由MACROMEDIA公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”；2005年4月18日，全球最大的图像编辑软件供应商ADOBE宣布，以换股方式收购软件公司MACROMEDIA。DREAMWEAVERCS5最突出的亮点有三处1、对CMS的支持功能；2、对CSS的校验；3、对PHP更好的支持。除此以外，CS5还内置了WEBKIT引擎，可以模仿SAFARI、CHROME浏览器预览网页效果。PHP支持也在CS5版本中得到改善，不仅可以利用代码提示在文档中查找到自定义的函数，还可以利用此功能更好地设计CMS模板，减轻了广大模板设计者的痛苦。232MYECLIPSE简介MYECLIPSE企业级工作平台（MYECLIPSEENTERPRISEWORKBENCH，简称MYECLIPSE）是对ECLIPSEIDE的扩展，利用它我们可以在数据库和J2EE的开发、发布，以及应用程序服务器的整合方面极大的提高工作效率。它是功能丰富的J2EE集成开发环境，包括了完备的编码、调试、测试和发布功能，完整支持HTML,STRUTS,JSF,CSS,JAVASCRIPT,SQL,HIBERNATE。在结构上，MYECLIPSE的特征可以被分为7类（1）J2EE模型（2）WEB开发工具（3）EJB开发工具（4）应用程序服务器的连接器（5）J2EE项目部署服务（6）数据库服务（7）MYECLIPSE整合帮助对于以上每一种功能上的类别，在ECLIPSE中都有相应的功能部件，并通过一系列的插件来实现它们。MYECLIPSE结构上的这种模块化，可以让我们在不影响其他模块的情况下，对任一模块进行单独的扩展和升级。简单而言，MYECLIPSE是ECLIPSE的插件，也是一款功能强大的J2EE集成开发环境，支持代码编写、配置、测试以及除错。ECLIPSE是一个开放源代码的、基于JAVA的可扩展开发平台。就其本身而言，它只是一个框架和一组服务，用于通过插件组件构建开发环境。幸运的是，ECLIPSE附带了一个标准的插件集，包括JAVA开发工具（JAVADEVELOPMENTTOOLS，JDT）。ECLIPSE最初是由IBM公司开发的替代商业软件VISUALAGEFORJAVA的下一代IDE开发环境，2001年11月贡献给开源社区，现在它由非营利软件供应商联盟ECLIPSE基金会（ECLIPSEFOUNDATION）管理。2003年，ECLIPSE30选择OSGI服务平台规范为运行时架构。2007年6月，稳定版33发布。2008年6月发布代号为GANYMEDE的34版。ECLIPSE最初由OTI和IBM两家公司的IDE产品开发组创建，起始于1999年4月。IBM提供了最初的ECLIPSE代码基础，包括PLATFORM、JDT和PDE。目前由IBM牵头，围绕着ECLIPSE项目已经发展成为了一个庞大的ECLIPSE联盟，有150多家软件公司参与到ECLIPSE项目中，其中包括BORLAND、RATIONALSOFTWARE、REDHAT及SYBASE等。ECLIPSE是一个开发源码项目，它其实是VISUALAGEFORJAVA的替代品，其界面跟先前的VISUALAGEFORJAVA差不多，但由于其开放源码，任何人都可以免费得到，并可以在此基础上开发各自的插件，因此越来越受人们关注。近期还有包括ORACLE在内的许多大公司也纷纷加入了该项目，并宣称ECLIPSE将来能成为可进行任何语言开发的IDE集大成者，使用者只需下载各种语言的插件即可。3课题方案论证31可行性研究311技术可行性本系统是一个基于B/S结构的设计公司网站，采用面向对象技术、数据库技术、分布式技术等先进技术开发的应用程序，现有的开发技术已经非常成熟，而且被广泛应用于各行各业，利用现有技术完全可以达到功能目标。考虑开发期限比较充裕，预计可以再规定时间内完成开发计划。本系统的研制和开发充分考虑用户人工操作流程、计算机操作水平等，尽可能提供更人性化、直观的界面，满足用户需求。系统的操作方式在用户组织内可行。312社会因素可行性分析建议系统的研制和开发都选用正版软件或者是开源软件，将不会侵犯他人、集体和国家的利益，不会违反相关的国家政策和法律。而PHPMYSQL的平台可以有LINUXAPACHE搭设，四者构成当前流行的LAMP开发体系，全部为免费开源的系统，因此不会存在版权纠纷等问题。312结论经上述可行性分析，平面设计公司网站的设计与实现的技术成熟、完备，测试手段可靠，经过经济、技术、社会等方面的可行性分析，可以确定本系统的开发完全必要，而且是可行的，可以立即开发。32方案选择平面设计公司网站的设计与实现采用B/S模式。B/S模式最大特点是用户可以通过WWW浏览器去访问INTERNET上的文本、数据、图像、动画、视频点播和声音信息，这些信息都是由许许多多的WEB服务器产生的，而每一个WEB服务器又可以通过各种方式与数据库服务器连接，大量的数据实际存放在数据库服务器中。客户端除了WWW浏览器，一般无须任何用户程序，只需从WEB服务器上下载程序到本地来执行，在下载过程中若遇到与数据库有关的指令，由WEB服务器交给数据库服务器来解释执行，并返回给WEB服务器，WEB服务器又返回给用户。33开发平台和工具331硬件平台硬件设备设计是根据信息系统的设计需求，确定信息系统物理设备方案，所设计的硬件设备方案在能够充分满足信息系统功能需求的前提下，还应满足系统的效率、可靠性、安全性和适应性等性能要求，并具有较高的性价比。根据前面的需求分析，我们得出本系统理想的环境当然是配置较高最好，实际操作中硬件平台如下硬件环境访问者建议用户在允许的情况下采用较高配置硬件资源。硬件环境开发者INTELCORET2450200GHZ，250G内存，320G磁盘空间。332软件平台软件平台是信息系统开发和运行所需的集成软件环境，设计和选择高效、实用、方便、功能齐全的软件平台，对信息系统的开发具有十分重要的意义。在结合实际开发的需要并充分考虑各种软件平台的性能及适用范围和对软件平台的使用能力，本系统的软件平台选择如下（1）操作系统操作系统是计算机系统中最重要的系统软件，目前在微机上使用的桌面操作系统有WINDOWS95/98/2000/ME/XP/2003SERVER等，本系统在WINDOWS7操作系统下进行开发，可运行于前面所列举的各种操作系统，但建议使用WINDOWS2000以上系统。（2）支撑软件支撑软件是协助人们开发和维护软件的工具和环境软件，包括编辑程序，数据库系统，集成开发环境等，本系统的支撑软件如下1、数据库管理系统（DBMS）为了对数据库实施集中管理，同时并发的处理多个客户机发来的数据处理要求，我们选用MYSQL数据库管理系统。2、网页技术在这里我们使用PHPHYPERTEXTPREPROCESSOR来建立系统。4过程论证分析41需求分析411概述“平面设计公司网站的设计与实现”需求说明书的主要目的是明确所要开发的系统应具有的功能、性能，使系统分析人员及软件开发人员能清楚地了解用户的需求，并在此基础上进一步提出概要设计说明书和完成后续设计与开发工作，为软件开发范围、业务处理规范提供依据，也是应用软件进行合同终验的验收依据。本文档经确认后将最终交给软件开发人员进行具体的设计与开发。本项目名称为“平面设计公司网站的设计与实现”。一个网络购物系统，首先我们要保证客户能够很方便进行商品选择，系统应该具有分类选择商品功能，系统应该实现“购物车”的功能，用户可以把选中的商品放入“购物车”中，在选购完毕后再一起结帐。在系统的后台，管理员能够管理商品，商品分类，以及客户购买订单。因此分析，本系统主要由前台和后台两部分组成，前台为客户端，顾客可以在此处购买商品，后台为商品管理端，实现对商品和订单的管理。412总目标“平面设计公司网站”主要提供用户通过访问网站能够掌握设计公司的最新动态，查看往期设计作品，了解相关设计作品的收费情况，查询公司有效的联系方式，以及提交用户的留言等功能。42系统功能主要包括两大模块一为系统前台模块，二为后台管理模块。在这两大模块下又可以划分出若干小模块。本网站主要就实现了这两个模块的功能。前台模块主要用于实现用户对于不同分类的设计作品进行浏览和检索。主要是能够设计出友好的用户界面，为用户提供良好的用户体验。（1）用户的注册（2）用户资料的修改（3）用户登陆（4）商品的购买（5）商品的搜索（6）商品的分页查看（7）商品的分类搜索（8）购物车中商品的删除与商品数量的修改（9）订单提交以及收货人信息的修改后台模块主要分为产品分类管理，产品添加，以及一些系统环境变量的设置。主要提供一个或多个管理员用户登陆对产品进行添加、修改、删除等操作，并且要具备一定的安全性能。（1）管理员登陆及管理员个人信息查询（2）商品的管理，包括商品的增、删、改、查；（3）订单管理，包括订单的发货及删除；（4）顾客的登陆及注册信息系统功能的初步构想1、界面方面系统作为设计公司的网站，要求能够体现一定的设计理念，良好的设计元素，并且让用户能够直截了当的找到自己所需要的东西，符合大众的审美需求。2、内容方面由于本系统是设计公司的网站，所以只要以展示平面设计作品为主配合一些设计作品介绍及一些人性化的设置达到更好的展示目的。3、安全性方面31设立用户名和密码验证方式，防止非法用户登录和越权操作。同时将重要信息的维护只限于服务器端，避免了远程维护带来的安全隐患。32注意SQL注入，提高数据库安全性。43系统功能分析431功能分析说明本系统相应的需求有以下方面。1能够存储一定数量的作品信息，并方便有效地进行相应的作品数据操作和管理，这里主要包括以下内容。作品分类信息的添加、修改和删除。作品信息的录入、删除。对于作品信息的检索。2能够对一定数量的客户留言信息进行相应的存储和管理，这里主要包括以下内容。客户留言信息的添加。管理员查看客户留言信息。管理员删除客户留言信息。需求补充说明的几点如下。1数据保存需要长期保存在数据库的数据有以下几种。作品分类信息。作品详细信息。客户留言信息。管理员登录账号。2系统用户网站管理员、读者。网站管理员对作品和分类信息可执行添加、修改、删除以及查询等操作。客户可查询作品信息以及提交留言信息。432确定执行者执行者是与系统交互的外部实体，它既可以是人员，也可以是外部系统或硬件设备。在设计公司网站中，可以确定“设计公司网站管理员”和“设计公司客户”为系统执行者。“设计公司网站管理员”负责使用系统的主要功能，“客户”从系统中获取所需要的信息。433确定用例用例描述了一个完整的系统事件流程，其重点在于执行者与系统之间的交互而不是内在的系统活动，并对执行者产生有价值的可观测的结果。本系统中我们通过一定的调研和分析得到“设计公司网站”的用例图，如图4331所示。图4331“平面设计公司网站”的用例图434用户注册流程图此模块是添加新的用户，填写用户个人基本信息，包括姓名、密码、确认密码、EMAIL等。如图42所示435用户登录如果顾客要使用注册用户提供的功能，那么在使用之前必须登录。用户只要输入用户名、密码就可以了。若用户输入的以上两项与数据库中保存的相符，则表明用户登录成功，可以开放全部前台子系统；如果不符，则登录失败。模块执行流程如图43所示。其中管理员、用户登录模块执行流程类似。436购物车用户可以将浏览到的满意的商品加到购物车中，如果觉得有买的必要，就可以下订单购买了，如果觉得不需要可以再调整商品购物车流程设计如图44所示437订单流程主要包括订单的添加与删除，执行。如图45所示44性能要求平面设计公司网站的使用者是平面设计公司网站维护人员和平面设计公司客户。对于平面设计公司网站维护人员，技能要求不是很严格，但需要有一定的安全意识，并且懂得添加、修改、删除工作，会定期对网站进行备份。平面设计公司客户的要求也不高，只要能够通过网站界面的有效提示使用搜索、留言等相关信息，并且能够查看网站内容即可。系统要求并发数在50个左右。为了保证系统能够长期、安全、稳定、可靠、高效的运行，该系统应该满足以下具体的性能需求441系统处理的及时响应性能在系统设计和开发过程中，要充分考虑系统当前和将来可能承受的工作量，使系统的处理能力和响应时间能够满足设计公司网站对信息处理的需求。442系统的开放及可扩充性能在系统设计和开发过程中，应该充分考虑以后的可扩充性。要求系统提供足够的手段进行功能的调整和扩充。系统要符合一定的规范，可以简单的加入和减少系统的模块，配置系统的硬件。通过软件的修补、替换完成系统的升级和更新换代。443系统的易维护性在系统设计和开发过程中，要求有良好的人机交互界面。要实现这一点，就要求系统应该尽量使用用户熟悉的术语和中文信息的界面；针对用户可能出现的使用问题，要提供足够的在线帮助，缩短用户对系统熟悉的过程。444系统的先进性在系统设计和开发过程中，要求有良好的人机交互界面。要实现这一点，就要求系统应该尽量使用用户熟悉的术语和中文信息的界面；针对用户可能出现的使用问题，要提供足够的在线帮助，缩短用户对系统熟悉的过程。445系统的响应速度在日常处理中，设计公司网站作品检索的响应速度为秒级，达到实时查询的要求，并且及时反馈信息。在进行统计分析时，根据数据量以及数据库执行效率的不同而从秒级到分钟级，但原则上要保证操作人员不会因为速度问题而影响工作效率。446安全性需求由于设计公司网站的作品数量较大，所以在对这些作品导入和查询时要保证速度。在客户的留言提交程中又要保证事务的完整性。对于整个系统，需要完整的权限控制，防止某些人恶意地攻击系统，修改原始记录。同时对于数据库中的数据需要定时备份，防止系统数据丢失。此外，系统要求用户在登录是需要身份验证。5方案设计51总体设计网站设计有了一份详尽的需求说明书后，就可以根据需求说明书，对网站进行总体规划，给出一份网站总体建设方案。总体规划具体要明确网站需要实现的目的和目标；网站形象说明；网站的栏目版块和结构；网站内容的安排，相互链接关系；使用软件、硬件和技术分析说明；开发时间进度表；维护方案；需要遵循的规则和标准有哪些等。511系统层次图描述所谓功能结构图就是将系统的功能进行分解，按功能从属关系表示的图表。管理信息系统的各子系统可以看作是系统目标下层的功能，对其中每项功能还可以继续分解至更多的功能。从概念上讲，上层功能包括（或控制）下层功能，越上层功能越笼统，越下层功能越具体。功能分解的过程就是一个由抽象到具体、由复杂到简单的过程。图中每一个框称为一个功能模块。图5111系统层次结构图512网站架构图从用户角度出发，每个用户都有互不相同的操作界面。这些主要根据不同用户组及其权限，表现在显示不同的操作模块及各个页面之间的跳转。下图简单示意了整个网站的网页结构。图5121网站架构图52概念结构设计概念结构设计是将分析得到的用户需求抽象为概念模型的过程。即在需求分析的基础上，设计出能够满足用户需求的各种实体以及它们之间的相互关系概念结构设计模型。这样才能更好地、更准确地用某一DBMS实现这些需求。它是整个数据库设计的关键。概念结构的主要特点是能真实、充分地反映现实世界；易于理解、易于更改、易于向关系、网状、层次等各种数据模型转换。描述概念模型的有力工具是ER模型。平面设计公司网站系统主要模块的ER图如图521所示图521平面设计公司网站系统ER图53逻辑结构设计将概念模型转化为关系模型，对于如图521所示的平面设计公司网站系统ER图，经过转化后的关系如表531所指，表中加下划线的为关系的主键。表531平面设计公司网站系统关系表54物理结构设计物理结构设计又称数据库设计，是系统开发中关键的步骤之一。其设计质量的好坏，数据结构的优劣，直接影响到最终系统的成败。由于平面设计公司网站系统涉及较大的信息管理和各种操作，所以能否建立一个良好的数据组织关系与数据库，使整个系统的数据之间可以相互共享所拥有的信息资源，可迅速、方便、准确的调用和管理所需数据，是衡量系统开发工作好坏的重要指标，也是系统的基本要求。我选用MYSQL作为数据库管理系统，相应的数据库、数据表的设计应该符合MYSQL的要求。字段的确定根据关系的属性同时结合实际需求，字段名称一般采用英文表示，字段类型的选取还需要参考数据字典。在进行数据表设计时，注意主键不允许为空，若一个字段可以取NULL，则表示该字段可以不输入数据。但对于允许不输入数据的字段来说，最好给它设定一个默认值，以免由于使用NULL值带来的不便。541文章信息表的结构设计表541文章信息表的结构信息表542分类信息表的结构信息543留言信息表的结构设计表543留言信息表的结构信息544网站设置信息表的结构设计表544网站设置信息表的结构信息546管理员信息表的结构设计表545管理员信息表的结构信息547订单信息基本表548数据库模型所创建的数据库模型图如图546所示。图546数据库模型图55系统详细设计551管理员登录模块1模块描述本模块提供了管理员的系统登录功能，管理员只有在合法登录后台以后才可以相关进行管理操作。如果用户名或密码不正确，则不能登录系统。2功能对登录的合法性进行鉴别，如果合法则用户就可以进入系统。如非法则不允许进入系统，要求用户重新输入。3处理用户提交登录后，程序首先对用户名和密码组合后进行MD5加密，然后调用远端服务方法进行查询处理，如果查询数据库后用户名与密码错误则登录不成功，如果用户名与密码均正确，则将SESSION变量中的ISADMIN的值改为“1”，标记管理员登录成功。管理员登录流程图如图551所示图551管理员登录流程图552用户搜索模块1模块描述本模块提供用户对文章进行搜索、并返回搜索结果。2功能根据用户向系统提交的关键词查询数据库，如果有结果则关键字高亮显示并且分页返回搜索结果，如果没有结果则提示没有相关信息。3处理用户提交搜索关键字后，系统执行数据库查询语句，并将结果集保存在数组中。如果数组为空，则提示用户没有相关信息，如果数组不为空，则调用HIGHLIGHTSTR,KEYWORDS,COLOR函数，将搜索结果中的关键字高亮显示给用户，并将搜索结果分页显示。用户搜索流程图如图552所示图552用户搜索流程图553用户留言模块1模块描述本模块提供给用户留言并且提供管理员回复留言。2功能用户向网站提交留言信息，先判断提交信息的完整性。留言成功后，再交由管理员审核并且给出相应的回复。3处理用户向网站提交留言，首先先判断用户提交的信息是否完整，若完整再判断用户填写的验证码是否正确，若正确则提交留言成功。留言将交由网站管理员审核等待回复。管理查看到新的留言后，对留言进行审核，若审核通过留言并且提交回复信息，则此时留言在前台留言板显示，如果审核不通过，则留言不在前台显示，但仍然保存在数据库中。用户留言流程图如图552所示图553用户留言流程图554文章管理模块1模块描述本模块提供给系统管理员用于文章的添加、修改和删除。2功能在文章添加和修改过程中需要判断提交文章信息的完整性，在文章删除的过程中需要给出确认提示，以免管理员误操作。56主要功能函数简介561取消HTML代码函数FUNCTIONHTMLFILTERSTRINGIFIS_ARRAYSTRINGFOREACHSTRINGASKEYVALSTRINGKEYHTMLFILTERVALELSESTRINGPREG_REPLACE/D3,5|XAFAF094|AZAZAZ092,5/,STRING该函数的主要用途是将常见的HTML替换为编码，来防止一些恶意用户在提交留言的时候加入HTML，对网站造成攻击，提升网站的安全性能。562MD5加密RETURNSTRINGFUNCTIONENCRYPTUSERNAME,USERPASS该函数通过调用PHP已经编写完成的MD5加密函数，将用户名和密码组合后再进行加密，这样能够提升系统安全性。STRUSERNAMEUSERPASSRETURNEMPTYSTRMD5STRTOLOWERSTR563字符串截取FUNCTIONCUTSTRSTR,LEN,ADDTRUE/GETTHEDISPLAYWIDTHOFTHESTRINGI0J0STR_WIDTH0DOIFORDSTRI224STR_WIDTH2I3ELSEIFORDSTRI192STR_WIDTH2I2ELSESTR_WIDTHIWHILEI/IFTHEDISPLAYWIDTHISSHORTERTHANYOUWANT,RETURNTHESTRINGIFSTR_WIDTHRETURNSTRELSEI0J0NEWWORDDO/IFTHECHARACTERISACHINESEIFORDSTRI224NEWWORDSTRISTRI1STRI2II3JJ2/IFTHECHARACTERISASYMBLEELSEIFORDSTRI192NEWWORDSTRISTRI1II2JJ2/IFTHECHARACTERISAALPHAELSENEWWORDSTRIIJWHILEJRETURNNEWWORDELSERETURNNEWWORD该函数用于将一个较长的字符串按照给定要求截取并返回，当文章标题过长时，可以试用该函数进行截取，来保证页面的整齐、一致。564搜索结果高亮显示FUNCTIONHIGHLIGHTSTR,KEYWORDS,COLORIFEMPTYKEYWORDSKEYWORDSSPLITTVAREREGIVAL,STR,REGSFINALREP该函数用于显示搜索结果时，以加粗和色彩来显示标题中用户搜索的关键字，这样直观明了，能够提升用户体验。STRSTR_IREPLACEREGS0,FINALREP,STRRETURNSTR6提供交互界面设计说明61前台界面实现611网站首页网站首页要求给人美观、大方的印象，并且能够简洁直观地想访问者展示整个网站的主要内容，因此，除了导航条、大面积的LOGO之外，我还选择了公司动态、关于我们和精品案例三个模块在首页显示。如下图所示612精品案例展示作为平面设计公司网站的精品案例，自然需要以缩略图的形式向用户展示网站的作品，这样才能够吸引用户点击进入查看，创造更深入的价值。如下图所示613公司动态展示以列表的形式显示公司动态和业内新闻，简洁明了。如下图所示614搜索结果搜索结果关键字高亮显示，并且以列表形式展示给用户。如下图所示615用户留言用户留言显示要求直观、大方，并且给管理员回复留下空间，隔行使用不同背景颜色的CSS代码实现，以便区分不同的留言，也方便用户查阅。如下图所示留言添加表单要有明确的用户填写信息的提示，验证码支持点击刷新，是用户提交留言更加方便。如下图所示62后台界面实现621管理员登陆界面深色调的用户登陆欢迎界面，能够让管理员保持冷静的思考方式进行后台的管理操作。如下图所示622管理员首页登陆成功后，在管理员首页为管理员提供常用操作的快捷链接，可以有效地提升后台管理效率。如下图所示623栏目管理在栏目管理界面，可以查看现有的栏目信息，包括名称、关键词和描述等，此外在操作上可以添加、修改、删除栏目，并且可以通过链接方便地添加该栏目下属的文章。如下图所示624文章管理在文章管理界面，由于文章数量较多，因此采用10条/页的模式分页显示文章，这样管理起来不需要翻屏就能一览文章标题。通过点击标题链接可以直接查看文章在前台页面的显示情况，于此同时可以添加、修改和删除文章。如下图所示在删除文章的时候，会给管理员确认提示，只有确认后文章才会被删除，这样可以有效防止管理员误操作。如下图所示625管理员设置管理员设置页面以列表形式展示已有的管理员信息，为管理员提供添加、修改和删除的操作链接，由于管理员负责网站的核心安全性能，因此在管理员操作界面会有警告提示，要求用户谨慎操作。使用TAB界面切换管理员列表和添加管理员界面，美观，实用。如果在添加管理员的过程中提交了已经存在的管理员用户名，系统也会给出警告，提示管理员该用户名已存在。如下图所示626留言管理考虑到留言数量会随着网站运营时间的增加而不断增加，因此在后台留言管理界面也加入了分页显示。并且管理员可以