网站开发与制作毕业设计报告书.doc

《网站开发与制作毕业设计报告书.doc》由会员分享，可在线阅读，更多相关《网站开发与制作毕业设计报告书.doc（32页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、广西交通职业技术学院信息工程系毕业设计报告书题 目： 广西正高工程技术有限公司网站制作与开发班 级 多媒体2010 专 业 计算机多媒体专业技术 姓 名 谭正梅 学 号 指导教师 洪 东 二O一二 年 十二 月题目广西正高工程技术部有限公司网站制作与开发内容摘要对于当今社会，科技的飞速发展已经成为社会发展的标志。其中计算机的发展可谓快中之快，而在计算机的发展中计算机网络的发展又是首当其中的，计算机网络从我们所知到现在才经历了短短几年时间，在这几年中随着计算机网络的广泛应用，特别是Internet的普及和发展，网络已经成为不可缺少信息手段。不管是最新的新闻信息、新出产品的出台、新游戏的发布、企业

2、信息传播、网上交易、最新IT动态，包括等候就业人才的个人简历，我们都是可以通过网络来获得。是什么为这所有的一切提供平台的呢。我们又是通过什么来获取这些消息的呢是网站。如今，数以万计的网站提供了丰富、精彩的信息。在网络技术的迅猛发展下，互联网的不断普及，让人们都感受到网络的方便快捷，从而大家都喜欢选择从互联网上获取信息，因此，互联网逐渐成为一个宽广的信息发布平台和获取信息的平台。一个企业要加大对外宣传带来客源，就必须拥有一个网站。本网站（广西正高工程技术有限公司）有以下几个部分组成：首页、企业概况、行业动态、服务指南、代表项目、业务范围、资源共享、关于我们、新闻中心、视频新闻、在线留言。本网站（

3、广西正高工程技术有限公司）是PHP（Hypertext Preprocessor），MySQL数据库、DIV+CSS布局，使用SQL Server 2005、JS（Javascript）语言结合开发的，开发工具使用MACROMEDIA公司的Dreamweaver8.0进行设计与开发，在开发中需遵循软件工程学的原理，在设计上，界面美观、大气、起到友好的交互平台。管理员可以在管理界面上对后台数据进行数据分类、增加、编辑、删除、启用、禁用等，使数据信息能即时更新；在网站首面上，浏览者可直接浏览到企业的基本信息介绍、公司动态、政策法规等信息。【关键词】正高公司 ；PHP ；JS脚本 ；后台管理 目 录

4、前言- 4 -1. 任务需求- 4 -1.1任务概述- 4 -1.2设计制作时间安排- 6 -1.3设计制作工具- 7 -1.4运行环境- 7 -1.5开发模式- 8 -2. 项目设计方案- 8 -2.1方案概述- 8 -2.2项目总体设计- 9 -2.3项目功能模块划分及说明- 10 -2.3.1- 11 -2.3.2- 11 -3. 数据库设计- 12 -3.1数据字典- 12 -3.1.1数据库名- 12 -3.1.2数据库名- 12 -3.1.3数据库名- 13 -3.2数据库E_R图- 15 -4. 操作说明- 15 -5.主要脚本文件清单及核心模块代码解析- 18 -6.结束语-

5、27 -参考文献- 28 -致谢- 28 -前言随着二十一世纪新兴科技的飞速发展，如今的电子信息产业正在经受着一个巨大的挑战，同时也面临着一个重大的机遇。就目前的科技发展水平而言，电子信息产业的发展已经不能够了满足社会化大生产的要求，各个国家集中人力、财力加大对信息技术产业的投入，以适应目前需要。可喜的是在这几十年的发展中我们有了互联网。互联网加大了我们了解世界的眼界，缩紧了人与人之间的距离，这就更容易的使我们走上信息化的道路。信息时代来临了，企业建立自己的企业网站已经成为一种生存的必要手段，它能树立企业形象与企业文化，展示企业所经营的业务，综合展示企业的实力，拓宽顾客市场，增加企业与客户之间

6、的联系，与客户更好的交流，缩短二者之间的距离，掌握大量的客户反馈信息，并及时作出企业部调整方案，满足客户不断增长的需求。提高企业知名度，为企业找到了自己的一个永久的广告发布平台。利用网上购物实现电子商务，完成金融、物品、服务、信息等价值的交换，是快速而有效地进行各种商务活动最新方法。建成检索迅速，查找方便，可靠性高、存储量大、保密性好、寿命长、成本低、维护简洁、信息实时性强的功能完善的企业网站，能够极大地提高企业效率，也是企业走向科学化、信息化世界接轨的重要条件。本网站（广西正高工程技术有限公司）是PHP（Hypertext Preprocessor），MySQL数据库、DIV+CSS布局，使

7、用SQL Server 2005、JS（Javascript）语言结合开发的，开发工具使用MACROMEDIA公司的Dreamweaver8.0进行设计与开发，在开发中需遵循软件工程学的原理，在设计上，界面美观、大气、起到友好的交互平台。管理员可以在管理界面上对后台数据进行数据分类、增加、编辑、删除、启用、禁用等，使数据信息能即时更新；在网站首面上，浏览者可直接浏览到企业的基本信息介绍、公司动态、政策法规等信息。1. 任务需求1.1任务概述本网站题目是广西正高工程技术有限公司网站制作与开必，由于企业网站素材资料比较好找，选择性也比较大，设计布局方面也容易简单。因此，在老师开题后我选择制作广西正

8、高工程技术有限公司。企业门户就是一个联接企业内部和外部的网站，它可以为企业提供一个单一的访问企业各种信息资源的入口，企业的员工、客户、合作伙伴和供应商等等都可以通过这个门户获得个性化的信息和服务。企业门户可以无缝地集成企业的内容、商务和社区；首先，通过企业门户，企业能够动态发布存储在企业内部和外部的各种信息；其次，企业门户可以完成网上的交易；此外，企业门户还可以支持网上的虚拟社区，网站用户可以相互讨论和交换信息。近年来，随着网络的普及。人们获取新闻及各种信息的途径已不仅仅限于报纸，广播等传统媒体。人们开始越来越多在网上查找自己感兴趣的信息。由于网络的即时性和更新速度快点等优点，上网看新闻已经成

9、为人们获取信息的主要途径之一。由此各种类型的门户网站随即出现，大大地提高了人们获取信息的速度，加大了信息交流的效率。结合整个课题设计的实践过程，充分理解网站开发技术和数据库的基本知识，学习相关开发工具和应用软件，并熟悉网站建设的过程。企业网站建设最为重要的是长期的网站的维护，而目前大多数企业网站的维护意识与当初域名申请和网站开通时的超前意识相比却显得十分不足。许多公司建立起网站后就在那里守株待兔了，即不管理又不更新，这是错的。网站不及时更新，就不能正确反应公司的信息，这样宣传的效果不能达到反而会给企业形象带来负面的影响。其次一个好的企业网站就具备以下几个内容：（1）企业的网站架构应该是以企业为

10、核心的主题层次、内容分类、页面顺序等所组成。由于每一个浏览者都可能成为企业的客户，网站的主题应突出对企业所想或所可以提供给客户的利益必产品或服务的详尽说明和体贴客户设计，而企业规模、实力等方面的描述则只是对主题的烘托，由此决定了在内容分类上应加大主题内容的渲染，在页面顺序上应优先考虑主题内容的排列。（2）企业网站另一个重要性的作用就是体现出企业精神、理念以及企业文化，这些企业的CIS理念中的组成部分，在网站的建设中该部分也应该得到很好的体现。（3）同时，在策划过程中还要兼顾企业产品营销理念和企业未来的发展规划。国内处发展状况信息化带来的最为直观、也是最有说服力的经济效果是它对国民经济的发展起到

11、了举足轻重的推动作用。美国就是一个最为明显的例子。由于在上世纪80年代末对信息技术进行了大规模和普遍的投入。美国90年代实现了被称为“新经济”的长达十年的经济快速增长。信息技术行业在美国经济中所占的比例从1990年的5.8%上升到2000年的8.3%。90年代后期，美国约三分之一的经济增长来自信息化的拉动。超过其他任何行业的拉动作用。在利用信息化手段改变传统经营模式方面，发达国家的企业更是取得了突破性的进展，对于企业的发展起到了至关重要的作用。例如在美国福特汽车公司通过网上采购，使汽车零部件的采购成本下降了30%。通用电气公司借助供应链管手段，2000年节省成本16亿美元；美国的飞利浦莫得斯公

12、司应用客户关系管理系统建立了拥有2.6亿烟民的个人档案；卡夫通用食品公司建立了3000万顾客的个人档案；布洛克巴斯特公司建立了3600万个家庭的娱乐消费档案。随后开展了以互联网应用为主要内容的企业信息化时代。90年代后期，ERP（企业资源计划）的网络功能增强，在世界500强企业中有近80%的企业采用了ERP管理软。目前信息化已经将企业带入了网络经济时代，企业网站成为现代企业信息化的一大热点手段。相关数据显示，1998年电子商务全球营业额约740亿美元，到1999年猛增到2000亿美元。美国在1997年到2001年5年间的企业网站年均增长率达到97%。从原来的24亿美元增至721亿美元。据统计，

13、美国企业信息化已进入比较高级的阶段，60%的小企业、80%的中型企业、90%以上的大企业已借助互联网广泛开展电子商务活动，其中B2B占电子商务总额的80%以上。相比之下，我国内地近一半中小企业还没有配和备计算机，仅一成拥有网站，与发达国家差距之大、企业“数字鸿沟”之深都令人忧心。根据中国国家信息信息化研究部副主任张新红的介绍，截至2004年全国网站数约翰0万个。而我国经工商部门注册的中小企业就超过360万家，由此可见，企业平均拥有网站数量相当少。1.2设计制作时间安排序号设计内容天数（约占比例）1选题12浏览公司网站13找素材14页面PS设计与制作85作品的测试、修改66后台制作57页面内容增

14、加和读取、增加子页面48制作flash19新闻视频制作1总计28天1.3设计制作工具设计制作运用到的工具有：1.3.1 MACROMEDIA公司的Dreamweaver8.01.3.2 Adobe Photoshop CS1.3.3 start WampServer1.3.4 SQL Server Management Studio1.3.5 Macromedia Flash 81.3.6 Adobe Premiere Pro CS4。1.4运行环境系统基于B/S架构进行开发，所有管理和维护工作均集中在服务器端，客户机只需安装有IE浏览器及连接网络即可，由于系统需要用IE打印功能，因此要求IE

15、浏览器版本不低于6.0。服务器端运行环境为Macromedia Dreamweaver 8，数据库服务器SQL，操作系统选择Windows 2000以上版。分辨率：最佳效果1024*768服务器：start WampServer1.5开发模式基于B/S模式开发B/S（Browser/Server，浏览器/服务器）模式又称B/S结构。它是随着Internet技术的兴起，对C/S模式应用的扩展。在这种结构下，用户工作界面是通过IE浏览器来实现的。B/S模式最大的好处是运行维护比较简便，能实现不同的人员，从不同的地点，以不同的接入方式（比如LAN, WAN, Internet/Intranet等）访

16、问和操作共同的数据；最大的缺点是对企业外网环境依赖性太强，由于各种原因引起企业外网中断都会造成系统瘫痪。随着Internet和WWW的流行，以往的主机/终端和C/S都无法满足当前的全球网络开放、互连、信息随处可见和信息共享的新要求，于是就出现了B/S型模式，即浏览器/服务器结构。B/S模式最大特点是：用户可以通过WWW浏览器去访问Internet上的文本、数据、图像、动画、视频点播和声音信息，这些信息都是由许许多多的Web服务器产生的，而每一个Web服务器又可以通过各种方式与数据库服务器连接，大量的数据实际存放在数据库服务器中。客户端除了WWW浏览器，一般无须任何用户程序，只需从Web服务器上

17、下载程序到本地来执行，在下载过程中若遇到与数据库有关的指令，由Web服务器交给数据库服务器来解释执行，并返回给Web服务器，Web服务器又返回给用户。在这种结构中，将许许多多的网连接到一块，形成一个巨大的网，即全球网。而各个企业可以在此结构的基础上建立自己的Internet。2. 项目设计方案2.1方案概述2.1.1技术可行性分析硬件、软件要求不高于目前市场上一般计算机硬件资源均能满足系统开发、运行要求。其中开发工具采用Dreamweaver 8工具开发，运用Potoshop,软件作为辅助软件进行设计，SQL Server 2005数据库、DIV+CSS布局，使用SQL Server 2005

18、、JS（Javascript）、（WanpServer）服务器结合开发的。运用SQL Server 2005数据库设计，利用服务端技术（如PHP）和客户端技术（JQ，Javascript等）以及第三方控件（WampServer服务器）实现动态网页设计。PHP，是英文超文本预处理语言Hypertext Preprocessor的缩写。PHP是一种HTML内嵌式的语言，是一种在服务器端执行的嵌入HTML文档的脚本语言，语言胡风格有类似C语言，被广泛地运用。PHP独特的语法混合了C、Java、Perl以及PHP自创的语法。它可以比CGI或着Perl更快速地执行动态网页。用PHP做出来的动态页面与其他

19、的编程语言相比，PHP是将程序嵌入到HTML文档中去执行，执行效率比完全生成HTML标记的CGI要高许多；PHP还可以执行编译后代码，编译可以达到加密和优化代码运行，使代码运行更快。PHP具有非常强大的功能，所有的CGI的功能PHP都能实现，而且支持几乎所有流行的数据库以及操作系统。最重要的是PHP可以用C、C+进行程序的扩展。DIV+CSS是网站标准（或称“WEB标准”）中常用术语之一，div+css 是一种网页的布局方法，这一种网页布局方法有别于传统的HTML网页设计语言中的表格（table）定位方式，可实现网页页面内容与表现相分离。XHTML是The Extensible HyperTe

20、xt Markup Language（可扩展超文本标基于XML应用与强大的数据转换能力，适应未来网络应用更多的需求。在XHTML网站设计标准中，不再使用表格定位技术，而是采用DIC+CSS的方式实现各种定位。2.1.2 社会可行性分析在国外，特别是在美国，实施企业战略不是空谈，它已经被列入许多大企业的日程表中。与国外的热闹场面相比，国内了解企业概念的还比较少，而建立企业网站的就更微乎其微。但是应该看，互联网在国内的发展相当速度，企业网站作为一种新的形象传播算什么，同传统媒介相比，对大众更具有亲和力与吸引力，可以帮助企业与消费者建立更亲密、更稳固的联系。2.2项目总体设计2.2.1 整个网站前台

21、一共分为首页、企业概况、行业动态、服务指南、代表项目、业务范围、资源共享、关于我们、新闻中心、视频新闻、在线留言十一个模块组成。首页包含：行业动态、企业简介、政策法规、登录、电子公告、专题栏目、闪图、工程展示、友情链接、广告、版权信息几个模块内容。行业动态：关于公司的工程信息；政策法规：关于路桥方面的相关法律；登录、前台用户登录窗口；电子公告：公司一些重要通知；专题栏目：公司一些活动内容；工程展示：放图片（滚动图片），公司工作画面图处；2.2.2 整个网站后台一共分为用户增加、用户管理、新闻类型增加、新闻类型管理、新闻增加、新闻管理、图片增加、图片管理、增加留言、留言管理、留言回复管理十一个功

22、能模块。用户增加：用户名、密码、确认密码、性别、权限、备注；用户管理：序号、用户名、性别、权限、状态（禁用、启用）、操作时间、基本操作（修改、删除）；增加类别：类别编号、类别名称、备注；增加新闻：新闻标题、关键字、所属类别、大图路径、小图路径、上传图片、新闻内容；新闻管理：序号、新闻标题、点击率、发布人、状态（禁用、启用）、基本操作（编辑、删除）；图片增加：图片标题、所属类别、大图路径、小图路径、上传图片、图片内容；图片管理：序号、图片标题、点击率、发布人、状态（禁用、启用）、基本操作（编辑、删除）；留言管理：序号、昵称、QQ、Email、留言内容、发表时间、基本操作（回复、修改、删除）；2.

23、3项目功能模块划分及说明由于中小开企业网站的目标重点在于展示企业的信息，国此系统的功能模块相对单一，就是提供信息的显示。前台功能主要包括：首页、企业概况、行业动态、服务指南、代表项目、业务范围、资源共享、关于我们、新闻中心、视频新闻、在线留言。后台管理模块主要包括：用户增加、用户管理、新闻类型增加、新闻类型管理、新闻增加、新闻管理、图片增加、图片管理、增加留言、留言管理、留言回复管理2.3.1 前台功能主要包括：首页、企业概况、行业动态、服务指南、代表项目、业务范围、资源共享、关于我们、新闻中心、视频新闻、在线留言。如图所示：前台功能在线行业动态代表项目企业概况首页视频新闻服务指南新闻中心业务

24、范围资源共享关于我们2.3.2 后台管理模块主要包括：用户增加、用户管理、新闻类型增加、新闻类型管理、新闻增加、新闻管理、图片增加、图片管理、图片类型增加、图片类型管理、增加留言、留言管理、留言回复管理后台功能用记增加用户管理图片类型管理新闻增加图片类型增加新闻管理新闻类型增加新闻类型管理图片增加图片管理留言管理留言增加如图所示 3. 数据库设计3.1数据字典3.1.1数据库名（1）用户信息表：表名UserInfo序号列名数据类型长度小数位标识主键允许空默认值说明1IDint自动编号是是非空无2UserNamevarchar(20)20否否是无3PassWordvarchar(30)30否否是

25、无4Sextinyint20否否是无5UnitAuthvarchar(50)50否否是无6IsActivebit否否是17JionDatesmalldatetime否否是无8Remarkvarchar(50)否否是无3.1.2数据库名（2）新闻信息表表名ArticleInfo序号列名数据类型长度小数位标识主键允许空默认值说明1IDint自动编号是是非空无2ArticleTitlevarchar(100)100否否是无3ArticleContentvarchar(MAX)MAX否否是无4KeyWordsvarchar(20)20否否是无5CategoryNovarchar(50)50否否是无6B

26、Imgpathvarchar(200)200否否是无7SImgpathvarchar(200)200否否是无8IsActivebit否否是19IsTopbit否否是110Hitint否否是011AddTimesmalldatetime否否是12UpdateTimesmalldatetime否否是3.1.3数据库名（3）新闻类型表表名Category序号列名数据类型长度小数位标识主键允许空默认值说明1IDint自动编号是是非空无2CategoryNovarchar(100)100否否是无3CategoryNamevarchar(MAX)MAX否否是无4IsActivevarchar(20)20否

27、否是15Remarkvarchar(50)50否否是无3.1.4数据库名（4）图片信息表表名PhotoInfo序号列名数据类型长度小数位标识主键允许空默认值说明1IDint自动编号是是非空无2PhotoNamevarchar(100)100否否是无3Descriptionvarchar(500)500否否是无4CategoryNovarchar(20)200否否是15BImgpathvarchar(200)200否否是无6SImgpathvarchar(200)200否否是无7IsActivebit否否是18Statusbit否否是19Hitint否否是010AddTimesmalldatet

28、ime否否是无11UpdateTimesmalldatetime否否是无12Authorvarchar(30)30否否是无3.1.5数据库名（5）图片类型表表名PCategory序号列名数据类型长度小数位标识主键允许空默认值说明1IDint自动编号是是非空无2CategoryNovarchar(100)100否否是无3CategoryNamevarchar(MAX)MAX否否是无4IsActivevarchar(20)20否否是15Remarkvarchar(50)50否否是无3.1.6数据库名（6）用户留言表表名LeaveMessage序号列名数据类型长度小数位标识主键允许空默认值说明1ID

29、int自动编号是是非空无2UserNamevarchar(20)20否否是无3Facevarchar(30)30否否是无4QQint否否是15Emailvarchar(100)100否否是无电子邮箱6LMTitlevarchar(100)100否否是无7LMContentvarchar(MAX)MAX否否是无8CreateDatesmalldatetime否否是无9IsReplybit否否是03.1.7数据库名（7）用户回复表表名ReplyMessage序号列名数据类型长度小数位标识主键允许空默认值说明1IDint自动编号是是否无2MessageIDint100否否是无3RMContentva

30、rchar(MAX)MAX否否是无4CreateDatesmalldatetime20否否是无5UpdateDatasmalldatetime20否否是无3.2数据库E_R图 4. 操作说明要运行浏览本网站作品，要搭建环境。具体操作方法如下：第一步：WampServer服务器的安装。双击“WampServer2.0c.exe”，按“下一步”安装完成。注意：选择浏览器时要用IE游览器，不要使用360浏览器。第二步：修改WampServer的端口，打开httpd.conf后，按Ctrl+F打开查找窗口，输入80开始查找，把查找80的位置都改为“8080”，保存好后退出，重新起动WampServer

31、服务器就OK。第三步： WampServer的设置。开启“短标签”，PHPPHP settingsshor open tag打。开启“mssql”，PHPPHP extensionsphp_mssql打。开启时间格式转换，PHPphp.ini，打开后按Ctrl+F查找mssql.datetimeconvert ，后把on改成off。第四步创建PHP开发环境虚拟目录：打开虚拟目录，ApacheAlias directories+Add an alias输入虚拟目录名称“PHPWeb”，回车。 输入存放网站文件的路径“C:/PHPWeb/”，回车。第五步：Dreamweaver开发环境的搭建。操作

32、如图：然后附加数据库，然后打开数据库连接页面改服务器名称连接数据库。然后就可以运行浏览了。后台管理需登录：分超级管理员和普通管理员超级管理员用户有：admin 密码：admin、用户名：yy 密码：yy普通管理员：用户名：admin1 密码：5.主要脚本文件清单及核心模块代码解析5.1主要脚本文件清单前台文件夹：根目录下后台文件夹：Admin文件CSS样式: css文件夹数据库文件夹：DB文件夹Flash存放和源文件: flash文件夹图片存放:images文件夹浮动代码：js文件夹Photoshop源文件:PSD文件夹验证码和分页功能:inc文件夹视频存放: video文件夹index.ph

33、pIntroducemore.php：企业概况页面Introduce2.php：企业资质页面Introduce1.php：团队风采Introduce3.php：企业装备&试验室Introduce2Content.php：企业概况内容的子页面Industrymore：行业动态页面IndustryNews.php：行业动态子页面Service.php：服务指南页面ServiceContent.php：服务指南的子页面Project.php：代表项目页面IndustryNews.php：代表项目子页面Business.php：业务范围页面IndustryNews.php：业务范围子页面Datasha

34、ring.php：资源共享页面IndustryNews.php：资源共享子页面Aboutus.php：关于我们页面news.php：新闻中心页面IndustryNews.php：新闻中心子页面VideoNews.php：视频新闻页面Video1.php：新闻视频1页面Video2.php：新闻视频2页面Video3.php：新闻视频3页面Video4.php：新闻视频4页面Video5.php：新闻视频5页面LeaveMessage.php ：在线留言页面Admin/login.php：台登录Admin/index.html：后台系统界面5.2核心模块代码解析5.21 连接数据库代码：conn

35、=mssql_connect($this-Server,$this-UserName,$this-PassWord) or die(对不起！服务器连接失败！);return $this-conn;/连接数据库 :是屏蔽作用function db_select()mssql_select_db($this-DataBase,$this-conn) or die(对不起！数据库连接失败！);/读取数据库表function db_query($sql)if($this-query=mssql_query($sql,$this-conn)return $this-query;elsereturn fa

36、lse;$db=new db_class();/实例化db_class类$db-db_connect();/调用服务器连接方法$db-db_select();/调用数据库连接方法/启动会话session保存值session_start();?5.2.2首页flash插入的代码如下：5.2.3 首页文字滚动代码如下：db_query($sql,$db);$total=mssql_num_rows($result);if($total0) while($rs=mssql_fetch_array($result) ?a href=Announcement.php?ID= target=_blank&

37、nbsp; 对不起!数据正在维护中.5.2.4 首页闪图功能代码如下：var widths=781;var heights=264;var counts=4;img1=new Image ();img1.src=images/b1.jpg;img2=new Image ();img2.src=images/b2.jpg;img3=new Image ();img3.src=images/b.jpg;img4=new Image ();img4.src=images/b3.jpg;url1=new Image ();url1.src=images/b1.jpg;url2=new Ima

38、ge ();url2.src=images/b2.jpg;url3=new Image ();url3.src=images/b.jpg;url4=new Image ();url4.src=images/b3.jpg;/var nn=1;var key=0;function change_img()if(key=0)key=1;else if(document.all)document.getElementById(pic).filters0.Apply();document.getElementById(pic).filters0.Play(duration=2);eval(document.getElementById(pic).src=img+nn+.src);eval(document.getElementById(url).href=url+nn+.src);for (var i=1;i=counts;i+)document.getElementById(xxjdjj+i).className=axx;document.getElementById(xxjdjj+nn).className=