毕业论文——网上园林设计.doc

1、杭州科技职业技术学院毕业设计（论文） 1 摘要 ： 杭州荣利布业、大西纺织有限公司网站平台是为杭州荣利布业、大西纺织有限公司设计的。 经过设计后 ,系统主要包括前台页面及后台管理两方面 ,前台主要有进行用户登录可以实现客户留言、模糊搜索、看公司发布的最新消息、各产品系列的展示等功能。后台主要是对新闻管理、产品管理、订单管理、留言管理四方面信息进行增加、修改、删除等功能。整个系统的开发使用了 Frontpage2000 ， PhotoShop6.0 ， ASP， Html ， IIS ， JavaScript,Access2000 等开发工具及编程语言。本系统使 用 ADO 访问数据库，并进行数

2、据的读取和写入操作。本系统的运行环境为 Windows 9x、 Windows 2000、 Windows XP 等。 关键词： ASP， ADO,ACCESS,IIS 第一章 、 引言 1课题提出 海盐家园 网站平台是为 海盐县 设计的。 海盐 简介： 海盐县位于浙江省北部富庶的杭嘉湖平原，东濒杭州湾，西南与海宁市毗邻，北与嘉兴秀洲区、平湖市接壤。全县辖 12 乡镇，总人口近 37 万。县境内陆地面积 507 平方公里，海岸线全长 53.48 公里，江口海湾面积 565 平方公里。全县地势从东南向西北倾斜，以平原为 主，南部为平原低丘区，西部是平原水网区，水域宽阔；东部属平原海涂区，沿海有明

3、代修筑鱼鳞石塘 12.27 公里，号称 “ 海上长城 ” 。杭嘉湖南排工程长山闸、南台头闸建于境内。海盐地处北亚热带南缘，四季分明，日照充足，气候温和湿润，是典型的东亚季风气候。 海盐以 “ 鱼米之乡、丝绸之府、文化之邦、旅游之地、核电之城 ” 著称于世，1985 年被国务院列入沿海经济开放区。改革开放以来，海盐县国民经济和社会发展迅速，综合实力明显增加。 2000 年全县国内生产总值 57 亿元，人均国内生产总值达到 1.5 万元。随着经济的快速发展，地方财 政收入稳步增长， 2000 年达到 1.60 亿元，城镇居民人均可支配收入 9356 元，农民人均纯收入 4667 元。杭州科技职业技

4、术学院毕业设计（论文） 2 海盐县连续两届被评为 “ 中国农村经济综合实力百强县 ” ， 1995 年被省委、省政府命名为首批小康县。 2. 课题意义 随着计算机网络的发展和宽带接入的普及，计算机网络早已渗透到普通百姓的日常工作和生活之中，了解和学习计算机网络的基础知识不仅是工作所需，同时也将成为休闲娱乐之必备 。对一个 地方 来说，组建网站的主要目的是希望借助网络快速传递信息的功能，加强 地方 在信息传递和 对外 沟通协调上的能力。因特网的魅力就在于它能实 现快速，准确地传递信息。认识到这一点，公司就更要抓住机会，组建公司自己的网站，不但可以扩大 地方 的知名度，方便了用户，从而使大家更了解

5、 。 海盐家园网 根据上述情况及其他一些相关情况，结合 海盐等 实际情况设计开发了 海盐家园 网站平台。 本网站侧重于信息的浏览，及查询。浏览者可能网站 内查询不到所需的信息，可能需要寻求帮助。所以系统开发了留言板模 块 。 第二章 、开发环境介绍 1.开发运行环境 a) 操作系统 本系统是在 Microsoft Windows XP 操作系统下开发完成的。 b) 开发工具 Microsoft office2000 的 frontpage2000、 Access、 Word 及 Dreamweaver8、Photoshop 7.0、 IIS。 c) 运行环境 本系统运行于 Windows XP

6、 操作系统下。 2. 网页制作工具 a) 网页设计工具 网页主要使 用 Dreamweaver8， frontpage2000 辅助制作。 杭州科技职业技术学院毕业设计（论文） 3 Frontpage 2000 frontpage2000 是建立和管理专业网站的简易工具。 frontpage2000 保留和发展了 frontpage 98 的优秀功能，并根据用户的的要求增加了许多新功 能。 1 更容易建立专业的，精确的网站 ， frontpage 2000 的网站创建和管理工具给用户从未有过的全面控制权。用户可以精确的放置每一个元素在网页的任何位置，为网站设定专业的谐调的外观，输入和编辑 ht

7、ml 原代码，使用最新的网页技术，这一切不需要您编写任何程序。 2 frontpage 2000 不仅仅可以用来制作网页，用户可以使用它来建设和维护整个网站，更简单的检测，更新你的网站。工作组用户可以通过frontpage2000 使分布在世界各地的子公司一起工作 。 3 frontpage 2000 与其它 office 组件的整合性更加提高，打开和运行的速度比 frontpage 98 更快。 Dreamweaver8 作为刚刚发布的 Macromedia Studio 8 Web 开发套件的一个组成部分，Dreamweaver 8 增加了许多激动人心的新功能。作为业界领先的网页制作软件，

8、 Dreamweaver 8 这次除了增加了许多精巧的改进、工作流程更加先进之外，在新功能中还加入了经过重新设计的 CSS 工具、速度更爽的后台 FTP，以及用于将 XML 文件转换为设计完美且更友好地支持浏览器的文档的工具。Dreamweaver8 的新功能简介 ： 一、改进的工作流程 Dreavweaver 8 引入了许多精巧的改进，可以帮助网页设计师更加有效地工作。文档窗口的标签式界面将所有打开的文档放置在一个面板中，就象我们经常使用的标签浏览器 Maxthon，切换文档时只需要单击一次鼠标左键就可以了，这样我们就不再需要为查找打开的窗口而费时耗力。 此外，用户现在可以将面板的排列保存为

9、 “Workspace layout”(工作区布局 )。通过这种方式，用户可以将面板组合保存下来，以适应不同的工作流程。例如，用户可以创建一个用于数据驱动网 页设计时使用的工作区布局，再创建一个用于设计 CSS 成分比较多的网页的工作布局，在设计这两种不同的网页时，可以在这两种布局之间来回切换。 杭州科技职业技术学院毕业设计（论文） 4 有几个新功能对于设计者来说是非常有吸引力的：放大工具可以帮助更容易地对齐图像、选择较小的对象以及查看较小的文本；通过在页面上拖放引导线可以更精确地定位对象的位置；让 Dreavwerver 显示引导线来表现出不同分辨率下的可视区域。 对 Flash 视频的支持

10、使得用户可以使用类 VCR 控制的方式直接在网页中嵌入视频。这种视频的创建与编码需要另外的程序，比如 Flash MX 2004。 二、扩展的 CSS 支持 在 Dreamweaver MX 2004 中， CSS 功能已经非常强大。在此基础上， Dreamweaver 8 在 CSS 方面提供了更强的支持。 Dreamweaver 8 增强了复杂样式表信息的显示，减少了必须跳转到网页浏览器来检查代码设计的次数。 有几个可视化设置提供了非常有帮助的查看方式，从而解决了查看复杂 CSS布局这一难题。用户可以轮廓化 CSS block-elements，或者使用不同的背景颜色高亮显示它们，这样能够

11、快速识别其位置及大小。 Dreamweaver 8 同时提供了有益的提示来直观显示一个元素中 Padding 和 Margins 的效果。 新的媒体格式支持使用户添加指向特定设备的样式，例如，可以添加只用于网页打印的样式表，也可以添加只用于在计算机屏幕上显示的样式表。 CSS 面板现在完全重新设计为一个统一的面板，将 Dreamweaver MX 2004 的众多 CSS 面板集中到了一个位置。这样 CSS 面板就变成了一个更富有可用性的控制面板，使用 CSS 面板可以快速确认样式、编辑样式、查看应用于页面元素的样式 (就象查看段落、图像和链接一样 )。 Dreamweaver 8 在 CSS

12、 面板中加入了一个摘要视图，用于快速确认应用于当前选定元素的 CSS 属性。一个简单的列表可供方便地查看哪种样式中的哪种属性被应用到当前选中的元素。控制多种 CSS 样式结合来格式化一个网页的规则是复杂和易混淆的，所以这一功能必将很快地成为网页设计师不可缺少的工具，从而使设计师们从基于 CSS 的复杂设计中解脱出来。 b) 开发语言 ASP ASP 是 Active Server Pages 的简称，是服务器端脚本编写环境。用户可以轻松地结合 HTML 页面、脚本和 ActiveX 组件创建和运行动态、交互 的 Web 服务器应用程序。 ASP 内嵌于 IIS 中， ASP 程序可以在 Win

13、dows 系列操作系统下运行。ASP 特点： 1.不依赖于浏览器 2.无须编译，容易编写，可在服务器端直接执行 杭州科技职业技术学院毕业设计（论文） 5 3.ASP源程序不会被传到客户端 4.可使用服务器端的脚本来产生客户端的脚本 5.ActiveX 服务器组件可无限扩充 HTML HTML 是指超文本标志语言（ HyperText Marked Language），它构成了 Internet 应用程序的基础。 3. 数据库开发软件 ACCESS 2000 Access 是 Microsoft 公司开发的一个成功的数据库产品。其核心是Microsoft Jet 数据库引擎。 Access 是一

14、个可视化的数据库管理系统，提供了非常实用的向导，很容易用它建立数据库的各种对象，如创建表、查询的报表等。 4. 图像处理工具 Photoshop 7.0 Adobe Photoshop 软件 拥有多种提高图像表现力的工具，包括平面绘画、涂色、添文字、影像旋转、缩放、色彩及亮度调整、添加及变幻影像效果、文件格式转换等等。 Photoshop 6.0 使您尽享无限创作活力、创建有吸引力的 Web 图形、增强摄影效果、自动处理重复任务、获得精准的印刷控制。 5. 其他相关知识 ADO Active X Data Object (ADO)是一种数据访问编程模式，它具有编程简单、功能强大的特点。它可以把

15、大部分数据源可编程的属性直接扩展到Active Server 上，是针对当前 Microsoft 软件所支持的数据进行操作的极其有效的方法。 ODBC ODBC 就像数据库中的通用语言，可以与任何具有相应驱动程序的数据源相连接。因此，通过利用 ODBC，就能够把来自 Access、 SQL Server等 其他关系数据库数据源的数据综合在一起。 杭州科技职业技术学院毕业设计（论文） 6 第三章、设计任务分析 现今飞速发展的网络为公司与带来的便利性举世皆知。更为公司带来广阔的发展空间。宣传，对公司来讲是个不可缺的工具，更是一个无法缺少的纽带，它是连接消费者与服务提供商的桥梁，是业务的来源之力。为

16、了更好的推销本公司，为了更好的让客户了解本公司，更方便的服务客户，且能更方便的与本公司联系，节约时间，及时发挥效应。 更加系统和有效地管理公司业务，方便 客户能够在任何地点、任何时间及时地了解和掌握公司的最新行情；更加系统和有效地管理公司业务，方便客户购物， 实现 客户与公司的相互交流和 预订业务功能 ！ 第四章、详细设计 1.网站前台架构 介绍整个网站前台的基本架构，详细信息如表 1。 海盐家园 网站 首 页 海 盐 概 况 海 盐 动 态 海 盐 特 产 海 盐 风景 态 留言版 后台数据 留言发布 介绍海盐的风景 介绍海盐的特产 海盐新闻 海盐简介 注册登陆 站内搜索 本站公告 广告区

17、海盐动态 海盐风景 摄影作品 友情链接 友情链接新闻管理 留言管理 杭州科技职业技术学院毕业设计（论文） 7 表 1 网站前台架构 2.网站 后 台架构 介绍整个网站后台的基本架构及每部分所包含的信息或功能等，详细信息如表 2。 表 2 网站后台架构 3. 网站功能模块的具体实现 3 1 前台模块 3 1 1首页介绍 （ 1） 图示 信息如图 1 管理员登陆 登 陆 新闻管理 添加新闻 编辑新闻 删除新闻 留言管理 回复留言 删除留言 杭州科技职业技术学院毕业设计（论文） 8 图 1 网站首页 （ 2） 详细信息 首页介绍了整个网站的内容，包括的内容有： 导航条：通过点击能进入其他页面如 海盐

18、 概况 、 海盐动态 、 海盐特产 、 海盐风景 、管理员登陆 、 留言 版 。 用户登 录：注册过的用户输入用户名和密码就能登录网站，可以享受会员待遇。 站内探索：输入的内容出现在 新闻 标题中，则会显示具有相应文字的 新闻 标题。 本站 公告：发布 本站的公告 。 海盐动态 ： 发布海盐近来的新闻 。 海盐风景 ： 发布了海盐的风景点 。 摄影作品 ：发布了 海盐的风景图片 。 友情链接：链接一些相关网站，以方便浏览者浏览。 浏览者可以通过点击“注册”进入注册页面。 注册模块是由 zc.asp、 dl.asp（ 实现的是对输入的有关资料进行有效性验证，杭州科技职业技术学院毕业设计（论文）

19、9 提示用户注册反馈成功或不成功，注册成功后将用户资料存入数据库 ） 两张页面组成 。注册页面如图 2： 图 2 用户注册 表单中需输入的有用户名（ username）、密码 (password)并需要进行验证。 验证用户名、密码是否为空，用户名是否已被注册。这里是用 vbscript 语言编写的，下面是用来判断用户是否已被注册的代码： if name=“ or pw=“ then response.write “注册时应填写“昵称”和“密码”！请重新 注册 “ 若用户名或密码有一个为空，就出错。 strsql=“select * from userinfo where user=“ &nam

20、e&“ if not rs.eof then response.write “此用户已存在！请重新 注册 “ 判断输入的用户名是否已被注册，如果已注册显示“用户名已经存在”否则将用户名写入数据库中。 如果输入的信息不符合上述要求，就会 显示注册失败，并显示出失败的原因。用户可以返回注册页面重新注册。如果输入的信息符合要求，则将信息写入数据库，并返回注册成功及显示出注册的信息。将注册信息写入数据库的代码如下： strsql=“insert into userinfo(user,password) values (“ &name&“,“ &pw&“)“ conn.execute(strsql) rs.close set rs=nothing response.write “注册成功 !“ 3 1 2 其他页面介绍 杭州科技职业技术学院毕业设计（论文） 10 图 3 海盐 概况