基于ASP的企业形象展示系统的设计与开发毕业论文.doc

基于ASP的企业形象展示系统的设计与开发毕业论文目 录摘要及关键词Abstract and Keywords目录第一章 绪论111 设计思想112 开发工具的选用及介绍2121 ASP简介2122 Access简介2123 Flash简介3124 Dreamweaver简介4125 Fireworks简介6第二章 网站规划和总体设计621 网站系统分析622 数据库的设计7221 数据库的建立7222 数据库方案8223 数据库的连接10第三章 网站前台开发1131 网站首页的实现11311 左侧最新新闻列表的实现11312 首页企业简介的实现1232 走近博元的实现12321 企业介绍的实现13322 企业理念的实现14323 董事长致词的实现1433 企业荣誉的实现14331 荣誉资质的实现16332 领导关怀的实现1934 工程业绩的实现2035 机械装备的实现2236 在线反馈的实现2237 联系我们的实现2638 新闻动态的实现2639 管理员登录的实现33第四章 网站后台开发3641 后台功能菜单3642 对图文混排内容的管理4343 对图片内容的管理45431 添加图片45432 修改图片47433 删除图片47434 调整图片次序4844 对新闻内容的管理49441 添加新闻49442 修改新闻49443 删除新闻4945 对反馈信息的管理49451 生成信息反馈列表49452 生成打印页54453 批量删除反馈信息5746 对管理员帐号密码的管理58461 添加管理员帐号密码58462 修改管理员帐号密码62463 删除管理员帐号密码62第五章 操作说明6251 配置IIS6252 前台操作6553 管理员登录65第六章 结论65致谢参考文献附件第一章 绪 论网络发展得太快，网站设计跟不上时代的发展，互联网上很大一部分企业网站缺乏设计思想和技术含量，还远远停留在几年前的水平，没有发挥网站应有的作用。颇具设计思想、富于企业文化信息、技术含量高、交互性强、可自主维护、令人流连忘返、过目难忘、能够起到营销作用的网站更是凤毛麟角。随着网络的发展，人们的要求也越来越高，对于网站的设计制作也越来越在意，我们的网站应该不仅仅是信息的简单罗列，否则就会很容易被淹没在浩如烟海的互联网之中。我们随便在一个搜索引擎上查找某一行业的企业网站，都会找到成千上万条信息，试想，在这么多的网站中，没有自己企业特色、平庸无奇的网站是不会令人感到兴趣的，更不用说进入详细浏览了。我们知道，好的衣服能提高一个人的身价，好的网站也会提高一个企业的形象。一个好的网站在结构，导航，用色，内容，功能，效率等各个方面都是很讲究的，它给浏览者一种吸引力，让浏览者观赏的同时了解了企业信息，并及时与客户进行交流和沟通，有助于提升企业形象、促进品牌宣传、提高服务质量、增强企业的竞争力、提高企业生产效率、降低经营成本、优化资源配置。11 设计思想浙江博元建设工程有限公司为国家房屋建筑施工总承包贰级企业，始创建于1978年的浙江省东阳市建筑营造公司，施工区域主要分布在沿长江三角洲地区以及海南、四川、湖北等地。随着公司业务的不断拓展，市场信息网络已遍及全国各地。为顺应时代发展，提升博元公司的企业形象，增强企业竞争力，促进企业发展，特编写该企业的动态网上形象展示系统。系统从建筑工程类公司的特点出发，基于ASP技术，利用个性化的精美设计，并结合了Access数据库、Flash动画软件、Dreamweaver网页开发软件、Fireworks图像编辑软件等多种先进的技术手段，涵盖了企业介绍、企业理念、领导致辞、企业荣誉、工程业绩、机械装备、在线反馈、联系方式、企业动态、行业新闻等功能模块，是一个设计与技术并重的动态数据库网站。通过这样一个网络平台，提升企业形象，开拓更大市场，建立新型的商务管理模式，引领企业进入电子商务领域，为客户提供更完善的服务，加强企业与社会之间的信息联系，改善内部管理，提高运营效率。12 开发工具的选用及介绍121 ASP简介 ASP的全称是：Active Server Pages，是在服务器端脚本编译环境，使用它可以创建和运行动态、交互的Web服务器应用程序。ASP可以与HTML页、脚本命令和ActiveX组件组合创建交互的Web页和基于Web的功能强大的应用程序。ASP应用程序很容易开发和修改。以下罗列了 Active Server Pages 所独具的一些特点： 1. 使用 VBScript ，JScript 等简单易用的脚本语言，结合 HTML 代码，即可快速地完成网站的应用程序的编写。 2. 无须编译，容易编写，调试方便可在服务器端直接执行。 3. 使用普通的文本编辑器，如 Windows 的记事本，或在Dreamweaver、Frontpage等流行软件中都可进行编辑设计。 4. 与浏览器无关 (Browser Independence)。用户端只要使用可执行 HTML 码的浏览器，即可浏览 ASP 网页的内容。 ASP所使用的脚本语言 (VBScript 、 Jscript) 均在 WEB 服务器端执行，用户端的浏览器不要求能够执行这些脚本语言。 5. ASP 能与任何 ActiveX scripting 语言相容。除了可使用 VBScript 或 JScript 语言来设计外，还通过 plug-in 的方式，使用由第三方所提供的其他脚本语言，如：REXX 、 Perl 、 Tcl 等。脚本引擎是处理脚本程序的 COM(Component Object Model) 物件。 6. Active Server Pages 的源程序，不会被传到客户浏览器，因而可以避免所写的源程序被他人直接剽窃，提高了程序的安全性。 7. 可使用服务器端的脚本来控制产生客户端的脚本。 8. ActiveX Server Components(ActiveX 服务器元件 ) 具有无限可扩充性。可以使用 Visual Basic 、 Java 、 Visual C+ 、 COBOL 等编程语言来编写你所需要的 ActiveX Server Component 。由此可见，将ASP技术用于展示形象的企业网站是最适合的。122 Access简介Access是Office里面的一个组件，正如Office方便性和易使用性一样，Access 是设计中小企业所用数据库的良好工具,利用Access的动态页面能力，可以比较容易地达到用它来构造WWW应用环境的目标。Access 的优点在于它能使用数据表示图或自定义窗体收集信息。数据表示图提供了一种类似于Excel的电子表格，可以使数据库一目了然。另外，Access 允许创建自定义报表用于打印或输出数据库中的信息。Access也提供了数据存储库，可以使用桌面数据库文件把数据库文件置于网络文件服务器，与其他网络用户共享数据库。Access是一种关系数据库工具，关系数据库是已开发的最通用的数据库之一。如上所述，Access 作为关系数据库开发具备了许多优点，可以在一个数据包中同时拥有桌面数据库的便利和关系数据库的强大功能。另外，中小型企业网站很少有买或租服务器的，租用虚拟主机的话，如果选择SQL Server数据库就没办法直接用了，必须额外购买数据库空间，所以，对于中小型企业网站来说，Access是最经济实用的选择。由此可见，选择Access数据库用于展示形象的企业网站是最适合的。123 Flash简介Flash是Macromedia公司出品的，用在互联网上动态的、可互动的shockwave。它的优点是体积小，可边下载边播放，这样就避免了用户长时间的等待。FLASH可以用其生成动画，还可在网页中加入声音。这样你就能生成多媒体的图形和界面，而使文件的体积却很小。Flash虽然不可以象一门语言一样进行编程，但用其内置的ActionScript语句，您也可作出互动性很强的主页来。Flash另外一个特点就是必须安装插件Plug-in，才能被浏览器所接受，当然这也避免了浏览器之间的差异，使之一视同仁。以下罗列了Flash所独具的一些特点：1. Flash动画受网络资源的制约一般比较短小，所以在情节和画面上往往更夸张起伏，致力在最短时间内传达最深感受。 2. Flash动画具有交互性优势，更好的满足的受众的需要，他可以让欣赏者的动作成为动画的一部分，通过点击、选择等动作决定动画的运行过程和结果。这一点是传统动画所无法比拟的。 3. 不仅如此，由于只需要掌握一些特定的软件就可以尝试，FLASH动画的制作相对比较简单，一个爱好者很容易就能成为一个制作者。全新的Flash动画(Flash)使动画制作变得非常简单：一套电脑软件，一个人，一台电脑就可以制作出一段有声有色的动画片段。 4. Flash动画可以放在网上供人欣赏和下载，由于使用的是矢量图，文件小，传输速度快的特点，助长了高速动画的崛起，可以利用独有的优势在网上广泛，有着可比拟的传播性。Flash制作的MV比传统的MV就易于在网络上传播。 5. Flash动画虽然现在还是比较粗糙、简陋，但Flash有新的视觉效果，比传统的动漫更加轻易与灵巧,更加的酷。它不可否认已经成为了一种新时代的艺术表现形式。 6. 用Flash制作动画会大幅度降低制作成本，减少人力，物力资源的消耗。同时，在制作时间上也会大大减少。半小时的节目，若用Flash技术制作，大约3至4个月就可杀青，若用其它技术通常需用10-14个月。 7. Flash制作的动画可以同时在网络与电视台播出，实现一片两播。本人使用最新版Flash 8作为企业形象网站Flash动画的制作工具。124 Dreamweaver简介Dreamweaver是美国Macromedia公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Dreamweaver的特点如下：1. 最佳的制作效率Dreamweaver可以用最快速的方式将Fireworks，FreeHand或Photoshop等文档移到网页上。使用检色吸管工具选择荧屏上的颜色，可设定最接近的网页安全色。对于选择菜单、快捷键以及格式控制，都只需一个简单步骤便可完成。Dreamweaver能与你喜爱的设计工具，如Playback ,Flash，Shockwave及其他外挂模组等搭配，用户不需离开Dreamweaver便可完成他们需要完成的工作。此外，只要单击便可使Dreamweaver自动开启Fireworks或Photoshop，从而实现编辑与设定图档的最佳化。2. 网站管理使用网站地图可以快速制作网站雏形，设计、更新和重组网页。改变网页位置或文档名称，Dreamweaver会自动更新所有链接。使用资源文字、HTML代码、HTML属性标签和一般语法的搜寻及置换功能，可使复杂的网站更新变得迅速又简单。3. 无可比拟的控制能力Dreamweaver是惟一提供Roundtrip HTML、可视化编辑与原始代码编辑同步的设计工具。他包含HomeSite和BBEdit等主流文字编辑器。帧(Frames)和表格的制作速度快得令你无法想象。进阶表格编辑功能可使你简单地选择单元格、行、栏或作不连续的选取。用户甚至可以排序或格式化表格群组。Dreamweaver支持精确定位，利用他可轻易地将表格转换成表格的图层以拖拉置放的方式进行版面设计。4. 所供即所得Dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给hire-party厂商，包含ASP， Apache，BroadVision， Cold Fusion，iCAT， Tango与自行发展的应用软件。当你正使用Dreamweaver设计动态网页时，所供即所得的功能让你不需要透过浏览器就能预览网页。5. 梦幻样版和XMLDreamweaver将内容与设计分开，应用快速网页更新和团队合作网页编辑。建立网页外观的模板，指定可编辑或不可编辑的部分，内容提供者可直接编辑以样式为主的内容,却不会因不小心而改变既定的样式。用户也可以使用模板正确地导入或导出XML内容。6. 全方位的呈现利用Dreamweaver设计的网页，可以全方位地呈现在任何平台的浏览器上。对于Cascading Style Sheets的动态HTML支持和鼠标换图效果，声音和动画的DHTML效果资料库可在Netscape和Microsoft浏览器上执行。用户可以使用不同浏览器检查展示，随之Dreamweaver就列出你在不同浏览器上执行的成效如何。当有新的浏览器上市时，只需从Dreamweaver的网站下载他的描述文档，便可得知详尽的成效报告。7.Dreamweaver的优点(1) Macromedia的Dreamweaver 提供了可视化网页开发工具的生产力，却不会降低HTML原代码的控制，Dreamweaver 提供的Roundtrip HTML 功能，让你无误地切换于可视化界面与HTML原代码编辑器之间；拖放式的表格、框架设计；以及通过站点地图来管理网站，并进行内容的更新。 Dreamweaver 支持跨浏览器的 Dynamic HTML，阶层式样式表单、绝对坐标定位以及JavaScript 的动画，使你更容易编辑网页。(2) Roundtrip HTML 功能完全控制HTML原始代码，著名的BBEdit 与 Home Site 编辑器分别内含于 Macintosh 与 Windows 版本的软体中。(3) 当开启其他编辑器产生的网页时，他会保存既有的 HTML 格式。使用绝对坐标可获得精确且弹性的设计。 Dynamic HTML、直觉式时间轴界面以及JavaScrip 行为库，可以不需要其他程序的支持，却能让 HTML元件动起来。(4) 以全网站内容管理的方式让你摆脱逐页更新管理的缺点，提高你的工作效率。当你要编辑自己既有的网页时，Dreamweaver会尊重你在其他编辑器所做出的原始代码，不会任意地改变他。 而在使用Dreamweaver的可视化编辑环境时，你可以在HTML监视器上同步地看到Dreamweaver为你所产生的原始代码。如果想要在可视化编辑模式和原始代码编辑模式之间跳换的话，只要按一下所需的视窗就可以了。如上所述，Dreamweaver是一款优秀的网站开发及管理软件，此次开发企业形象展示系统，本人使用最新版Dreamweaver 8生成网站模板及编写HTML、ASP和CSS代码。125 Fireworks简介Fireworks是Macromedia公司推出的专门针对网络图形设计的工具软件。在绘图方面，Fireworks结合了位图以及矢量图处理的特点，不仅具备复杂的图象处理功能，并且还能轻松地把图形输出到Flash，Dreamweaver 以及第三方的应用程序。它既可以编辑Web图像，又可以编辑Web动画，它能够自动切图、生成鼠标动态感应的javascript，制作按钮的导航条、菜单等，甚至能直接制作网页。同时具有多种传统图形制作软件的功能，而且它能把位图处理和矢量处理完美的结合在一起，使得网页图形设计人员再也不必多种图形设计软件之间频繁切换。Fireworks的实质是通过最少的步骤创建最小、最高质量的JPEG和GIF图像， 是创建和生成网页图形的完全解决方案。Fireworks简化了网页图形和屏幕图形的制作过程，同时提供了完全的机动性和可编特性。是网页制作者必备之利器。此次开发企业形象展示系统，本人使用最新版Fireworks 8绘制网页蓝图，并切割导出生成网页，系统所用其它全部图片也都由Fireworks 8编辑处理而成。第二章 网站规划和总体设计21 网站系统分析根据前面的设计思想进行分析，按照系统开发的基本观点对网站进行分解，从内容上可对网站作如下划分： l. 走近博元：包括企业介绍、企业理念、董事长致辞三部分，通过图文混排的内容形式来展现。 2. 企业荣誉：包括荣誉资质、领导关怀两个部分，荣誉资质通过图片陈列的形式来展现，领导关怀通过图片陈列加简短文字说明的形式来展现。 3. 工程业绩：分为房屋建筑工程、市政公用工程、钢结构工程、地基基础工程、装饰装璜工程、设备安装工程等六大类，通过图片陈列的形式来展现。 4. 机械装备：通过图片陈列的形式来展现。 5. 在线反馈：由浏览者填写反馈表单，并提交到数据库中存档。表单项目有标题、姓名、所在单位、地址、邮编、电话、传真、电子邮箱和反馈内容，其中标题、姓名、地址、电话和反馈内容为必填项。 6. 联系我们：通过图、文、表混排的内容形式来展现。 7. 新闻动态：分为公司动态和行业新闻两部分，以列出标题目录的形式来展现。 8. 网站地图：列出前台所有功能子模块，并提供超链接，通过图、文、表混排的内容形式来展现，为需要全面了解网站结构，和缺少Flash插件或插件被屏蔽从而无法观看Flash导航的浏览者提供方便快捷的链接入口。22 数据库的设计221 数据库的建立采用的数据库是Microsoft Access，拟建立db.mdb库文件，包含如下几个表文件：admin 管理员信息表fankui 反馈信息表gclb 工程业绩类别信息表gongcheng 工程业绩信息表；jieshao 企业介绍信息表lianxi 联系方式信息表lingdao 领导关怀信息表linian 企业理念信息表rongyu 荣誉资质信息表shouye 首页简要介绍信息表xinwen 新闻动态信息表xwlb 新闻类别信息表zhici 董事长致辞信息表zhuangbei 机械装备信息表222 数据库方案admin（管理员信息表）数据名数据类型说明a_id自动编号管理员序号a_name文本管理员帐号a_pass文本管理员密码fankui（反馈信息表）数据名数据类型说明id自动编号信息序号title文本信息标题name文本客户姓名corname文本所在单位address文本联系地址zipcode文本邮政编码tel文本联系电话fax文本传真email文本电子邮件content备注反馈内容time日期/时间提交时间gclb（工程业绩类别信息表）数据名数据类型说明id自动编号信息序号title文本类别名称gongcheng（工程业绩信息表）数据名数据类型说明id自动编号信息序号type数字所属类别img文本图片地址px数字排列位置jieshao（企业介绍信息表）数据名数据类型说明id自动编号信息序号content备注信息内容lianxi（联系方式信息表）数据名数据类型说明id自动编号信息序号content备注信息内容lingdao（领导关怀信息表）数据名数据类型说明id自动编号信息序号title文本文字说明img文本图片地址px数字排列位置linian（企业理念信息表）数据名数据类型说明id自动编号信息序号content备注信息内容rongyu（荣誉资质信息表）数据名数据类型说明id自动编号信息序号img文本图片地址px数字排列位置shouye（首页简要介绍信息表）数据名数据类型说明id自动编号信息序号content备注信息内容xinwen（新闻动态信息表）数据名数据类型说明id自动编号信息序号type数字所属类别title文本新闻标题content备注新闻内容time日期/时间发表时间xwlb（新闻类别信息表）数据名数据类型说明id自动编号信息序号title文本类别名称zhici（董事长致辞信息表）数据名数据类型说明id自动编号信息序号content备注信息内容zhuangbei（机械装备信息表）数据名数据类型说明id自动编号信息序号img文本图片地址px数字排列位置223 数据库的连接ASP网页与数据库连接的代码如下所示：第三章 网站前台开发31 网站首页的实现首页最抓浏览者眼球的部分就是Flash动画，占去首页大部分版面。动画包括企业Logo、动态下拉导航、企业标语、循环滚动的工程业绩分类小图，以及正中位置的高清晰大尺寸图片秀。Flash开头添加了loading功能，图片和文字的运动也做了合理的安排和优化，使之播放起来感觉很流畅。Flash动画的下方拆分为四个版块，左列是最新发布的前四条新闻，包括公司动态和行业新闻。第二列是企业的概要介绍，取前130个字加省略号，点击可进入查看完整的企业介绍。第三列是四幅小图，用来和上面的Flash相呼应，使页面视觉取得平衡。最后一列是三个图片链接，分别是设为首页、加入收藏和网站地图。首页截图如下：图3-1 网站首页311 左侧最新新闻列表的实现取最新发布的前四条新闻，包括公司动态和行业新闻。相关源代码如下：  a href=xinwen_detail.asp?id= title=312 首页企业简介的实现取最前面130个字符加省略号。相关源代码如下：32 走近博元的实现这是一个总的模块，又分为如下三个子模块：企业介绍、企业理念和董事长致辞，这三部分的结构是相同的，都为图片混排的形式，对应数据库中的数据格式为备注类型。这三部分的相关代码都很简洁，只需从库中读取相应的那条纪录，过滤掉./（调整图片路径）就行了。321 企业介绍的实现网页截图如下：图3-2 企业介绍相关源代码如下：322 企业理念的实现结构和企业介绍相同，相关源代码如下：323 董事长致辞的实现结构和上面两个模块相同，相关源代码如下：33 企业荣誉的实现这个模块分为荣誉资质和领导关怀两个子模块，都为图片陈列的形式，稍有不同的是，领导关怀中增加了对每张图片的简要说明文字。图片每行显示3张，每页显示15张，剩下的被分到下一页继续显示。每张图片都以按比例缩略的方式展现，点击后弹出原图片。缩略图功能是用Javascript实现的，比起用ASP代码取得图片尺寸再缩略的方法来得简单方便，且无需担心执行ASP代码时因未注册asp组件而引起的IIS的崩溃。这段Javascript代码如下：0 & image.height0)flag=true;if(image.width/image.height= 160/120)if(image.width160) ImgD.width=160;ImgD.height=(image.height*160)/image.width;elseImgD.width=image.width; ImgD.height=image.height;ImgD.alt=image.width+image.height;elseif(image.height120) ImgD.height=120;ImgD.width=(image.width*120)/image.height; elseImgD.width=image.width; ImgD.height=image.height;ImgD.alt=image.width+image.height; /-331 荣誉资质的实现需要用到的技术有循环读取所有纪录、分组换行、向Javascript函数传递参数、分页显示等功能。网页截图如下：图3-3 荣誉资质相关源代码如下：%const MaxPerPage=15url=rongyu.aspdim totalPut dim CurrentPagedim TotalPagesdim i,jif request(page) then currentPage=cint(request(page)else currentPage=1end ifsql=select * from rongyu order by pxSet rs= Server.CreateObject(ADODB.Recordset)rs.open sql,conn,1,1if not rs.eof then totalPut=rs.recordcount totalPut=rs.recordcount if currentpagetotalput then if (totalPut mod MaxPerPage)=0 then currentpage= totalPut MaxPerPage else currentpage= totalPut MaxPerPage + 1 end if end if if currentPage=1 then showContent showpage totalput,MaxPerPage,url else if (currentPage-1)*MaxPerPage% if not rs.eof and i% if rs(img) then %a href=