信息管理专业毕业论文 某公司商业型网站设计与开发

1、某公司商业型网站设计与开发摘 要随着网络经济的盛行，网络的力量逐步被企业所认识，企业对商业型网站的重视程度不断加强。商业竞争越来越激烈，企业商业型网站也一改仅仅代表企业的“面子”，现在企业对商业型网站的功能需求逐渐丰富起来。企业商业型网站的建设作为经营战略的重要部分，很多企业已经开始借助互联网的力量，建立自己的网络平台，基于Internet的管理，给企业带来了无穷的商机。但是，如何在互联网上组建一个好的商业型网站来宣传自己是一件非常重要而又复杂的事情。因为企业商业型站点需要展示企业的形象，宣传产品，获得用户的反馈等。 针对某公司商业型网站的需求，公司商业型网站将采用B/S结构，以Dreamwe

2、aver CS5和作为开发平台，以Photoshop作为图片处理工具，以Mysql作为数据库，用JSP和Java编程语言进行开发。 该公司商业型网站前台实现了产品展示、产品信息查询、产品购买、用户注册、信息反馈等功能。后台则实现数据的增、删、查、改等功能。关键词： 商业型网站 B/S结构 Myeclipse8.6 JSP Of a companys business-type Web Design and DevelopmentAbstractWith the popularity of the Internet economy, the strength of the network gra

3、dually being recognized by businesses, business to business oriented sites continue to strengthen the degree of attention. More and more intense business competition, corporatebusiness based website is also a change on behalf of the enterpriseonly face, and now commercial-type business functional re

4、quirements of the site gradually enriched. The construction of enterprise business based website as an important part of business strategy, many companies have resorted to using the power of the Internet to build their own network platform,Internet-based management, to bring endless businessopportun

5、ities. However, how to build a good business on the Internet-based website to promote themselves is a very important and complex matter. Enterprise business model because the siteneeds to show the corporate image, promotional products, access to user feedback.Commercial-type Web site for a companys

6、needs, the company will use commercial-type site B / S structure to Dreamweaver CS5 andMyeclipse8.6 as a development platform to Photoshop as image processing tools to Mysql as a database, using JSP and Javaprogramming language Development.The companys business prospects of achieving the type of Web

7、 site products, product purchase, product information inquiry, user registration, and information feedback. Back then the growth data, delete, check, change and other functions.Keywords: Commercial-typesite B / Sstructure Myeclipse8.6 JSP目 录 TOC o 1-3 h z u HYPERLINK l _Toc292864333 摘 要 PAGEREF _Toc

8、292864333 h I HYPERLINK l _Toc292864334 Abstract PAGEREF _Toc292864334 h II HYPERLINK l _Toc292864335 1 项目介绍 PAGEREF _Toc292864335 h - 1 - HYPERLINK l _Toc292864336 引言 PAGEREF _Toc292864336 h - 1 - HYPERLINK l _Toc292864337 项目背景 PAGEREF _Toc292864337 h - 1 - HYPERLINK l _Toc292864338 1.3项目开发意义 PAGER

9、EF _Toc292864338 h - 2 - HYPERLINK l _Toc292864345 项目目标内容及关键解决问题 PAGEREF _Toc292864345 h - 3 - HYPERLINK l _Toc292864346 项目目标 PAGEREF _Toc292864346 h - 3 - HYPERLINK l _Toc292864347 项目内容 PAGEREF _Toc292864347 h - 3 - HYPERLINK l _Toc292864348 项目关键解决问题 PAGEREF _Toc292864348 h - 3 - HYPERLINK l _Toc29

10、2864349 开发工具介绍 PAGEREF _Toc292864349 h - 3 - HYPERLINK l _Toc292864350 1.5.1 JSP技术介绍 PAGEREF _Toc292864350 h - 3 - HYPERLINK l _Toc292864351 介绍 PAGEREF _Toc292864351 h - 4 - HYPERLINK l _Toc292864352 1.5.3 Java语言介绍 PAGEREF _Toc292864352 h - 5 - HYPERLINK l _Toc292864353 1.5.4 数据库介绍 PAGEREF _Toc29286

11、4353 h - 6 - HYPERLINK l _Toc292864354 2 系统规划 PAGEREF _Toc292864354 h - 7 - HYPERLINK l _Toc292864355 用户需求 PAGEREF _Toc292864355 h - 7 - HYPERLINK l _Toc292864356 总体目标 PAGEREF _Toc292864356 h - 8 - HYPERLINK l _Toc292864357 项目实现技术 PAGEREF _Toc292864357 h - 8 - HYPERLINK l _Toc292864358 可行性分析 PAGEREF

12、 _Toc292864358 h - 8 - HYPERLINK l _Toc292864359 社会可行性 PAGEREF _Toc292864359 h - 8 - HYPERLINK l _Toc292864360 技术可行性 PAGEREF _Toc292864360 h - 8 - HYPERLINK l _Toc292864361 经济可行性 PAGEREF _Toc292864361 h - 9 - HYPERLINK l _Toc292864362 总结 PAGEREF _Toc292864362 h - 9 - HYPERLINK l _Toc292864363 3 系统分析

13、 PAGEREF _Toc292864363 h - 10 - HYPERLINK l _Toc292864364 需求分析 PAGEREF _Toc292864364 h - 10 - HYPERLINK l _Toc292864365 公司对网站需求 PAGEREF _Toc292864365 h - 10 - HYPERLINK l _Toc292864366 客户对网站需求 PAGEREF _Toc292864366 h - 10 - HYPERLINK l _Toc292864367 栏目功能需求 PAGEREF _Toc292864367 h - 10 - HYPERLINK l

14、_Toc292864368 界面搭配需求 PAGEREF _Toc292864368 h - 11 - HYPERLINK l _Toc292864369 网站安全需求 PAGEREF _Toc292864369 h - 11 - HYPERLINK l _Toc292864370 业务流程分析 PAGEREF _Toc292864370 h - 11 - HYPERLINK l _Toc292864371 业务流程 PAGEREF _Toc292864371 h - 11 - HYPERLINK l _Toc292864372 客户注册流程 PAGEREF _Toc292864372 h -

15、 13 - HYPERLINK l _Toc292864373 操作流程 PAGEREF _Toc292864373 h - 14 - HYPERLINK l _Toc292864374 数据流程图 PAGEREF _Toc292864374 h - 15 - HYPERLINK l _Toc292864375 数据字典 PAGEREF _Toc292864375 h - 18 - HYPERLINK l _Toc292864376 4 网站设计 PAGEREF _Toc292864376 h - 20 - HYPERLINK l _Toc292864377 网站设计目标 PAGEREF _T

16、oc292864377 h - 20 - HYPERLINK l _Toc292864378 网站布局设计 PAGEREF _Toc292864378 h - 20 - HYPERLINK l _Toc292864379 网站功能结构设计 PAGEREF _Toc292864379 h - 21 - HYPERLINK l _Toc292864380 网站功能结构图 PAGEREF _Toc292864380 h - 22 - HYPERLINK l _Toc292864381 数据库设计 PAGEREF _Toc292864381 h - 22 - HYPERLINK l _Toc29286

17、4382 4.5.1 E-R图设计 PAGEREF _Toc292864382 h - 23 - HYPERLINK l _Toc292864383 4.5.2 数据库表设计 PAGEREF _Toc292864383 h - 26 - HYPERLINK l _Toc292864384 网站界面设计 PAGEREF _Toc292864384 h - 29 - HYPERLINK l _Toc292864385 网站主页面设计 PAGEREF _Toc292864385 h - 30 - HYPERLINK l _Toc292864386 注册登录界面 PAGEREF _Toc2928643

18、86 h - 30 - HYPERLINK l _Toc292864387 管理员后台管理界面 PAGEREF _Toc292864387 h - 32 - HYPERLINK l _Toc292864388 网站其他页面设计 PAGEREF _Toc292864388 h - 34 - HYPERLINK l _Toc292864389 5 系统实施 PAGEREF _Toc292864389 h - 36 - HYPERLINK l _Toc292864390 公司主页开发 PAGEREF _Toc292864390 h - 36 - HYPERLINK l _Toc292864391 主

19、页截图 PAGEREF _Toc292864391 h - 36 - HYPERLINK l _Toc292864392 主页部分源代码 PAGEREF _Toc292864392 h - 36 - HYPERLINK l _Toc292864393 用户注册界面开发 PAGEREF _Toc292864393 h - 38 - HYPERLINK l _Toc292864394 用户注册界面截图 PAGEREF _Toc292864394 h - 38 - HYPERLINK l _Toc292864395 用户注册部分源代码 PAGEREF _Toc292864395 h - 39 - H

20、YPERLINK l _Toc292864396 后台管理员主界面开发 PAGEREF _Toc292864396 h - 43 - HYPERLINK l _Toc292864397 后台管理员主界面截图 PAGEREF _Toc292864397 h - 43 - HYPERLINK l _Toc292864398 管理员主界面部分源代码 PAGEREF _Toc292864398 h - 43 - HYPERLINK l _Toc292864399 产品展示、选购界面开发 PAGEREF _Toc292864399 h - 47 - HYPERLINK l _Toc292864400 界

21、面截图 PAGEREF _Toc292864400 h - 47 - HYPERLINK l _Toc292864401 界面部分源代码 PAGEREF _Toc292864401 h - 47 - HYPERLINK l _Toc292864402 其他部分源代码 PAGEREF _Toc292864402 h - 50 - HYPERLINK l _Toc292864403 意见反馈源代码 PAGEREF _Toc292864403 h - 50 - HYPERLINK l _Toc292864404 商品促销部分源代码 PAGEREF _Toc292864404 h - 53 - HYP

22、ERLINK l _Toc292864405 6 总 结 PAGEREF _Toc292864405 h - 56 - HYPERLINK l _Toc292864408 参考文献 PAGEREF _Toc292864408 h - 57 - HYPERLINK l _Toc292864411 谢 辞 PAGEREF _Toc292864411 h - 58 -1 项目介绍引言随着网络技术的不断发展，Internet技术已经成为计算机产业的一个技术热点。Internet作为信息双向交流和通讯的工具，已经成为公司青睐的传播媒介。作为继广播、报纸、杂志、电视后的第五种媒体，由于其自身的优势，如今的

23、公司越来越倾向于在互联网上进行宣传。因此，商业型网站成了公司展示自身形象、发布产品信息、联系网上客户的新平台、新天地，进而可以通过商业型网站的电子商务开拓新市场，以极少的投入获得极大的收益和利润。公司是一家总部设在美国的全外资公司，建立自己的商业型网络站点，将使公司不再局限于某个地区，而是直接面向全世界。商业型网站的建设，不但能帮助公司把握广阔的国际发展空间和众多的潜在商业伙伴，更是24小时的广告窗口。而且，商业型网站的广泛性与高效性将为公司带来不容质疑的效益和效率。因此，针对公司对商业型网站的定位需求，设计开发一个关于公司的商业型网站。该网站定位为行业性的商业型网站，主要实现树立公司的形象，

24、体现公司产品特性、技术实力，扩大业务宣传，收集客户反馈，加强客户服务，网上市场调查以及网站后台的管理等。所做的公司商业型网站设计，主要版块分为：公司首页、公司产品、公司技术、公司理念、招聘公告、联系我们。这些都分别实现了宣传公司的目的和加强公司的管理功能，同时在很大程度上扩大公司的知名度。公司商业型网站设计将采用JSP技术，数据库采用的是MYSQL数据库，网站的布局使用Dreamweaver。同时在设计过程中使用Photoshop图形图像处理技术，这将给本设计增色不少，让公司的商业型网站更加生动，更加让人赏心悦目。网络发达的今天，公司网站建设的发展越来越迅速，公司基本都已网络化，通过网络来提升

25、公司自身的形象，扩大业务的宣传，已经成为必然的趋势，如果一个现代化的公司不涉及网络，那将会被莫大的网络激励竞争所淘汰。公司建设商业型网站不是为了赶一时的潮流或是博取一个好听的名声。公司只有把网络技术同企业管理体系、工作流程和商务动作实现紧密的集成，才能真正的发挥公司建设商业型网站的作用。通过对本公司的商业型网站建设需求的实际情况分析，公司对商业型网站的需求已经成为必然要求。在市场需求上，公司需要利用互联网技术，整合公司的资源，改造传统的业务，加强企业管理，降低运作的成本，增强公司的竞争力。另外，公司的规模不断增长，公司需要不断提升形象，开拓更大的国内外市场。从未来发展的趋势，电子商务必定成为未

26、来的营销方式。公司建立商业型网站是希望从传统的经营转向电子商务化过程中寻找突破口，通过商业型网站这个大窗口宣传产品和提升公司的形象。另外，公司业务量日益的增长，传统营销方式已经不能满足公司的要求。因此，设计和开发一个优秀的公司商业型网站，不但是公司需求，更是公司逐步开拓市场，迈向互联网的重要策略。21世纪是互联网的时代，善于利用互联网是很多公司成功的关键。作为第五媒体的互联网，24小时不间断的媒体平台是其他传统媒体可望而不可及。在正常的情况下，网站无时无刻不在工作。公司开发自己的商业型网站，可以通过此网站向全世界展示自己公司的风采，提升公司在公众的知名度；客户也可以通过公司的商业型网站跨越时空

27、、地域了解公司，让更多人了解公司。建设公司商业型网站有一个最基本的意义，就是能够全面、详细地展示、介绍公司、公司的产品与公司的理念。事实上，公司可以把任何想让他人知道的东西都放在网站上。这样不但有利于公司对产品的宣传，而且减少了公司对产品广告费用的投入。电子商务是未来公司经营的趋势，所以商业型网站建设后，公司可以通过网站开展电子营销。电子营销作为传统营销方式的补充，不但可以拓展新的市场空间，增加营销渠道；而且可以更大的接触消费群体，获得更多的新客户，扩大市场；另外，电子营销还可以减少中间环节，减少人员，节约费用，降低成本，有利于提高营销的效率。商业型网站建设，有利于公司了解客户的意见，掌握客户

28、的需求。在不干扰顾客工作的情况下，公司可以在网站上发布调查表、E-MAIL或者建设论坛，倾听客户对公司、公司产品或者是公司理念的意见。了解客户的心声，加强了客户与公司的联系，更好的建立与客户的关系。开发商业型网站有利于改善服务，提高公司的服务质量。在线服务是网站的功能之一，是其他传统方式无法比拟的沟通方式。在线服务能够及时准确地掌握客户的需求，通过网站的交互式服务实现售前到售后的全过程全方位的服务。项目目标通过开发与设计公司的商业型网站，一方面可以提升公司的形象、提高知名度；另一方面可以促进产品的宣传、提高公司的服务质量；最后，当网站发展到一定阶段时能成为公司网络营销的工具。项目内容公司商业型

29、网站开发主要包括六个栏目，公司首页、公司产品、公司技术、公司理念、招聘公告、联系我们。每个栏目都会有相应的文字、图片或者其他FLASH效果，满足其基本功能的要求；这些功能主要是为了突出每个栏目的内容，满足进入各栏目的客户的浏览需求。除了基本的功能外，最高目标是要实现网络营销、在线预定功能。因而就会包含客户登录功能，下订单等功能；另外，为了方便客户与公司的沟通，提高公司的售前、售后服务；还将会有在线服务和相应的论坛功能。项目关键解决问题如上的研究内容中，以在线预订功能、在线服务功能最为复杂，是开发的关键及难点。对于开发在线预定功能，要开发相应的客户和公司的登录系统，所以后台必须有两种登录身份，分

30、别为管理员和客户。另外，对于在线服务功能，需要开发网络实时通话功能，这样就需要结合客户端与服务端的技术。另外，在网站设计与开发中，程序的设计又是其中的难点，关键是商家和客户之间操作存在着联系，要实现即时响应功能。1.5开发工具介绍1.5.1 JSP技术介绍JSP(JavaServer Pages)是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术提供了一种简单快速的方法来创建显示动态生成内容的 Web页面，JSP技术有点类似ASP技术，它是在传统的网页HTML文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP标记

31、(tag)，从而形成JSP文件(*.jsp)。JSP技术是Java系列技术的一部分。JSP页面被编译成servlets，并可能调用JavaBeans组件(beans)或Enterprise JavaBeans组件(企业beans)，以便在服务器端处理。JSP技术的设计目的是使得构造基于Web的应用程序更加容易和快捷，而这些应用程序能够与各种Web服务器，应用服务器，浏览器和开发工具共同工作。因此，JSP技术在构建可升级的基于Web的应用程序时扮演了重要角色。另外，JSP页面并不局限于任何特定的平台或Web服务器上。JSP规范在业界有着广泛的适应性。JSP技术使用Java编程语言编写类XML的t

32、ags和scriptlets，来封装产生动态网页的处理逻辑。网页还能通过tags和scriptlets访问存在于服务端的资源的应用逻辑。Web服务器在遇到访问JSP网页的请求时，首先执行其中的程序段，然后将执行结果连同JSP文件中的HTML代码一起返回给客户。插入的Java程序段可以操作数据库、重新定向网页等，以实现建立动态网页所需要的功能。JSP技术的强势在于一次编写，到处运行。在这一点上Java比PHP更出色，除了系统之外，代码不用做任何更改。强大的可伸缩性，体现在由一个小的Jar文件就可以运行Servlet/JSP，到由多台服务器进行集群和负载均衡，到多台Application进行事务处

33、理，消息处理，一台服务器到无数台服务器。另外，JSP得到多样化和功能强大的开发工具支持。这一点与ASP很像，Java已经有了许多非常优秀的开发工具，而且许多可以免费得到，并且其中许多已经可以顺利的运行于多种平台之下。1.5.2介绍MyEclipse企业级工作平台（MyEclipse Enterprise Workbench，简称MyEclipse)是对Eclipse IDE的扩展，利用它我们可以在数据库和J2EE的开发、发布，以及应用程序服务器的整合方面极大的提高工作效率。它是功能丰富的J2EE集成开发环境，包括了完备的编码、调试、测试和发布功能，完整支持HTML, Struts,JSF,CS

34、S,Javascript,SQL,Hibernate。在结构上，MyEclipse的特征可以被分为7类：1J2EE模型2WEB开发工具3EJB开发工具4应用程序服务器的连接器5J2EE项目部署服务6数据库服务7MyEclipse整合帮助本项目开发所采用的版本是。1.5.3 Java语言介绍Java是在1995年由Sun公司推出的一种极富创造力的面对对象的程序什么语言，它由Java之父詹姆斯戈士林博士设计。作为Sun研究院院士，詹姆斯戈士林亲手设计了Java语言，并完成了Java技术的原始编译器和虚拟机。Java最初的名字是OAK，在1995年被重命名为Java。Java语言编写的程序既是编译型

35、的，又是解释型的。程序代码经过编译之后转换为一种称为Java字节码的中间语言，Java虚拟机JVM将对字节码进行解释和运行。编译只进行一次，而解释在每次运行程序时都会进行。编译后的字节码采用一种针对JVM优化过的机器码形式保存，虚拟机JVM将字节码解释为机器码，然后在计算机上运行。1.5.4 数据库介绍 MYSQL介绍MySQL是一个小型关系型数据库管理系统，开发者为瑞典MySQL AB公司。目前MySQL被广泛地应用在Internet上的中小型网站中。由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特点，许多中小型网站为了降低网站总体拥有成本而选择了MySQL作为网站数据库。MySQ

36、L是一个多用户、多线程的SQL数据库，是一个客户机/服务器结构的应用，它由一个服务器守护程序mysqld和很多不同的客户程序和库组成。另外，SQL是一种标准化的语言，它使得存储、更新和存取信息更容易。例如，你能用SQL语言为一个网站检索产品信息及存储顾客信息，同时MySQL也足够快和灵活以允许你存储记录文件和图像。与其他的大型数据库例如Oracle、DB2、SQL Server等相比，MySQL自有它的不足之处，如规模小、功能有限等，但是这丝毫也没有减少它受欢迎的程度。对于现在公司的网站建设来说，MySQL提供的功能已经绰绰有余，而且由于MySQL是开放源码软件，因此可以大大降低总体拥有成本。

37、 JDBC介绍JDBC（Java Data Base Connectivity，java数据库连接)是一种用于执行SQL语句的Java API，可以为多种关系数据库提供统一访问，它由一组用Java语言编写的类和接口组成。JDBC为工具/数据库开发人员提供了一个标准的API，据此可以构建更高级的工具和接口，使数据库开发人员能够用纯 Java API 编写数据库应用程序，同时，JDBC也是个商标名。有了JDBC，向各种关系数据发送SQL语句就是一件很容易的事。换言之，有了JDBC API，就不必为访问Sybase数据库专门写一个程序，为访问Oracle数据库又专门写一个程序，或为访问Informi

38、x数据库又编写另一个程序等等，只需用JDBC API写一个程序就够了，它可向相应数据库发送SQL调用。同时，将Java语言和JDBC结合起来不必为不同的平台编写不同的应用程序，只须写一遍程序就可以让它在任何平台上运行，这也是Java语言“编写一次，处处运行”的优势。公司选择使用JDBC，因为它使信息传播变得容易和经济。公司可继续使用安装好的数据库，并能便捷地存取信息，即使这些信息是储存在不同数据库管理系统上。2 系统规划用户需求公司的商业型网站主要展示公司的产品，实现产品的网上销售以及意见反馈。通过网站的直观性、实时性，以及炫丽的色彩、合理的布局，给浏览用户留下深刻的影响。以达到让用户产生购买

39、的欲望，并且再次浏览的积极性。使公司可以扩大销售的途径，增强知名度。公司的商业型网站需求有：产品展示；产品购买；公司的介绍；意见反馈；用户的注册、登录。总体目标公司建设商业型网站，总体的目标主要是想通过网站，向所有对公司产品有兴趣的卖家提供产品展现平台，以及通过网站可以方便地购买公司的产品。另外，网站开设意见反馈栏目，使得浏览客户可以方便与公司交流，提供更多宝贵的意见。项目实现技术本网站主要采用为开发平台，使用Java语言，采用JSP,进行B/S结构开发。而前台界面主要使用Dreamweaver CS5开发工具辅助以CSS使界面看起来更加美观，数据库则使用MYSQL。网站的开发主要用Dream

40、weaver CS5进行前台界面设计，MYSQL进行数据库开发，再通过将二者连接起来，形成一个完整的商业型网站。可行性分析2.4.1社会可行性1)公司商业型网站可以充分满足客户对公司了解的需求，使客户随时随地、方便快捷地了解公司文化、经营理念等情况。2)在公司商业型网站上，公司可以把产品放在网上进行宣传。3)商业型网站有在线预定功能，提供客户在线预定自己的产品，这将大大节省客户的时间。4)在线服务、论坛等功能，能够更好的与客户建立起密切的关系，提高了公司的服务，提升公司形象。2.4.2技术可行性1)经过不断的改进与完善，Myeclipse8.6,Dreamweaver CS5,MYSQL,Ja

41、va语言,JSP等工具和语言的功能已经很强大。这样使得开发变得容易，功能实现起来也更加方便，实现了无缝对接。2)开发中采用B/S结构，可以在任何地方进行操作而不用安装任何专门的软件，只要有一台能上网的电脑就能浏览公司的网站；另外，客户端不必安装、零维护，使得网站的扩展变得更容易。最后，全球性的商业型网站，B/S结构实现不同客户、从不同的地点，以不同的方式访问网站页面与操作共同的数据库。2.4.3经济可行性公司有属于自己的服务器，也有自己的域名，因此在硬件方面不需要投入过多的资金。另外，开发网站只需要拥有符合配置的电脑及软件即可完成。所以，公司开发商业型网站在经济上是可行的。2.4.4总结从上述

42、的社会，技术，经济可行性分析来看，公司在各方面都具备了开发商业型网站的条件，且实现难度不大，因此项目可行性分析通过，可进入下一步分析。3 系统分析3.1需求分析 公司商业型网站作为一个面向所有客户的行业性网站，既要面对大型采购商（大型客户)，又要面对单个客户；另外，商业型网站还会涉及到公司的需求。所以，在做需求分析时必须多角度、多方面去分析。商业型网站的需要同时满足各方的功能需求。3.1.1公司对网站需求 公司网站主要功能需求是信息发布、数据查询、在线订购和交流服务。其中，信息发布是发布企业的产品信息、公司的文化、公司的经营理念、公司的联系方式等。数据查询是提供公司的企业管理者在网上调阅公司内

43、部管理信。在线订购是给客户在线预定产品、购买产品。交流服务则是网站有论坛、信息留言、在线 服务等的实时服务。3.1.2客户对网站需求 从客户角度来说，希望可以从网站上获得公司的产品信息介绍，公司的介绍、联系方式等。另外，客户也希望通过登录用户端能对需要的产品进行预定、取消预定；收到产品后可以反馈信息给公司，或者对公司的产品、服务做出评价。3.1.3栏目功能需求 公司网站有主网页与下级网页构成：主网页提供公司基本情况介绍，包括公司的状况、公司主要产品介绍、联络方式等；提供某几个重要栏目的链接按钮。 各下级栏目，分别提供相应的栏目功能，利用某些控件或者技术相关的命令建立与数据库的链接。 其中，主页

44、面中公司信息发布，注明公司的有关信息，包括联系方式，主要销售产品等，并随时发布新产品信息，需求信息。 信息链接，提供输入窗口，收集客户反馈意见；进行网络调查，收集客户资料与销售信息等；并且还会提供网上招聘信息。3.1.4界面搭配需求 界面的整体风格和整体气氛表达要同企业形象相符并应该很好的体现企业的CI设计。网站的主要使用者是客户，所以在界面搭配需求中需要站在客户的立场上考虑；在满足客户需求搭配的同时，还需要满足公司建设商业型网站的需求，因此，商业型网站的界面还需要体现出公司的行业网站的需求。 在界面的设计中，公司商业型网页的布局设计需要突出公司行业性的特征；在视觉、色彩搭配、文字可阅读上应满

45、足公司的产品要求。 总之，在界面设计上要和谐统一但不失个性。3.1.5网站安全需求网上随处可见攻击网站的软件，攻击者着不需要对网络协议有深厚的理解基础，既可以完成对公司网站的攻击。因此，在网站建设的同时需要考虑到网站的安全需求。另外，在访问数据库时，必须对客户进行判断，是否有足够的权限进行该操作，例如在线订购，需要严格控制客户的身份认证，保证程序的稳定性。业务流程分析3.2.1业务流程在现今的网络上有许多企业级商业型网站，大多数的商业型网站都有自己的风格。公司网站的所有信息录入、更新都由网站管理员负责。客户打开网站后根据需求选择自己的栏目。其中对于客户的在线需求预定，则需要先注册会员，填写真实

46、的相关信息，然后登录。成功登录后，既可以预定相关产品，又可以登录到论坛或信息留言栏目反馈信息、或者与公司进行沟通。业务流程图如图2-1，图2-2，图2-3所示：图3-1 基本页面业务流程图图3-2 产品预订业务流程图图3-3 预订业务流程图3.2.2客户注册流程 在线预订功能需要客户登录，网站管理员需要登录进行信息更新、维护，市场部人员需要登录查询预订情况。因此，登录系统在此网站中显得尤为重要。 其中，登录主要包括两种操作，即用户注册和用户登录。 在用户进行登录时，首先运行登录界面，如果用户没有登录帐号，可以单击“注册”按钮跳转到会员注册页面，在此页面中，客户需要真是填写相关信息进行注册。如果

47、客户是会员，则只需要直接输入用户名、密码和验证码进行登录。另外，其他管理员与市场部人员帐号密码均网站管理员注册。客户注册业务流程图如2-4所示：图3-4 注册登录业务流程图3.2.3操作流程 本网站后台共有3种身份：管理员，市场部人员，客户，每个身份登陆后台后拥有的权限都不相同。 管理员：增删改查网站公司信息、产品信息；创建、管理公司员工新帐号。市场部人员：登录、查看订单信息，反馈发货情况，回答询问。 客户：登录，预定产品，反馈信息。 相关操作流程图如下：图3-5 管理员操作业务流程图图3-6市场部人员操作业务流程图图3-7 客户操作业务流程图数据流图（DFD）是用来描述系统逻辑模型的一种图形

48、工具，它从数据传递和加工的角度，以图形的方式刻画数据流从输入到输出的移动变换过程。在用数据流图进行系统分析时，遵循自顶向下，由外到内，逐层分解的分析思想，即将一个复杂的系统逐层分解成许多简单的过程。先画出顶层数据图，再逐层画出底层数据图，还需要使用加工说明来具体描述每个加工的处理过程和方法；用数据字典说明每个数据流的组成、每个数据文件的内容以及每个数据项的定义等。接下来，我们将列出系统的主要数据流程图。1）数据流图的图例说明如下表所示：表1 数据流图的表示符号名称形状说明外部实体数据输入的源点或终点，存在于系统外部的人员或组织数据处理表示对数据进行的操作数据存储对需要存储的数据流向进行存档数据

49、流表示数据的流动方向2）商业型网站顶层DFD3）商业型网站第一层DFD4）商业型网站第二层DFD（1）P1信息登记管理DFD展开（2）P2信息查询管理DFD展开（3）P3信息分析管理DFD展开（4）P4用户管理DFD展开（1）数据流数据流是数据结构在系统内传播的路径。主要的数据流有如下：数据流名称：产品录入管理说明：用于网站管理员产品录入。数据流来源：“管理员”外部实体数据流去向：D1数据流组成：产品编号+产品名字+产品ID+产品价钱+产品数量+产品图片+产品描述数据流名称：用户注册管理说明：用户注册管理数据流来源：“用户”外部实体，数据流去向：D2数据流组成：用户名字+用户密码+用户头像+用

50、户 +用户地址数据流名称：查询管理说明：查询订单情况数据流来源：“管理者”数据流去向：“管理者”数据流组成：用户帐号订单编号数据流名称：支付管理说明：支付情况数据流来源：“管理员”外部实体，数据流去向：数据流组成：支付编号支付方式支付备注（2）数据元素图中的每一个数据结构都是由数据元素构成的，它是数据处理中最小的，不可再分割的单位，它直接反映事物的某一特征。由于在本系统数据流图中的大部分数据元素都很容易被理解，因此下面只列出某些需要特别说明的数据元素。新系统需要特别说明的数据元素如表所示：数据元素条目名称：用户名 总编号：说明：唯一标识每个用户，数据值类型：（连续/离散）离散类型：（数字/字符

51、）数字数据元素条目名称：价格总编号：说明：标识产品价值，数据值类型：（连续/离散）离散类型：（数字/字符）数字数据元素条目名称：上架时间总编号：说明：标识产品上架的时间，类型：（数字/字符）字符4 网站设计4.1网站设计目标公司商业型网站的建设，主要针对公司的发展需求进行设计开发的，因此，将为公司打造一个界面美观友好，布局新颖，栏目功能强大，信息详尽的行业性商业型网站。另外，网站后台管理，将实现简单操作、易于维护等基本功能。其主要实现如下目标：1向外界宣传公司文化、公司理念；能够很好的体现公司文化底蕴，公司经营理念、公司未来的设想等。2示公司的产品，能够突出展现产品的特色、功能等。3现在线招聘

52、报名、在线服务、在线预订。4现论坛或留言功能(意见反馈)。5后台管理操作简单，易于维护。6网站运行稳定、安全可靠。4.2网站布局设计 B/S结构（Browser/Server结构)结构即浏览器和服务器结构。它是随着Internet技术的兴起，对C/S结构的一种变化或者改进的结构。在这种结构下，用户工作界面是通过WWW浏览器来实现，极少部分事务逻辑在前端（Browser)实现，但是主要事务逻辑在服务器端（Server)实现，形成所谓三层3-tier结构。B/S结构主要有以下优点:1具有分布性特点，可以随时随地进行查询、浏览等业务处理。 2业务扩展简单方便，通过增加网页即可增加服务器功能。 3维护

53、简单方便，只需要改变网页，即可实现所有用户的同步更新。 4开发简单，共享性强基于以上的优点，并结合公司建设网站的需求，在网站设计开发时将使用B/S结构。网站系统架构如图：数据库JSP/Java Bean前台购物后台管理 数据业务逻辑用户界面图4-1 网站架构设计图4.3网站功能结构设计公司商业型网站主要由前台信息页面和后台管理模块两部分组成。前台信息页面：前台信息页面主要包括5个栏目：主页、公司介绍、公司产品、论坛(意见反馈)、联系我们。主页上，主要包括最新信息公告、产品展示、几个重要的链接。另外，各栏目实现各栏目的功能。美观友好、布局新颖的前台界面是吸引客户的主要因素。后台管理模块：分为两种

54、角色，管理员、客户。1管理员：可以对网站的信息，产品，服务等进行增，删，改等工作。回答客户咨询、反馈的问题。2 客户：可以对需要的服务进行预定，查询，信息反馈等。4.4网站功能结构图图4-2 网站前台信息页面功能结构图图4-3 网站后台管理模块功能结构图4.5数据库设计 数据库在任何动态网站中占有非常重要的地位，数据库结构设计的好坏将直接对公司网站的效率以及实现的效果产生影响。合理的数据库结构设计可以提高数据存储的效率，保证数据的完整和一致。同时，合理的数据库结构也将有利于程序的实现。设计数据库系统时应该首先充分了解公司网站各个方面的需求，包括现有的以及将来可能增加的需求。数据库名称为：“za

55、ppweb”。4 E-R图设计 客户的需求具体体现在对公司产品信息上，公司产品信息包括图片，产品参数，功能介绍，价格等数据，这就要求数据库结构能够充分满足各种信息的输出和输入。收集基本数据，数据结构，组合成完善的数据表，为后面的具体设计打下坚实基础。 针对公司网站的需求，通过对某些功能的所要需求和数据分析，设计如下面所示的数据项和数据结构： 用户基本信息表：包括用户名、密码、头像（客户名可以是公司名称)、联系 、问题提示、问题答案、E-MAIL地址、地址等。 用户留言信息表：编号、留言者、留言者头像、留言信息、回复信息、留言时间、回复时间。 管理员基本信息：包括登录帐号、密码、头像、联系 、电

56、子邮箱等。 产品类别基本信息：产品类型、产品编号、产品名称、产品价格、产品数量、产品图片、描述信息、添加时间。储存公告信息表：编号、公告信息、发布者、头像、发布时间。添加菜单信息表：编号、菜单。商品订单表：订单号、商品编号、价格、数量。支付信息表：编号、支付方式、备注。订单信息表：编号、支付方式、地址、邮箱、订购者、订购时间、总价值。 根据以上数据项和数据结构，可以设计出能够满足数据库需求的各种实体，以及它们之间的关系，这将为后面的逻辑结构设计打下基础。这些实体包括各种具体信息，通过相互之间的作用形成数据的流动。 本网站根据上面的设计规划出的实体有：管理员实体、客户会员实体、产品类别实体、产品

57、实体、预订实体。各个实体具体的E-R图如下：本系统根据上面的设计规划出实体有：管理员实体、用户实体、商家实体，商品实体，预定实体。各个实体具体的描述E-R图如下：图4-4 管理员实体E-R图图4-5 用户实体E-R图图4-6商品信息表E-R图图4-7 商品详细表实体E-R图图4-8预订表实体E-R图图4-9 公告信息表实体E-R图图4-10 用户留言信息表实体E-R图图4-11 支付信息表实体E-R图图4-12 菜单表实体E-R图4 数据库表设计现在需要将上面的数据库概念结构转化为MYSQL数据库系统所支持的实际数据库模型，也就是数据库的逻辑结构，在实体之间关系的基础上，形成数据库中的表格以及

58、各个表格之间的关系。该网站数据库中各个表格的设计结果如下面的几个表格所示，每个表格表示在数据库中的一个表：表一：Customer表表序号1表名Customer含义存储用户的基本信息序号属性名称含义数据类型长度说明约束1c_name用户名varchar30not null主键2c_pass密码varchar30not null3c_head头像varchar30Not null4c_phone 号码varchar11not null5c_question问题提示varchar30Not null6c_answer问题答案Varchar30Not null7c_address地址Varchar30

59、null8c_email邮箱Varchar50Not null表二：Idea表表序号2表名Idea含义存储用户的留言信息序号属性名称含义数据类型长度说明约束1id编号char10not null2c_name留言者varchar30not null3c_head留言者头像varchar30Not null4new_message留言信息 varchar1000not null5re_message回复信息varchar1000null6new_time留言时间char15Not null7re_time回复时间char15null表三：Admin表表序号3表名Admin含义存储管理员基本信息序

60、号属性名称含义数据类型长度说明约束1a_name管理员账号Varchar30not null2a_pass管理员密码varchar30not null3a_head头像varchar30Not null4a_phone联系 Char11Null5a_email电子邮箱Varchar40null表四：Product表表序号4表名Product含义存储商品信息序号属性名称含义数据类型长度说明约束1p_type商品类型varchar30not null2p_id商品编号varchar10not null3p_name商品名称varchar40 Not null4p_price商品价格float8no