1、潍 坊 学 院 本 科 毕 业 设 计 摘 要 1基于 ASP 技术的商业网站系统设计摘要：商业网站系统的设计主要包括前台和后台的设计，前台主要实现以下几大功能：公司简介、公司新闻动态展示、公司 产品介绍 、企 业招聘信息发布、留言系统、联系方式。后台主要功能：新闻管理、 业务更改、留言管理等。本网站的个性化页面生成系统是在Dreamweaver提供的完善的开发环境下，利用IIS+ASP技术来实现完成的。其中应用到的技术主要是asp语言编写前台界面，sql语句操作数据库，应用的工具主要是flash以及 photoshop制作美工相关的材料， dreamweaver编写相关程序代码，数据库服务器
2、端采用了Microsoft Access数据库作为ODBC(Open DataBase Connectivity )数据源，并进行数据库存取等操作，从而使Web与数据库紧密联系起来。后台使用开源的cmsasp二次开 发，然后使用sql语句把前台和后台 连接实现管理数据库里面的表数据，企业 只需要在后台发布信息，即可在前台相应位置 显示，以 实现信息的易管理性。为了充分利用网络资源，扩 大公司影响力， 树立公司品牌形象，在此建立此网站供大家学习交流。关键词:ASP 数据库 网站 设计 商业网站潍 坊 学 院 本 科 毕 业 设 计 摘 要 2BASED ON ASP TECHNOLOGY BUS
3、INESS WEBSITE SYSTEM DESIGNAbstract：Your business web site the design of the system mainly include the design of the front desk and the background, the front office achieve the following a few big main functions: introduction, the company news show, the company introduces dynamic business, enterpris
4、e recruitment information release, message system, the contact method. Backstage main functions: news management, business change, message management, etc. This web site is the personalized page generation system in the development of the perfect Dreamweaver provide environment, use IIS + ASP techno
5、logy to realize the finish. One of the main technology is applied to the asp language writing front desk interface, SQL DataBase operation, application tool is mainly flash and photoshop creation artists of the relevant material, dreamweaver write related program code, the DataBase server using Micr
6、osoft Access DataBase as ODBC (Open DataBase Connectivity) data sources, and DataBase Access and operation so that the Web and DataBase closer together. The background of use open source cmsasp second development, and then use the SQL statement at the front desk and the background of the database co
7、nnection realization management inside table data, the enterprise only need in the background, release information, can be in the foreground to corresponding position shows, in order to realize information to the management capacity. In order to make full use of network resources, expand its influen
8、ce, set up the company brand image, in this building this website for everybody to learn communication.Key words：ASP, Database, Web site design, Commercial web sites潍 坊 学 院 本 科 毕 业 设 计 目 录摘 要 .11 绪论 .11.1 商业系统网站的建站环境与目的 .11.2 网站发挥的作用 .11.3 网站的访问对象 .22 网站的需求分析与技术分析 .32.1 需求分析 .32.2 相关技术及工具介绍 .33 网站的系
9、统设计 .63.1 网站规划 .63.2 数据库设计 .64 网站的系统实现 .94.1 LOGO和 BANNER.94.2 网站界面的实现 .94.3 设置 IIS服务器 .124.4 交互式页面的实现 .124.5 网站发布与浏览 .185 调试和优化 .195.1网站调试 .195.2优化方案 .21结束语 .23参考文献 .24附 录 .25致 谢 .28潍 坊 学 院 本 科 毕 业 设 计 11 绪论1.1 商业系统网站的建站环境与目的Internet是目前世界上最大的计算机互联网络，它遍布全球，将世界各地各种规模的网络连接成一个整体。作为Internet上一种先进的，易于被人们所
10、接受的信息检索手段，World Wide Web(简称WWW)发展十分迅速，成为目前世界上最大的信息资源宝库。据估计，目前Internet上已有上百万个Web站点，其内容范围跨越了教育科研、文化事业、金融、商业、新闻出版、娱乐、体育等各个领域，其用户群十分庞大，因此，建设一个好的Web 站点对于一个机构的发展十分重要。近年来，随着网络用户要求的不断提高及计算机科学的迅速发展，特别是数据库技术在Internet中的广泛应用，Web站点向用户提供的服务将越来越丰富，越来越人性化。Internet 的迅猛发展正在彻底地改变我们的生活、工作方式，网络已经成为我们生活中不可缺少的一部分。为了加强管理，提
11、高工作效率，借鉴国际先进的管理经验，深化改革，我公司于2010年建立了自己的网站和局域网。为了充分利用网络资源，加强厂内各个部门的联系，加强合作，促进职工的学习热情，提高职工的业务水平，建立此网站。本文中数据库服务器端采用了Microsoft Access数据库作为ODBC(Open DataBase Connectivity )数据源，并进行数据库存取等操作，使Web与数据库紧密联系起来整个个性化页面生成系统主要由使用Dreamweaver开发的关联规则采掘系统和利用IIS+ASP技术实现的个性化 Web页面生成器两部分组成。关联规则采掘系统对数据库中的历史记录进行分析，产生用户关联规则表；
12、页面生成器则负责记录用户行为和根据关联规则表动态生成用户个性化Web 页面。二者通过数据库服务器和 Web服务器连接。1.2 网站发挥的作用信息时代的来临拓宽了大家进行自我提升的途径，同时也对大家的素质提出了更高的要求。被称为当今社会的“天之骄子” 的电脑主宰着世界的前进，而主宰电脑的我们则更应该多思考，多研究，多学习。只读书的学习方式一去不复返，科技的日新月异，使我们不得不学习一种新的知识-计算机技术。怪不得有人说“不会电脑的人，将是新世纪的文盲”。足见网上学习的重要性。员工网上交流系统网站将作为一个员工的学习、交流的平台，设立公司新闻，展示全公司风采，发布各种新闻、单位组织的活动、等信息；
13、设立学习平台实现网上学习，拓宽培训途径；随着单位人事制度改革的深入，强化人才的管理，建立岗位竞聘模块；留言反馈、联系我们潍 坊 学 院 本 科 毕 业 设 计 2的建立，便于于员工的互动和交流。1.3网站的访问对象站内浏客：浏览网页后知道本单位的概况，了解公司的组织结构；了解公司最新动态信息。管理人员：对网站进行管理，回复留言，发布商业信息、新闻、及岗位竞聘等内容。查看岗位竞聘信息，并与之联系等。潍 坊 学 院 本 科 毕 业 设 计 32 网站的需求分析与技术分析2.1 需求分析现代社会是信息高度发达的社会，伴随着信息的潮涌，技术的冲击，大多数人的观念也在逐步改变，将信息技术与公司资源整合，
14、让现代信息技术为公司网站服务，是一个提高教学效果和效率的有效途径。因此网站建立根据现在单位的实际情况有如下要求：建立网站主要应用于本公司内部交流和方便公众访问外部网站。由于单位部门多，人员分散，需要依托网络建立一个学习交流平台。管理人员的计算机水平参差不齐，需要建立一个强大的后台管理平台，主要是它的易用性。随着公司人事制度深化改革，逐渐加强各部门管理，竞争上岗成为单位的主要的管理形式，因此建立岗位竞聘栏目。建立一个展示和联络平台。 2.2 相关技术及工具介绍2.2.1 ASP语句1. ASP简介ASP(Microsoft Active Server Pages ) ，是一套微软开发的服务器端脚
15、本环境， ASP 内含于 IIS 3.0 和 4.0 以及更高的版本之中 , 通过 ASP 可以结合 HTML 网页、 ASP 指令和 ActiveX 元件建立动态、交互且高效的 WEB 服务器应用程序。所有的程序都将在服务器端执行，包括所有嵌在普通 HTML 中的脚本程序。当程序执行完毕后，服务器仅将执行的结果返回给客户浏览器，这样也就减轻了客户端浏览器的负担，大大提高了交互的速度。因其有很多的优点，所以我在燕京网上交流系统网站设计时选择了它。2. ASP的特点（1）使用 VBScript 、 Jscript 等简单易懂的脚本语言，结合 HTML 代码， 即可快速地完成网站的应用程序。 （2
16、）无须编译，容易编写，可在服务器端直接执行。 （3）使用普通的文本编辑器，如 Windows 的记事本，即可进行编辑设计。 （4）与浏览器无关, 用户端只要使用可执行 HTML 码的浏览器，即可浏览Active Server Pages 所设计的网页内容。潍 坊 学 院 本 科 毕 业 设 计 4（5）Active Server Pages 的源程序，不会被传到客户浏览器，因而可 以避免所写的源程序被他人剽窃，也提高了程序的安全性。（6）浏览器传送到站点服务器的表单输入访问和编辑服务器的数据库表。使用浏览器即可输入、更新和删除点服务器的数据库中的数据2.2.2 SQL server与 acce
17、ss2000 Microsoft SQL Server 2000 是企业级数据库解决方案，与 Microsoft Access 2002 相比，它极大地改进了可伸缩性、维护性和数据库恢复功能。由于 SQL Server 基于客户端/服务器体系结构，所以在通过远程连接处理和发送数据的方式上与 Access 有很大的不同。SQL Server 还提供了许多功能，使数据查询、业务逻辑重用和数据备份等任务变得更简单，更灵活。虽然SQL server有很多的优点，但SQL 用语创建大型数据库操作复杂，涉及到的困难较多如数据库的移动等。又因我所选择开发的课题只是一个较小的课题，其数据库主要应用到网上注册、
18、留言咨询系统中。杀鸡焉用宰牛刀？根据我的分析可以选择简单的Access 2000数据库作为我的网站开发的数据库，因其操作非常简单，可移动性好（随着网站可随意移到任何位置） ，界面直观，经常应用，使用熟练等特点使它成为我的首选。2.2.3 主要工具介绍主要使用的工具有：Flash MX、PhotoshopCS3、DreamweaverMX。分别介绍如下 1.Flash MXFLASH是制作动画的一个软件工具，它可以通过文字、图片、录像、声音等综合手段形象的体现一个意图，通常像我们看到的广告片段一样。一般利用 Flash 技术来包装公司形象、进行产品宣传等，通过网页充分体现它的魅力，并可以达到非常
19、好的效果。与以前版本相比较Flash MX有如下特点：MX 拥有可订制的、直观的、友好的界面。可订制的特性包括：面板布局、快捷键和发布设定。用户界面和 Macromedia 的其他工具一样，这样给使用者在应用方面带来很大的好处。 类似文件夹的组织和层操作，timeline 的强化可以让你的工作更快速、工作量更少。比如：改善的鼠标指针变形，多帧的修改长短、剪切和粘贴可以更加方便的使用 timeline。 通过易用的工具可以对图像对象进行斜拉、旋转、缩放和变形。当你改变shapes, symbols, 和graphic elements 时，新的工具可以加强你的创造力。潍 坊 学 院 本 科 毕
20、业 设 计 5使用动态蒙板可以产生复杂的效果。利用 movie clip 建立动态的效果，也可以利用 ActionScript 控制蒙板。2. PhotoshopCS3Photoshop CS3全称Adobe Photoshop CS3 Extended 也称作为Photoshop 10.0。 Adobe Photoshop是公认的最好的通用平面美术设计软件。由Adobe公司开发设计。其用户界面易懂，功能完善，性能稳定，所以，在几乎所有的广告、出版、软件公司，Photoshop都是首选的平面工具。3. Dreavaweaver MXDreamweaver是Macromedia 公司推出的一款“
21、平民化 ”的网页制作软件，具有可视化编辑界面和强大的所见即所得网页编辑功能。用户不必编写复杂的HTML源代码，就可以生成跨平台、跨浏览器的网页。同时，Dreamweaver支持动态HTML，并采用了Roundtrip HTML技术，从而奠定了在网页高级设计功能方面的领先地位。在进行网页设计过程中，动态HTML技术能够让用户轻松设计复杂的交互式网页，产生动态效果；而Roundtrip HTML技术则可以支持HTML源编辑模式，不会产生冗余代码，使网页渲染速度加快。因此，Dreamweaver是一款可以满足多层次需求，功能强大的可视化专业级网页设计和制作工具。Dreavaweaver MX软件具有
22、以下特色。出色的工作界面，将所有与Dreamweaver关联的窗口都融入一个多重文档窗口中，用户可以随时查看各种资源。并且可以设置单个或多个面板自由显示，使用户更精确地掌握网页制作的细微之处。提供了更为强大的多媒体处理功能，在设计DHTML(Dynamic HTML)和CSS(Cascading Style Sheets)方面表现得极为出色。它利用JavaScript和DHTML 语言代码轻松地实现网页元素的动作和交互性操作，在这方面超过了FrontPage XP、Hotdog和 Homesite等著名网页设计软件，成为目前最为流行的网页设计工具。允许在Dreamweaver中直接制作Flas
23、h Text、Flash Button插件，同时全面支持ASP、ASP .NET、JSP 、PHP 、XML、VXML和CFML等代码，支持目前流行的大部分网络设计代码。增强了库和模板功能，使用户可以直接建立具有专业界面和代码的网页。综上所述：我选择了Dreamweaver MX用来设计网站布局，使用ASP技术完成动态网页的后台数据库的控制工作。用Fireworks MX完成网页里的图形、图像、背景等处理。用Access 2000创建后台数据库，用 Flash MX完成网页中动态图像的制作。潍 坊 学 院 本 科 毕 业 设 计 63 网站的系统设计3.1 网站规划根据前面的设计思想进行分析，
24、按照系统开发的基本观点对网站进行分解，从内容上可对网站做如下划分：主导航栏：由首页、公司简介、新闻中心、产品介绍、联系我们五大主要板块组成，为了充分利用网络资源，扩大公司影响力，树立公司品牌形象作用。首页展示：首页、公司简介、新闻动态、联系我们，同时在右侧下方显示有公司的负责人，联系电话、公司地址等各种联系方式。网站结构如图3.1所示。图 3.1 网站结构图3.2 数据库设计在设计网站的后台数据库时我采用的数据库是Microsoft Access 2000，建立后缀为“.mdb”的库文件。在网站中前台与后台管理系统共同使用一个数据库sjhhsjb.asp，来完成各自的任务。用.asp将数据库封
25、装，加强了数据库的安全性。在数据库中共有12张表，与前台有关的表有4张表（User表正在建设中） ，后台管理相关有11张表。北京中脉远红科技有限公司首 页 公司简介 产品介绍 联系我们公司概述 部门简介 大事件新闻中心公司荣誉潍 坊 学 院 本 科 毕 业 设 计 73.2.1 数据结构设计针对北京中脉远红网站的需求，通过对企业管理过程的内容和流程的分析，形成以下数据库结构。图 3.2 数据库结构图3.2.2数据库表设计首先将网站管理信息系统的数据库概念结构转化为SQL 2000数据库系统所支持的实际数据模型，即：数据库的逻辑结构。表 3-1 Message 表列名 数据类型 可否为空 说明ID 自动编号 NOT NULLtitle 文本 NOT NULL 留言标题Neweser 文本 NULL 留言发布人detail 文本 NULL 留言具体内容表 3-2 Newes 表列名 数据类型 可否为空 说明ID 自动编号 NOT NULLname 文本 NOT NULL 新闻名称content 文本 NULL 新闻具体内容title 文本 NULL 新闻内容标题Neweser 文本 NOT NULL 发布人北京中脉远红网站的数据库Message表LNewes表 Shiji表 User表列 名 数据类型 可否为空 说 明
