平面设计公司网站的设计与实现论文初稿.doc

毕业设计（论文） 题题 目：目： 平面平面设计设计公司网站的公司网站的设计设计与与实现实现 2011 年 6 月 2 福建工程学院本科毕业设计(论文)作者承诺保证书 本人郑重承诺： 本篇毕业设计(论文)的内容真实、可靠。如果存在弄 虚作假、抄袭的情况，本人愿承担全部责任。 学生签名： 年 月 日 福建工程学院本科毕业设计 (论文)指导教师承诺保证书 本人郑重承诺：我已按有关规定对本篇毕业设计(论文)的选题与内容 进行了指导和审核，该同学的毕业设计（论文）中未发现弄虚作假、抄袭 的现象，本人愿承担指导教师的相关责任。 指导教师签名： 年 月 日 i 目目 录录 1 1 选题背景选题背景.5 1.1 课题的来源5 1.2 课题在国内外的概况5 1.3 课题研究及解决的主要问题6 1.4 课题研究的目的和意义6 2 2 开发平台介绍开发平台介绍.7 2.1 系统平台环境7 2.2 相关技术8 2.3 开发工具11 3 3 课题方案论证课题方案论证.11 3.1 可行性研究11 3.2 方案选择12 3.3 开发平台和工具13 4 4 过程论证分析过程论证分析.14 4.1 需求分析14 4.2 系统功能14 4.3 系统功能分析15 4.4 性能要求17 5 5 方案设计方案设计.19 5.1 总体设计19 5.2 概念结构设计20 5.3 逻辑结构设计21 5.4 物理结构设计22 5.5 系统详细设计24 5.6 主要功能函数简介28 6 6 提供交互界面设计说明提供交互界面设计说明.31 6.1 前台界面实现 31 6.2 后台界面实现 35 7 7 总结与展望总结与展望39 ii 7.1 结论39 7.2 前景展望40 7.3 网站完成后的网络营销。.40 致谢语致谢语47 参考文献参考文献 48 iii 平面设计公司网站的设计与实现 摘要：在二十一世纪，逐渐信息化的同时，让网络技术越来越成熟，也使得越来越多的公司建立一 个自己的网站。在早些时候平面设计公司网站仅仅是提供画册或者 flash 图案，现在电子商务的 引导下，一个功能健全、符合平面设计公司要求的网站管理系统也就应运而生。网上交易已成为市 场经济发展的趋势。网站就是利用简单，快捷且低成本的电子通讯方式，买卖双方不谋面就可以进 行各种商贸活动，互联网商业的普遍应用以成为网络经济的大势所向。平面设计公司网站本着信息 全面、分类详细、检索方便、互连共享这四个特性，该系统主要实现用户自定义的网站设置，例如： 资料分类管理、在线沟通等功能，让浏览者能够直观的、具体的了解该公司的团队实力，突破时间 与空间的限制，快捷地与此公司进行各种信息沟通。本文论述的是通过调研与设计，实现包括新闻 管理、产品展示、用户留言等模块的网站管理系统。该系统采用 jsp+mysql 为开发平台，使用 div+css 技术实现前台与后台界面，并且经过搜索引擎优化，可以有效、方便地向客户展示平面设计 公司的作品和最新动向，提高公司在运营过程中的工作效率。 关键字：平面设计，公司网站，电子商务，jsp，mysql，搜索引擎优化 iv the design and implementation of graphic design company website abstract: in twenty-first century, gradually informatization at the same time, let the network technology more and more mature, also makes more and more enterprises to establish a website of their own. in the earlier graphic design company web site provides only album or flash pattern, now the electronic commerce under the guidance, a function of sound, with graphic design company website management system also emerge as the times require. online trading has become the development trend of the market economy. site is the use of simple, convenient and low cost electronic means of communication, not met buyers and sellers can carry out a variety of business activities, the universal use of electronic commerce to become the trend of internet economy. graphic design company website based on comprehensive information, classification, retrieval, convenient interconnection sharing these four characteristics, the system is mainly to achieve the user site settings, for example: information classification management, online communication function, so people can intuitively, specific knowledge of the companys team strength, break through the limitation of time and space, and quickly and the company of all kinds of information communication. this paper is through investigation and design, including news management, product display, user messages and other modules of the website management system. the system uses jsp+mysql as the development platform, using div+csstechnology to achieve the onstage and the backstage interface, and through search engine optimization, can efficiently, conveniently to show customers design graphic design works and the latest trends, improve the company in the process of operation and work efficiency. keywords : graphic design, company website, electronic commerce, jsp, mysql, seo 5 1 选题背景 1.1 课题的来源 在internet快速发展的今天，互联网已成为人们获取、发布和传递信息的重要渠道， 因此网站建立在政治、经济、生活、娱乐等各个方面有着重要的作用。拥有一个特色的 网站，能够让客户深刻的记住，和有兴趣了解公司，从而达到推广公司的效果。而平面 设计公司更应该如此。 平面设计主要是让用户对所设计的作品有焕然一新的感觉，能够吸引住客户的注意。 平面设计用途广，覆盖面大，涉及域广泛。因此平面设计公司急需一个有特色的网站来 展示自己的作品和特色。 对于平面设计公司网站的要求有：界面美观大方，能够为用户提供良好的沟通环境， 从而完成一个让客户满意的作品。平面设计公司网站本着信息全面、分类详细、检索方 便、互连共享这四个特性，展示了画册、海报、杂志、包装设计、标志设计、传单设计、 网页设计等系列案例的介绍，该网站还包括了公司介绍，资历，团队，环境，联系等功 能，让浏览者能够直观的、具体的了解该公司的团队实力，突破时间与空间的限制，快 捷地与此公司进行各种信息沟通。 综上所述，在电子商务盛行的今天，一个功能健全、符合平面设计公司要求的网站 系统也就应运而生。 1.2 课题在国内外的概况课题在国内外的概况 在国内网站所采用的技术日趋成熟，其影响性、重要性、权威性与日俱增。随着经 济的发展，人们的消费方式也多样化，网上交易已成为市场经济发展的趋势。网站就是 利用简单，快捷且低成本的电子通讯方式，买卖双方不谋面就可以进行各种商贸活动， 互联网商业的普遍应用以成为网络经济的大势所向。网站建设逐渐成为公司企业宣传的 选择之一. 在激烈市场竞争中，无论是国际还是国内的企业，都把提高设计水平作为提升竞争 力的一种手段，从报纸到杂志、从电视到网络、从品牌到包装、从广告到形象设计，平 面设计的功能和作用不断放大，其影响力设计到社会生活的各个方面和各个行业。所谓 6 的平面设计，就是把不同的基本图形按照一定的规则在平面组合成图案所表现出来的立 体空间感。为了吸引更多的浏览者及客户，平面设计公司网站本着信息全面、分类详细、 检索方便、互连共享这四个特性，展示了画册、海报、杂志、包装设计、标志设计、传 单设计、网页设计等系列案例的介绍，该网站还包括了公司介绍，资历，团队，环境， 联系等功能，让浏览者能够直观的、具体的了解该公司的团队实力，突破时间与空间的 限制，快捷地与此公司进行各种信息沟通。 1.3 课题研究及解决的主要问题 在整个平面设计公司网站系统的设计过程中，主要考虑的问题有三个。 第一，选择何种动态网页编程语言？在比较了asp、aspx、jsp、php等多种编程语 言后，最终选定jsp为网站的核心编程语言。jsp是一个特别的java语言，它跨平台性强， 强大的可伸缩性，多样化和功能强大的工具支持。 第二，选择何种数据库？在比较了access、mssql、oracle、mysql等多种数据库系 统后，最终选定mysql为网站的数据库系统。mysql的功能对于中小型企业来讲绰绰有余， 而且其亦为开源免费，能够降低企业网站成本，能够方便快捷地处理各种数据库问题。 第三，网站完成后如何进行网络营销的推广？针对这个问题，特别参考了seo和以 用户为中心的交互设计等方面的书籍。 1.4 课题研究的目的和意义 本次平面设计公司网站的设计与实现，首先要对平面设计公司的整个业务流程以及 公司对于网站需求做深入的调研。在充分理解公司对于网站要求之后，在进行包括数据 库以及界面交互设计等方面开展研究。通过类似文章管理系统的设计方法来实现整个网 站，预期实现：管理员设置、网站信息设置、栏目管理、文章及作品管理、客户留言等 功能。制作平面设计公司网站的宗旨在于：以更加友好的形式想客户展现公司的动向和 作品，提供与客户交流的良好平台，提升用户体验以及用户对于公司实力的整体印象， 从而有效提高公司在网络上运营的效率。 7 2 开发平台介绍 2.1 系统平台环境 2.1.1 硬件平台 硬件设备设计是根据信息系统的设计需求，确定信息系统物理设备方案，所设计的 硬件设备方案在能够充分满足信息系统功能需求的前提下，还应满足系统的效率、可靠 性、安全性和适应性等性能要求，并具有较高的性价比。根据前面的需求分析，我们得 出本系统理想的环境当然是配置较高最好，实际操作中硬件平台如下： 硬件环境(访问者)：建议用户在允许的情况下采用较高配置硬件资源。 硬件环境(开发者)：intel core t2450 2.00ghz，2.50g内存，320g磁盘空间。 2.1.2 软件平台 软件平台是信息系统开发和运行所需的集成软件环境，设计和选择高效、实用、方 便、功能齐全的软件平台，对信息系统的开发具有十分重要的意义。在结合实际开发的 需要并充分考虑各种软件平台的性能及适用范围和对软件平台的使用能力，本系统的软 件平台选择如下： （1） 操作系统 操作系统是计算机系统中最重要的系统软件，目前在微机上使用的桌面操作系统有 windows 95/98/2000/me/xp/2003server 等，本系统在windows 7操作系统下进行开发， 可运行于前面所列举的各种操作系统，但建议使用windows 2000以上系统。 （2） 支撑软件 支撑软件是协助人们开发和维护软件的工具和环境软件，包括编辑程序，数据库系 统，集成开发环境等，本系统的支撑软件如下： 1、数据库管理系统（dbms）：为了对数据库实施集中管理，同时并发的处理多个客 户机发来的数据处理要求，我们选用mysql数据库管理系统。 2、网页技术：在这里我们使用jsp来建立系统。 8 2.2 相关技术 2.2.1 b/s 模式 b/s（浏览器/服务器）是由浏览器、web服务器、应用服务器和数据库服务器组成的 多层结构体系。它是随着internet技术的兴起，对c/s结构的一种变化或者改进的结构。 在这种结构下，用户工作界面是通过www浏览器来实现，极少部分事务逻辑在前端 （browser）实现，但是主要事务逻辑在服务器端（server）实现，形成所谓三层3- tier结构。这样就大大简化了客户端电脑载荷，减轻了系统维护与升级的成本和工作量， 降低了用户的总体成本（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、帧中继、x.25、isdn、还是 catv、adsl，浏览器/服务器结构均能适应。 9 (7) 安全性好。防火墙技术保证了浏览器/服务器结构的安全性。 .2 jspjsp技术技术 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 与 java servlet 一样，是在服务器端执行的，通常返回该客户端的就是一个 html 文本，因此客户端只要有浏览器就能浏览。 jsp 页面由 html 代码和嵌入其中的 java 代码所组成。服务器在页面被客户端请 求以后对这些 java 代码进行处理，然后将生成的 html 页面返回给客户端的浏览器。 java servlet 是 jsp 的技术基础，而且大型的 web 应用程序的开发需要 java servlet 和 jsp 配合才能完成。jsp 具备了 java 技术的简单易用，完全的面向对象，具有平台无关 性且安全可靠，主要面向因特网的所有特点。 2.2.3 javascript javascript是一种由netscape的livescript发展而来的原型化继承的面向对象的动 态类型的区分大小写的客户端脚本语言，主要目的是为了解决服务器端语言，比如 perl，遗留的速度问题，为客户提供更流畅的浏览效果。javascript是一种基于对象和 事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端web开发 的脚本语言，常用来给html网页添加动态功能，比如响应用户的各种操作。它最初由网 景公司的brendan eich设计，是一种动态、弱类型、基于原型的语言，内置支持类。尽 管javascript作为给非程序人员的脚本语言，而非作为给程序人员的编程语言来推广和 10 宣传，但是javascript具有非常丰富的特性。 2.2.4 css 层叠样式表 css（cascading style sheet，可译为“层叠样式表”或“级联样式表”）是一组格式设 置规则，用于控制web页面的外观。通过使用css样式设置页面的格式，可将页面的内容 与表现形式分离。页面内容存放在html文档中，而用于定义表现形式的css规则则存放 在另一个文件中或html文档的某一部分，通常为文件头部分。将内容与表现形式分离， 不仅可使维护站点的外观更加容易，而且还可以使html文档代码更加简练，缩短浏览器 的加载时间。 2.2.5 mysql 数据库 mysql 是一个真正的多用户、多线程 sql 数据库服务器。sql（结构化查询语言） 是世界上最流行的和标准化的数据库语言。mysql 是以一个客户机/服务器结构的实现， 它由一个服务器守护程序 mysqld 和很多不同的客户程序和库组成。 sql 是一种标准化的语言，它使得存储、更新和存取信息更容易。例如，你能用 sql 语言为一个网站检索产品信息及存储顾客信息，同时 mysql 也足够快和灵活以允 许你存储记录文件和图像。 mysql 主要目标是快速、健壮和易用。最初是因为我们需要这样一个 sql 服务器， 它能处理与任何可不昂贵硬件平台上提供数据库的厂家在一个数量级上的大型数据库， 但速度更快，mysql 就开发出来。 2.2.6 html 技术 html（hyper text mark-up language）即超文本标记语言或超文本链接标示语言， 是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。html文本是由html 命令组成的描述性文本，html命令可以说明文字、图形、动画、声音、表格、链接等。 html的结构包括头部（head） 、主体（body）两大部分，其中头部描述浏览器所需的信 息，而主体则包含所要说明的具体内容。设计html语言的目的，是为了能把存放在一台 电脑中的文本或图形，与另一台电脑中的文本或图形方便地联系在一起，形成有机的整 体。人们不用考虑具体信息是在当前电脑里还是在网络上其它电脑里，只需使用鼠标在 11 某一文档中点取一个图标，internet就会马上转到与此图标相关的内容上去。而这些信 息可能存放在网络的另一台电脑中。 另外，html是网络的通用语言，一种简单、通用 的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以 被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。总之，html文档制 作不是很复杂，且功能强大，支持不同数据格式的文件镶入，这也是www盛行的原因之 一。 2.3 开发工具 2.3.1 dreamweaver cs5： dreamweaver是由macromedia公司开发的一款所见即所得的网页编辑器。和二维动画 设计软件flash，专业网页图像设计软件fireworks，并称为“网页三剑客” ；2005年4月 18日，全球最大的图像编辑软件供应商adobe宣布，以换股方式收购软件公司 macromedia。dreamweaver cs5最突出的亮点有三处：1、对cms的支持功能；2、对css 的校验；3、对php更好的支持。除此以外，cs5还内置了webkit引擎，可以模仿 safari、chrome浏览器预览网页效果。php支持也在cs5版本中得到改善，不仅可以利用 代码提示在文档中查找到自定义的函数，还可以利用此功能更好地设计cms模板，减轻 了广大模板设计者的痛苦。 2.3.2 myeclipse 简介： myeclipse 企业级工作平台（myeclipse enterprise workbench ，简称 myeclipse） 是对 eclipse ide 的扩展，利用它我们可以在数据库和 j2ee 的开发、发布，以及应用程 序服务器的整合方面极大的提高工作效率。它是功能丰富的 j2ee 集成开发环境，包括 了完备的编码、调试、测试和发布功能，完整支持 html, struts, jsf, css, javascript, sql, hibernate。 在结构上，myeclipse 的特征可以被分为 7 类： （1）j2ee 模型 （2）web 开发工具 （3）ejb 开发工具 （4）应用程序服务器的连接器 12 （5）j2ee 项目部署服务 （6）数据库服务 （7）myeclipse 整合帮助 对于以上每一种功能上的类别，在 eclipse 中都有相应的功能部件，并通过一系列 的插件来实现它们。myeclipse 结构上的这种模块化，可以让我们在不影响其他模块的 情况下，对任一模块进行单独的扩展和升级。 简单而言，myeclipse 是 eclipse 的插件，也是一款功能强大的 j2ee 集成开发环境，支持代码 编写、配置、测试以及除错。 eclipse 是一个开放源代码的、基于 java 的可扩展开发平台。就其本身而言，它只 是一个框架和一组服务，用于通过插件组件构建开发环境。幸运的是，eclipse 附带了 一个标准的插件集，包括 java 开发工具（java development tools，jdt） 。 eclipse 最初是由 ibm 公司开发的替代商业软件 visual age for java 的下一代 ide 开 发环境，2001 年 11 月贡献给开源社区，现在它由非营利软件供应商联盟 eclipse 基金会 （eclipse foundation）管理。 2003 年，eclipse 3.0 选择 osgi 服务平台规范为运行时架 构。 2007 年 6 月，稳定版 3.3 发布。2008 年 6 月发布代号为 ganymede 的 3.4 版。 eclipse 最初由 oti 和 ibm 两家公司的 ide 产品开发组创建，起始于 1999 年 4 月。 ibm 提供了最初的 eclipse 代码基础，包括 platform、jdt 和 pde。目前由 ibm 牵头， 围绕着 eclipse 项目已经发展成为了一个庞大的 eclipse 联盟，有 150 多家软件公司参与 到 eclipse 项目中，其中包括 borland、rational software、red hat 及 sybase 等。eclipse 是一个开发源码项目，它其实是 visual age for java 的替代品，其界面跟先前的 visual age for java 差不多，但由于其开放源码，任何人都可以免费得到，并可以在此基础上 开发各自的插件，因此越来越受人们关注。近期还有包括 oracle 在内的许多大公司也纷 纷加入了该项目，并宣称 eclipse 将来能成为可进行任何语言开发的 ide 集大成者，使 用者只需下载各种语言的插件即可。 13 3 课题方案论证 3.1 可行性研究 3.1.1 技术可行性 本系统是一个基于b/s结构的设计公司网站，采用面向对象技术、数据库技术、分 布式技术等先进技术开发的应用程序，现有的开发技术已经非常成熟，而且被广泛应用 于各行各业，利用现有技术完全可以达到功能目标。考虑开发期限比较充裕，预计可以 再规定时间内完成开发计划。本系统的研制和开发充分考虑用户人工操作流程、计算机 操作水平等，尽可能提供更人性化、直观的界面，满足用户需求。系统的操作方式在用 户组织内可行。 3.1.2 社会因素可行性分析 建议系统的研制和开发都选用正版软件或者是开源软件，将不会侵犯他人、集体和 国家的利益，不会违反相关的国家政策和法律。而php+mysql的平台可以有 linux+apache搭设，四者构成当前流行的lamp开发体系，全部为免费开源的系统，因此 不会存在版权纠纷等问题。 3.1.2 结论 经上述可行性分析，平面设计公司网站的设计与实现的技术成熟、完备，测试手段 可靠，经过经济、技术、社会等方面的可行性分析，可以确定本系统的开发完全必要， 而且是可行的，可以立即开发。 3.2 方案选择 平面设计公司网站的设计与实现采用b/s模式。b/s模式最大特点是：用户可以通过 www浏览器去访问internet上的文本、数据、图像、动画、视频点播和声音信息，这些 信息都是由许许多多的web服务器产生的，而每一个web服务器又可以通过各种方式与数 据库服务器连接，大量的数据实际存放在数据库服务器中。客户端除了www浏览器，一 般无须任何用户程序，只需从web服务器上下载程序到本地来执行，在下载过程中若遇 14 到与数据库有关的指令，由web服务器交给数据库服务器来解释执行，并返回给web服务 器，web服务器又返回给用户。 3.3 开发平台和工具 3.3.1 硬件平台 硬件设备设计是根据信息系统的设计需求，确定信息系统物理设备方案，所设计的 硬件设备方案在能够充分满足信息系统功能需求的前提下，还应满足系统的效率、可靠 性、安全性和适应性等性能要求，并具有较高的性价比。根据前面的需求分析，我们得 出本系统理想的环境当然是配置较高最好，实际操作中硬件平台如下： 硬件环境(访问者)：建议用户在允许的情况下采用较高配置硬件资源。 硬件环境(开发者)：intel core t2450 2.00ghz，2.50g 内存，320g 磁盘空间。 3.3.2 软件平台 软件平台是信息系统开发和运行所需的集成软件环境，设计和选择高效、实用、方 便、功能齐全的软件平台，对信息系统的开发具有十分重要的意义。在结合实际开发的 需要并充分考虑各种软件平台的性能及适用范围和对软件平台的使用能力，本系统的软 件平台选择如下： （1） 操作系统 操作系统是计算机系统中最重要的系统软件，目前在微机上使用的桌面操作系统有 windows 95/98/2000/me/xp/2003server 等，本系统在 windows 7 操作系统下进行开发， 可运行于前面所列举的各种操作系统，但建议使用 windows 2000 以上系统。 （2） 支撑软件 支撑软件是协助人们开发和维护软件的工具和环境软件，包括编辑程序，数据库系 统，集成开发环境等，本系统的支撑软件如下： 1、数据库管理系统（dbms）：为了对数据库实施集中管理，同时并发的处理多个客 户机发来的数据处理要求，我们选用 mysql 数据库管理系统。 15 2、网页技术：在这里我们使用 php(hypertext preprocessor) 来建立系统。 4 过程论证分析 4.1 需求分析 4.1.1 概述 “平面设计公司网站的设计与实现”需求说明书的主要目的是明确所要开发的系统 应具有的功能、性能，使系统分析人员及软件开发人员能清楚地了解用户的需求，并在 此基础上进一步提出概要设计说明书和完成后续设计与开发工作，为软件开发范围、业 务处理规范提供依据，也是应用软件进行合同终验的验收依据。本文档经确认后将最终 交给软件开发人员进行具体的设计与开发。 本项目名称为“平面设计公司网站的设计与实现” 。 一个网络购物系统，首先我们 要保证客户能够很方便进行商品选择，系统应该具有分类选择商品功能，系统应该实现 “购物车”的功能，用户可以把选中的商品放入“购物车”中，在选购完毕后再一起结 帐。在系统的后台，管理员能够管理商品，商品分类，以及客户购买订单。 因此分析，本系统主要由前台和后台两部分组成，前台为客户端，顾客可以在此处 购买商品，后台为商品管理端，实现对商品和订单的管理。 .2总目标总目标 “平面设计公司网站”主要提供用户通过访问网站能够掌握设计公司的最新动态， 查看往期设计作品，了解相关设计作品的收费情况，查询公司有效的联系方式，以及提 交用户的留言等功能。 4.2 系统功能 主要包括两大模块：一为系统前台模块，二为后台管理模块。在这两大模块下又可 以划分出若干小模块。本网站主要就实现了这两个模块的功能。 前台模块主要用于实现用户对于不同分类的设计作品进行浏览和检索。主要是能够 设计出友好的用户界面，为用户提供良好的用户体验。 （1）用户的注册 （2）用户资料的修改 16 （3）用户登陆 （4）商品的购买 （5）商品的搜索 （6）商品的分页查看 （7）商品的分类搜索 （8）购物车中商品的删除与商品数量的修改 （9）订单提交以及收货人信息的修改 后台模块主要分为：产品分类管理，产品添加，以及一些系统环境变量的设置。主 要提供一个或多个管理员用户登陆对产品进行添加、修改、删除等操作，并且要具备一 定的安全性能。 （1）管理员登陆及管理员个人信息查询 （2）商品的管理，包括商品的增、删、改、查； （3）订单管理，包括订单的发货及删除； （4）顾客的登陆及注册信息 系统功能的初步构想： 1、界面方面：系统作为设计公司的网站，要求能够体现一定的设计理念，良好的 设计元素，并且让用户能够直截了当的找到自己所需要的东西，符合大众的审美需求。 2、内容方面：由于本系统是设计公司的网站，所以只要以展示平面设计作品为主 配合一些设计作品介绍及一些人性化的设置达到更好的展示目的。 3、安全性方面： 3.1设立用户名和密码验证方式，防止非法用户登录和越权操作。同时将重要信息 的维护只限于服务器端，避免了远程维护带来的安全隐患。 3.2注意sql注入，提高数据库安全性。 4.3 系统功能分析 4.3.1 功能分析说明 本系统相应的需求有以下方面。 17 (1)能够存储一定数量的作品信息，并方便有效地进行相应的作品数据操作和管理， 这里主要包括以下内容。 作品分类信息的添加、修改和删除。 作品信息的录入、删除。 对于作品信息的检索。 (2)能够对一定数量的客户留言信息进行相应的存储和管理，这里主要包括以下内 容。 客户留言信息的添加。 管理员查看客户留言信息。 管理员删除客户留言信息。 需求补充说明的几点如下。 (1)数据保存：需要长期保存在数据库的数据有以下几种。 作品分类信息。 作品详细信息。 客户留言信息。 管理员登录账号。 (2)系统用户：网站管理员、读者。 网站管理员：对作品和分类信息可执行添加、修改、删除以及查询等操作。 客户：可查询作品信息以及提交留言信息。 4.3.2 确定执行者 执行者是与系统交互的外部实体，它既可以是人员，也可以是外部系统或硬件设备。 在设计公司网站中，可以确定“设计公司网站管理员”和“设计公司客户”为系统执行 者。 “设计公司网站管理员”负责使用系统的主要功能， “客户”从系统中获取所需要的 信息。 4.3.3 确定用例 用例描述了一个完整的系统事件流程，其重点在于执行者与系统之间的交互而不是 18 内在的系统活动，并对执行者产生有价值的可观测的结果。本系统中我们通过一定的调 研和分析得到“设计公司网站”的用例图，如图所示。 教务系统管理员 平平面面设设计计公公司司网网站站 管理员设置 搜索 分类管理 文章管理 留言管理 网站设置 分类查看 文章查看 教务系统管理员 留言板 图 “平面设计公司网站”的用例图 .4用户注册流程图用户注册流程图 此模块是添加新的用户，填写用户个人基本信息，包括姓名、密码、确认密码、e- mail 等。如图 4.2 所示： 4.3.5 用户登录 如果顾客要使用注册用户提供的功能，那么在使用之前必须登录。用户只要输入用 户名、密码就可以了。若用户输入的以上两项与数据库中保存的相符，则表明用户 登录成功，可以开放全部前台子系统；如果不符，则登录失败。模块执行流程如图 19 4-3 所示。其中管理员、用户登录模块执行流程类似。 4.3.6 购物车 用户可以将浏览到的满意的商品加到购物车中，如果觉得有买的必要，就可以下订 单购买了，如果觉得不需要可以再调整商品购物车流程设计如图 4.4 所示： 20 4.3.7订单流程订单流程 主要包括订单的添加与删除，执行。如图 4.5 所示： 4.4 性能要求 平面设计公司网站的使用者是平面设计公司网站维护人员和平面设计公司客户。对 于平面设计公司网站维护人员，技能要求不是很严格，但需要有一定的安全意识，并且 懂得添加、修改、删除工作，会定期对网站进行备份。平面设计公司客户的要求也不高， 只要能够通过网站界面的有效提示使用搜索、留言等相关信息，并且能够查看网站内容 即可。系统要求并发数在50个左右。为了保证系统能够长期、安全、稳定、可靠、高效 的运行，该系统应该满足以下具体的性能需求： 4.4.1 系统处理的及时响应性能 在系统设计和开发过程中，要充分考虑系统当前和将来可能承受的工作量，使系统 的处理能力和响应时间能够满足设计公司网站对信息处理的需求。 4.4.2 系统的开放及可扩充性能 在系统设计和开发过程中，应该充分考虑以后的可扩充性。要求系统提供足够的手 段进行功能的调整和扩充。系统要符合一定的规范，可以简单的加入和减少系统的模块， 配置系统的硬件。通过软件的修补、替换完成系统的升级和更新换代。 21 4.4.3 系统的易维护性 在系统设计和开发过程中，要求有良好的人机交互界面。要实现这一点，就要求系 统应该尽量使用用户熟悉的术语和中文信息的界面；针对用户可能出现的使用问题，要 提供足够的在线帮助，缩短用户对系统熟悉的过程。 4.4.4 系统的先进性 在系统设计和开发过程中，要求有良好的人机交互界面。要实现这一点，就要求系 统应该尽量使用用户熟悉的术语和中文信息的界面；针对用户可能出现的使用问题，要 提供足够的在线帮助，缩短用户对系统熟悉的过程。 4.4.5 系统的响应速度 在日常处理中，设计公司网站作品检索的响应速度为秒级，达到实时查询的要求， 并且及时反馈信息。在进行统计分析时，根据数据量以及数据库执行效率的不同而从秒 级到分钟级，但原则上要保证操作人员不会因为速度问题而影响工作效率。 4.4.6 安全性需求 由于设计公司网站的作品数量较大，所以在对这些作品导入和查询时要保证速度。 在客户的留言提交程中又要保证事务的完整性。对于整个系统，需要完整的权限控制， 防止某些人恶意地攻击系统，修改原始记录。同时对于数据库中的数据需要定时备份， 防止系统数据丢失。此外，系统要求用户在登录是需要身份验证。 5 方案设计 5.1 总体设计 网站设计有了一份详尽的需求说明书后，就可以根据需求说明书，对网站进行总体规划， 给出一份网站总体建设方案。总体规划具体要明确网站需要实现的目的和目标；网站形 象说明；网站的栏目版块和结构；网站内容的安排，相互链接关系；使用软件、硬件和 技术分析说明；开发时间进度表；维护方案；需要遵循的规则和标准有哪些等。 22 5.1.1 系统层次图描述 所谓功能结构图就是将系统的功能进行分解，按功能从属关系表示的图表。管理信 息系统的各子系统可以看作是系统目标下层的功能，对其中每项功能还可以继续分解至 更多的功能。从概念上讲，上层功能包括（或控制）下层功能，越上层功能越笼统，越 下层功能越具体。功能分解的过程就是一个由抽象到具体、由复杂到简单的过程。图中 每一个框称为一个功能模块。 平面设计公司网站系统 管理首页 网站栏目 网站文章 网站设置 添加栏目 栏目管理 添加文章 文章管理 管理员设置 留言管理 网站设置 图 系统层次结构图 5.1.2 网站架构图 从用户角度出发，每个用户都有互不相同的操作界面。这些主要根据不同用户组及 其权限，表现在显示不同的操作模块及各个页面之间的跳转。下图简单示意了整个网站 的网页结构。 23 分类信息管理 进行系统设置 其他页面. 其他页面. 网站管理员 访问用户 平面设计 公司网站查看分类信息 查看文章信息 其他页面. 其他页面. 文章信息管理 管理员信息管理 留言信息管理 文章搜索 添加留言信息 图 网站架构图 5.2 概念结构设计 概念结构设计是将分析得到的用户需求抽象为概念模型的过程。即在需求分析的基 础上，设计出能够满足用户需求的各种实体以及它们之间的相互关系概念结构设计模型。 这样才能更好地、更准确地用某一 dbms 实现这些需求。它是整个数据库设计的关键。 概念结构的主要特点是能真实、充分地反映现实世界；易于理解、易于更改、易于向关 系、网状、层次等各种数据模型转换。描述概念模型的有力工具是 e-r 模型。平面设计 公司网站系统主要模块的 e-r 图如图 5.2.1 所示： 24 文章 分类 管理员 属于 n 1 编号分类编号类型点击量发布时间显示图片标题 编号分类类型名称内容关键词描述 编号用户名密码邮箱 真实姓名手机登陆ip 内容关键词描述 添加时间登录时间 留言信息 编号姓名联系方式邮箱 留言内容回复者回复内容留言时间回复时间 标题状态 回复1n 图5.2.1 平面设计公司网站系统e-r图 5.3 逻辑结构设计 将概念模型转化为关系模型，对于如图 5.2.1 所示的平面设计公司网站系统 e-r 图， 经过转化后的关系如表 5.3.1 所指，表中加下划线的为关系的主键。 序号序号关系名称关系名称关系的属性关系的属性 1管理员信息 编号、用户名、密码、邮箱、真实姓名、手机、登录 ip、添加 时间、登录时间 25 2留言信息 编号、姓名、联系方式、邮箱、标题、状态、留言内容、回复 者、回复内容、留言时间、回复时间 3分类信息编号、分类类型、名称、关键词、描述 4文章信息 编号、分类编号、类型、点击量、发布时间、显示图片、标题、 内容、关键字、描述 5系统信息 编号、网站标题、关键词、描述、联系方式、实力展现、合作 伙伴 表5.3.1 平面设计公司网站系统关系表 5.4 物理结构设计 物理结构设计又称数据库设计，是系统开发中关键的步骤之一。其设计质量的好坏， 数据结构的优劣，直接影响到最终系统的成败。由于平面设计公司网站系统涉及较大的 信息管理和各种操作，所以能否建立一个良好的数据组织关系与数据库，使整个系统的 数据之间可以相互共享所拥有的信息资源，可迅速、方便、准确的调用和管理所需数据， 是衡量系统开发工作好坏的重要指标，也是系统的基本要求。 我选用 mysql 作为数据库管理系统，相应的数据库、数据表的设计应该符合 mysql 的要求。字段的确定根据关系的属性同时结合实际需求，字段名称一般采用英文表示， 字段类型的选取还需要参考数据字典。 在进行数据表设计时，注意主键不允许为空，若一个字段可以取 null，则表示该字 段可以不输入数据。但对于允许不输入数据的字段来说，最好给它设定一个默认值，以 免由于使用 null 值带来的不便。 5.4.1文章信息表的结构设计 序号序号字段名称字段名称数据类型数据类型长度长度是否为主键是否为主键是否允许为空是否允许为空 1编号int10是否 2分类编号int10外键否 3点击量int10否（默认值：0） 4发表时间int10否（默认值：0） 5图片地址varchar100是 6文章标题varchar255否 7内容mediumtext否 8关键字varchar255是 9描述varchar255是 表5.4.1 文章信息表的结构信息 26 5.4.2分类信息表的结构设计 序号序号字段名称字段名称数据类型数据类型长度长度是否为主键是否为主键是否允许为空是否允许为空 1编号int10是否 2分类类型tinyint1否 3分类名称varchar255否 4关键字varchar255是 5描述varchar255是 表5.4.2 分类信息表的结构信息 5.4.3留言信息表的结构设计 序号序号字段名称字段名称数据类型数据类型长度长度是否为主键是否为主键是否允许为空是否允许为空 1编号int10是否 2姓名varchar100否 3联系方式varchar255是 4邮箱varchar255否 5标题varchar255否 6留言内容varchar5000否 7回复者varchar100是 8回复内容varchar5000是 9留言时间int10外键否（默认值：0） 10回复时间int10是（默认值：0） 11状态tinyint1否（默认值：0） 表5.4.3 留言信息表的结构信息 5.4.4网站设置信息表的结构设计 序号序号字段名称字段名称数据类型数据类型长度长度是否为主键是否为主键是否允许为空是否允许为空 1编号int10是否 2网站标题varchar255否 3关键字varchar255是 4描述varchar255是 5联系方式mediumtext否 6实力展示mediumtext否 7合作伙伴mediumtext否 表5.4.4 网站设置信息表的结构信息 27 5.4.5 用户信息表的结构设计 序号序号字段名称字段名称数据类型数据类型长度长度是否为主键是否为主键是否允许为空是否允许为空 1编号int10是否 2用户名varchar32否 3密码varchar32否 4邮箱varchar80否 5真实姓名varchar45是 6手机varchar45是 7最后登录 ipvarchar15否 8添加时间