网站总体规划设计与具体实现.doc

目目 录录 摘要 I ABSTRACT II 1 绪言 1 1 1 课题背景 1 1 2 课题研究的目的和意义 3 2 开发技术及平台介绍 4 2 1 ASP 介绍 4 2 2 HTML 介绍 6 2 3 脚本语言介绍 6 2 4 IIS 介绍 7 2 5 数据库介绍 9 2 6 DREAMWEAVER 8 介绍 11 3 网站总体规划设计 13 3 1 网站需求分析 13 3 2 网站设计目标 13 3 3 网站结构模块设计 13 3 4 网站主要工作流程 15 4 网站具体实现 16 4 1 配置 IIS 16 4 2 动态数据库设计 17 4 3 数据库连接 19 4 4 登陆注册模块的实现 20 4 5 系统安全模块 24 4 6 客户信息管理模块的实现 24 4 7 企业信息管理模块的实现 34 5 系统发布与测试 40 6 总结与展望 41 致 谢 42 参考文献 43 1 45 1 1 绪言绪言 二十世纪以来 随着个人计算机和Internet的迅猛发展 一个全球互联的商业时 代已经到来 如果说2000年之前工业经济开始代替农业经济 那么今天 知识经济 正在逐步代替工业经济 电子商务作为Internet的一个新的应用领域已开始真正地 走向传统商务活动的各个环节和各个领域 并直接影响和改变着社会经济生活的各 个方面 本章阐述了课题研究的背景 其中介绍了电子商务以及电子商务网站的相 关概念 并说明了建设互联网电子商务网站的目的和意义 1 11 1 课题课题背景背景 电子商务这项技术自诞生以来 就在企业的经营模式 政府的管理模式 人们 的生活方式等方面给人类带来了一次革命 推动了生产力的发展 虽然 和任何新 技术一样 目前它并不能解决电子交易中的所有问题 但从长远来看 电子商务的 重要性不可估量 据专家估计 在未来的5至10年之内 无论公司位于何处 顾客 都能以非常方便 快捷的方式进行购物 同时 所有公司都能够在全球范围内竞争 能够根据它们的竞争对手的情况和来调整自身的销售战略 所以 对于现代企业或 公司来说拥有自己的电子商务网站非常重要 不但能为顾客提供方便 更能拓展自 身的业务范围 提升企业影响力 1 1 11 1 1 电子商务简介电子商务简介 所谓电子商务就是指在电子网络上进行商品买卖和服务交易的过程 实现电子 商务最普遍的媒介是Internet 电子商务有狭义和广义之分 狭义的电子商务也称 作电子交易 E Commerce 主要是指利用Internet开展的交易活动 它仅仅将 Internet上进行的交易活动归属于电子商务 而广义的电子商务也称作电子商业 E Business 是指利用电子技术对整个商业活动实现电子化 如市场分析 客户联系 物资调配等 电子商务的应用可以分为三类 即企业与企业之间 Business to Business B to B 企业内部之间 Intra organization Electronic Commerce 及企业与 客户之间 Business to Customer B to C 电子商务与传统商务活动相比具有许多明显的优点 主要表现在以下几点 1 电子商务大大简化了商品的流通环节 提高了交易效率 电子商务利用快捷 便利的计算机网络作为通讯手段 在更广阔的时空里实现 商品流通信息的咨询 交换 以致直接开展网上贸易 在这里 Internet用一条前 所未有的纽带把全世界的商品供需双方联系在一起 客户在不与商家碰面的情况下 即可完成意向洽谈 看样订货 实际购买和支付贷款的交易全过程 电子商务模式 2 45 的出现 取代了商品流通中大量的中间行为 商品代理制 分销商 层层叠叠的批 发 以及展览会 展销会等都有可能随着电子商务这种新型销售方式的崛起而变得 不再那么重要 2 电子商务是实现跨地区跨国界交易的更有效的途径 利用多媒体及与此相应的软件编程技术 商家能够在网络上构筑销售其产品的 虚拟展厅 以生动逼真的视频图像和动画技术 辅以文字 声音等附加信息 对 产品进行全方位的描述和介绍 使用户或消费者远在万里之遥也同样能感到身临其 境的现场效果 足不出户便可实现消费意愿 在网络构筑的 世界大展厅 里 还能 货币三家 择其所爱 与目前流行的电视直销相比 网络电子商务更具有优越性 3 电子商务可以降低交易成本 获得较高利润 据调查 使用Internet的商家基础设施投资回报率达到21 68 据报道 美 国的银行通过Internet的交易每笔付费只有13美分 而通过文传的交易每笔付费要 26美分 通过电话交易每笔付费是54美分 按照传统方式到银行柜台当面交易每笔 付费最高达1 08美元 4 电子商务可以加强生产者和消费者之间的联系 提高服务质量 降低成本还不是电子商务的主要目的和收获 改善生产者和消费者之间的关系 才是最大的收获 这样才能给生产者带来丰厚的汇报 销售商从繁琐的事务性工作 中解脱出来 主要任务是帮助客户解决问题 另外 客户可以通过网站及时间供应 商反馈产品的质量情况 寻求供应商售后服务的支持 供应商还可以通过网站及时 收集市场反馈信息 满足客户的需求 5 24小时不分时区的商业运作可以增加商业机会 电子商务系统可以使用户得到24小时的信息查询和订货服务 可以使商家进行 24小时的产品宣传和接收订单 方便了用户 提高了效率 同时降低了商家的运营 成本 统计表明 电子商场的利用率为21 04 比传统商店7 5 的利用率高出两 倍 6 电子商务还可增强企业的竞争力 提高企业的社会效益 1 1 21 1 2 电子商务网站简介电子商务网站简介 一个电子商务网站并不像一般的网页那样 只要拥有好看的页面和动态效果就 可以发挥网站的功能 电子商务网站必须具备数据处理的能力和查询与传输的功能 特别是在所要组建的电子商务网站具备公司内部资料汇总功能和向消费者与客户提 供线上订购环境的情况下 Web页面分为两种 静态页面和动态页面 其中 如果对所有的用户请求都返 回同样的页面内容 那么这样的Web页面称为静态页面 静态网页由于内容固定不 3 45 变 一般以HTML文件方式储存 静态页面修改时 只需要使用文本编辑器或 HTML编辑器编辑HTML文件即可 除了静态页面 许多Web页面是依据时间 用 户的输入或参数而动态生成的HTML文档 网页的内容是动态变化的 因此被称为 动态网页 动态网页主要用于数据经常改变 需要用户输入信息等情形 动态网页 技术包括CGI ASP JSP等 显然 电子商务网站有别于普通网站最突出的一点就是 它强调信息的交互 而在这一点上 普通静态网页是无法满足要求的 所以 发展一个电子商务网站 首要的工作除了设计网站的外观以外 对资料的创建和如何让网站内的页面可以与 数据库相结合 也是设计者在设计这个网站时必须重点考虑的内容 电子商务网站更多的把着眼点放在自身的商务功能上 所以其并不追求鲜艳的 色彩及华丽的布局 但在设计的过程中非常注重清晰的逻辑和分明的层次 要做到 信息丰富 及时而不杂乱 功能完备 强大且易操作 讲究设计的人性化 要有利 于客户和企业双方使用 1 21 2 课题研究的目的和意义课题研究的目的和意义 目前人们的生活已越来越离不开互联网 从最初的仅仅从网上单向地获取信息 发展到了在网上聊天 购物等通过互联网与他人交互信息 在过去 人们购买所需 的物品都需要亲自前往商店 除了耗费时间外还往往买不到所需要的 现在相信很 多人都过这样的亲身体验 不再需要走出家门 只需坐在家中电脑前轻点鼠标就能 在网上订购自己需要的 喜欢的物品 因为无论是型号 款式或价钱 网上都一应 俱全 而且没有地域限制 这就是电子商务带给我们的乐趣 所以 电子商务网站 可以说和我们的日常生活联系紧密 有很强的实用价值 所要建设的电子商务网站是一个客户管理系统 能够帮助用户在网上订购自己 需要的商品 并帮助管理员管理客户及产品 通过建立这样一个简易但功能较为全 面的电子商务网站系统 加深对于电子商务的认识 同时掌握网站的工作流程及建 设方法 4 45 2 2 开发技术及平台介绍开发技术及平台介绍 2 12 1 ASPASP介绍介绍 2 1 12 1 1 ASPASP的概念的概念 Active Server Pages ASP 活动服务器页面 是一种服务器端脚本环境 也可称 为一种解决方案 开发者可以混合使用HTML 脚本语言以及组件来创建服务器端 功能强大的Internet Intranet应用程序 ASP直观的 强大的技术正快速替换早期的 微软技术 如Internet Database Connect IDC CGI和ISAPI应用程序 可以说 ASP是CGI程序的加强改进版 它和CGI程序运行的方法一样 直接在服务器端运 行 最后将运算的结果写入HTML文件后送回给浏览者 ASP运行在装有 IIS Internet Information Server 或PWS Personal Web Server 的系统中 2 1 22 1 2 ASPASP的工作原理的工作原理 ASP动态页面处理过程如下 1 当用户从浏览器网址栏中输入所要浏览的Web页面的地址并按下确认后 这个页面请求便通过浏览器送到对应的Web服务器 2 服务器在接到请求后根据其 asp的扩展名判断出用户要浏览的是一个ASP文 件 3 服务器从内存或硬盘上读取相对的ASP文件 4 这个ASP程序被传送给服务器上的asp dll并被编译运行 产生标准HTML文 件 5 产生的HTML文件作为用户请求的响应传回给用户端浏览器并由浏览器解释 运行 浏 览 器 服务器 IIS ASP 嵌 入 式 程 序 数据库 硬盘 内 存 图2 1 ASP动态页面处理过程示意图 以上ASP的处理过程是经过简化的 实际应用中可能还会涉及到诸如FORM消 5 45 息提交 ASP页面的动态产生 数据库操作等一系列复杂的问题 此外 Web服务 器并不是在接到每一个ASP页面请求后都会重新编译该页面 如果某个页面再次接 收和前面完全相同的请求时 服务器会直接去缓冲区中读取编译的结果 而不是重 新运行 2 1 32 1 3 ASPASP的特点的特点 ASP作为当今Web开发的主流技术 选择它的原因主要是由于它具有以下显著 特点 1 ASP技术使用VBScript Jscript等简单易懂的脚本语言 结合HTML代码 即可快速地完成动态的Web应用程序 2 ASP无须编译 编写容易 由服务器的软件解释后直接运行 当执行ASP程 序时 程序脚本将一整套命令发送给脚本解释器 即脚本引擎 由脚本解释器进行 翻译并将其转换成服务器所能执行的命令 3 普通文本编辑器 如Windows的记事本 即可进行程序编辑 4 与浏览器无关 用户端只要使用可执行HTML码的浏览器 即可浏览ASP所 设计的网页内容 ASP所使用的脚本语言 VBScript Jscript 均可在Web服务器端执 行 用户端的浏览器不需要能够执行这些脚本语言 5 ASP能与任何ActiveX scripting语言相容 除了可使用VBScript或Jscript语言 来设计外 还可通过plug in的方式 使用由第三方所提供的其他脚本语言 譬如 Perl PHP等 脚本引擎是处理脚本程序的COM Component Object Model 组件 6 ASP的源程序不会被传到客户浏览器 因而可以避免所写的源程序被他人 剽窃或篡改 提高了程序的安全性 7 可使用服务器端的脚本来生成客户端的脚本对象导向 Object oriented 8 ActiveX Server Components ActiveX服务器组件 具有无限可扩充性 可以使 用Visual Basic Delphi Java Visual C 等各种编程语言来编写所需要的ActiveX Server Component 2 1 42 1 4 典型典型 ASPASP程序程序 一个典型的ASP程序由两部分构成 一部分是HTML置标语言 另一部分就是 嵌入在 中的ASP程序 在设计ASP页面时 可以使用一些 所见即所得 的网页设计软件 比如 Dreamweaver MX等 然后再将编写好的ASP程序嵌入HTML程序中 6 45 2 22 2 HTMLHTML介绍介绍 2 2 12 2 1 HTMLHTML的概念的概念 HTML是Hyper Text Markup Language 超文本标记语言 的缩写 它是构成Web 页面的主要工具 是用来表示网上信息的符号标记语言 HTML将信息按某种规则 写成HTML文件 通过专用的浏览器翻译成可以识别的信息 就是所见到的网页 2 2 22 2 2 HTMLHTML文件的组成文件的组成 HTML文件可由下列3部分组成 1 标记 是HTML的基本元素 HTML文件的大部分都是由字符信息加上一些 标记呈现出来的 2 文字与图形资料 是指要提供给浏览信息的人阅读的内容 3 统一资源定位器URL Uniform Resource Locator 是www上文件的参照格式 浏览者在浏览器的地址处输入URL格式的内容 就可获取所指主机的主页 2 2 32 2 3 HTMLHTML文件的格式文件的格式 一个完整的HTML文档包括head段和body段 其中head段位于body段前 使用 标记表示 主要包括描述HTML文档的标记和文档需要的其他信息 Body段 是HTML文档的主体部分 在此标志对之间可包含 等 众多标志 它们所定义的文本 图像等将会在浏览器的框内显示出来 2 32 3 脚本语言介绍脚本语言介绍 脚本语言是一种应用在Web中的程序语言 它可以使原先静态的网页变成动态 的交互式网页 也就是说 用这种脚本做出一些网页上的特效 可以代替一些以往 的CGI程序成为网页的后台程序 对用户的请求进行接受和处理 目前比较流行的 脚本语言有VBScript和JavaScript等 本网站系统使用的是JavaScript 2 3 12 3 1 JavaScriptJavaScript概念概念 JavaScript的正式官方定义是Netscape公司和Sun公司在推出JavaScript时的联合 声明 JavaScript是一种易于使用的对象描述语言 它是为了创建真正的联机应 用程序而设计的 无论是在客户端还是在服务器端 这种应用程序都可以将对象和 资源连接在一起 HTML主页设计者和企业应用程序开发人员都可以使用JavaScript 动态地描述在用户机上及服务器上运行的对象的行为 嵌入HTML文件中的JavaScript源代码实际上是作为HTML网页的一部分存在的 在用户使用任何一种支持JavaScript的浏览器具有JavaScript源代码的HTML页面时 由浏览器本身对该HTML网页进行分析 识别 解释 并运行用JavaScript编写的源 7 45 代码 2 3 22 3 2 JavaScriptJavaScript的优点的优点 从技术上说 JavaScript是一种解释性的语言 也就是说 并不需要JavaScript 程序进行预先编译而产生可运行的机器代码 相反的是 程序只在运行的时候才由 一个内置于浏览器中的JavaScript解释器将源代码动态地处理成可运行代码 从 Web发布地角度看 JavaScript的这种特性使它比编译性语言更加易于编写和应用 JavaScript为Web页面设计人员提供了极大的灵活性和控制手段 它是一种优 秀的 粘合剂 能够将一个Web节点中的文本 图形 声音和动画等各种媒体形 式捆绑在一起 成为一个紧密结合的信息源 2 3 32 3 3 JavaScriptJavaScript程序的格式程序的格式 JavaScript的脚本包括在HTML中 它成为HTML文档的一部分 与HTML标识 相结合 构成了一个功能强大的Internet网上编程语言 JavaScript使用标 签直接将JavaScript脚本加入文档 在标签中 LANGUAGE属性用来指 定包含在标签中的脚本代码的语言类型 2 42 4 IISIIS介绍介绍 IIS Internet Information Server Internet服务管理器 是微软出品的架设 Web FTP SMTP服务器的一套整合软件 捆绑在Microsoft Windows NT 2000 XP 2003系统中 ASP运行在装有Microsoft的IIS操作系统中 所以创建 ASP应用程序之前 需要安装相关的操作系统和Web服务器 随着操作系统的不同 IIS的版本也不同 比如Win2000 Server上的IIS为5 0版 WinXP上的IIS为5 1版 在添加IIS服务时要求放入操作系统的安装光盘 也可以直接下载相关版本的IIS 在Microsoft Windows XP Professional版中安装IIS 在控制面板的 添加 删除 程序 对话框中选择 添加删除Windows组件 中选择添加IIS服务 如图2 2所示 8 45 图2 2 添加IIS组件服务 安装好IIS后 要对其进行配置以创建本网站系统的开发及发布测试环境 在 开始 菜单的管理工具中选择 Internet信息服务 显示如图2 3所示的界面 图2 3 IIS配置管理器 右击 默认网站 选择 属性 将弹出如图2 4所示的配置窗口 图2 4 默认网站 属性 配置窗口 9 45 如图2 5配置站点主目录 主目录指用来存放站点文件的位置 默认是系统盘 下Inetput wwwroot 也可以选择其他目录作为存放站点文件的位置 单击 浏览 按钮选择路径 还可以赋予访问者一些权限 比如索引资源等 图2 5 站点主目录配置 如图2 6所示配置默认文档 每个网站都会有默认文档 默认文档就是访问者 访问站点时首先要访问的那个文件 一般情况下 开发者把自己的首页定义为 index htm index asp或default asp等 配置时需要制定默认的文档名称和顺序 图2 6 站点默认文档配置 做好配置工作后 需要测试IIS是否能正确运行 最简单的方法是在浏览器地 址栏中输入http localhost或者http 127 0 0 1 两者效果一致 如果出现系统默认页 10 45 面 则代表IIS运行正常 否则需要重新安装或者配置 2 52 5 数据库数据库介绍介绍 2 5 12 5 1 SQLSQL Server2000Server2000 SQL Server2000是Microsoft公司推出的关系型网络数据库管理系统 一般工作 于Microsoft公司的操作系统平台上 如Microsoft Windows 2000 XP 2003 Microsoft SQL Server2000具有分布式数据库和数据仓库功能 支持客户机 服 务器结构 并能够进行分布式事务处理和联机分析处理 它提供了丰富的管理工具 以支持数据的安全性管理 完整性管理和作业管理 其功能主要分为4类 数据库 管理功能 网络连接功能 应用程序开发工具和用户信息存取工具 2 5 22 5 2 SQLSQL语言简介语言简介 SQL Structured Query Language 语言是关系数据库的标准语言 它是在1974年 由Boyce和Chamberlin提出的 并于1975 1979年在IBM公司研制的关系数据库管 理系统原型System R中实现了该语言 由于SQL语言功能丰富 简洁 因而倍受用 户及计算机工业界欢迎 自SQL成为国际标准后 各个数据库厂家纷纷推出各自的 支持SQL的软件或与SQL的接口软件 SQL主要包含以下3类功能 1 数据定义功能 通过DDL Data Definition Language 数据定义语言 实现 用莱定义关系数据库的模式 外模式和内模式 以实现对基本表 视图及索引文件 的定义 修改和删除等操作 即包含Create Drop Alter语句处理 2 数据操纵功能 通过DML Data Manipulation Language 数据操纵语言 实现 包括数据查询和数据更新两种数据操作语句 其中 数据查询指对数据库中的数据 进行查询 统计 分组 排序 检索等操作 数据更新指数据的插入 删除 修改 等数据维护操作 此类命令的关键字包括Select Insert Update Delete 3 数据控制功能 指对数据的安全性和完整性控制 通过DCL Data Control Language 数据控制语言 实现 通过对数据库用户的授权和收权命令来实现有关 数据库的存取操作 其关键字包括Grant Revoke Deny 2 5 32 5 3 访问数据库的方法访问数据库的方法 本网站系统使用ADO访问数据库 ActiveX Data Objects ADO 是Microsoft开发 数据库应用程序的数据库访问新技术 它被设计用来同新的数据访问层OLE DB Provider一起协同工作 以提供通用数据访问 Universal Data Access OLE DB是一 个低层的数据访问接口 用它可以访问各种数据源 包括传统关系型数据库 以及 11 45 电子邮件系统及自定义的商业对象 ADO技术大大简化了OLE DB的操作 因为 ADO封装了OLE DB程序中使用的大量COM接口 所以ADO是一种高层的访问技 术 ADO技术基于通用对象模型 COM 它提供了多种语言的访问技术 同时 由于ADO提供了访问自动化接口 所以ADO可以用描述的脚本语言来访问 VBScript JavaScript等 这也满足了ASP数据库编程的要求 ADO常用对象包括Connection Command RecordSet Error等对象 2 62 6 DreamweaverDreamweaver 8 8介绍介绍 当今全世界使用最广泛的网页编辑程序首推Dreamweaver Dreamweaver以其 美观的操作界面 高度整合的功能面板 体贴的窗口布局及从初探到深造全阶段设 计功能 迅速受到全球网页设计者的青睐 它是一种混合型的工具 即介于完全的 所见即所得工具和纯粹的HTML代码编辑工具两者之间 混合型工具在所见即所得 的工作环境下可以完成主要的工作 同时也能切换到一个文本编辑器 对HTML源 代码进行直接的调整 启动Dreamweaver8 新建或者打开文件后 将进入Dreamweaver8的工作界面 图2 7 Dreamweaver8工作界面 如图2 7所示 文档 窗口显示当前文档 可以选择 代码 拆分 和 设 计 中的任意一项 设计视图 Design View 是一个用于可视化页面布局 可 视化编辑和快速应用程序开发的设计环境 在该视图中 显示文档的完全可编辑的 可视化表示形式 类似于在浏览器中查看页面时看到的内容 可以配置 设计视图 以在处理文档时显示动态内容 代码视图 Code View 是一个用于编写和编辑 12 45 HTML JavaScript 服务器语言代码以及任何其他类型代码的手工编码环境 拆 分视图 Code and Design View 可以在单个窗口中同时看到同一文档的 代码 视图和 设计 视图 文档工具栏中包含许多按钮 使用这些按钮可以在文档的不同视图之间快速切 换 代码 设计 和 拆分 视图 工具栏中还包含一些与查看文档 预览网页 在本地和远程站点之间传输文档以及调试JavaScript代码有关的普通命令和选项 如图2 8所示 图2 8 工具栏 插入 栏包含用于创建和插入对象的按钮 如图2 9所示 图2 9 插入工具栏 下拉菜单里包括 常用 布局 表单 文本等选项 Text 单击一个对象按钮时 代码插入到文档中 在有些情况下 代码会立刻插入 而在另一些情况下 会出现一个标签编辑器或其他对话框 允许在插入代码前指定 进一步的信息 对于有些对象 如果在 设计 视图中插入对象则不会出现对话框 而如果在 代码 视图中插入对象则会出现一个标签编辑器 对于少数对象 在 设计 视图中插入对象会导致在插入对象前切换到 代码 视图 13 45 3 3 网站总体规划设计网站总体规划设计 本网站为网上客户管理系统 本章讲述网站的分析 规划和设计 3 13 1 网站需求分析网站需求分析 通过分析 本网站系统主要需要以下功能 1 可以方便地让各个客户通过网络将自己的信息发布到该信息平台上 2 为各个客户提供一个个人信息管理功能 3 信息的管理者可以快速 方便地浏览和检索各个客户的信息 4 信息管理者可以快速地 方便地通过网络发布自己企业的产品信息 供该 企业的各个客户查阅 5 客户可以根据企业发布的产品信息 发出订单 向该企业发布自己所要采 购的产品信息 3 23 2 网站设计目标网站设计目标 根据网站的需求分析 网站所要实现的目标如下 该系统应有两种权限 一种是客户权限 另一种是管理员权限 用户在登录时 系统能根据其所选择的不同身份进入相应的功能页面 客户拥有的是客户权限 它所要拥有的功能如下 1 能够浏览公司库存的产品信息 并且对每一种产品均可下订单 以及决定 所需的产品数量等 2 通过注册 可以将客户自己的信息发布到该系统上 以方便产品供应商联 系 3 个人信息管理功能 客户可以随时改变自己的信息 如联系方式 地址等 4 订单管理功能 客户可以随时查阅自己所发出的订单信息 也可以随时更 改自己发出的订单信息 公司的信息管理者拥有管理员权限 它所要拥有的功能如下 1 能够及时地发布公司的产品信息 并管理这些信息 包括修改 添加 删 除等操作 2 能够随时了解公司客户的信息 如姓名 联系方式 包括修改 添加 删 除等操作 3 订单管理功能 能够对客户所发出的订单进行及时的反馈 14 45 3 33 3 网站结构模块设计网站结构模块设计 根据对此网站功能 设计目标的分析 本系统结构如图3 1所示 15 45 登录 注册 产品浏览 订单管理 个人信息管理 产品查询 按名称 订购产品 订单查询 按订单名称等 修改订单 删除订单 修改 产品管理 产品查询 按名称 添加产品信息 修改产品信息 删除产品信息 订单查询 按订单名称等 添加订单信息 修改订单信息 删除订单信息 客户信息查询 按姓名等 修改客户信息 订单管理 客户管理 客户 管理员 删除客户信息 图 3 1 网站系统模块结构图 16 45 3 43 4 网站主要工作流程网站主要工作流程 客户管理系统的工作流程如图3 2所示 客户管理系统 登录 index htm 判断用户名等 LoginCheck as p 注册页面 Login asp Registor asp 客户管理页 面 index asp 产品浏览 产品查询 ProductInfo asp 订购产品 Order Add asp 订单管理 订单查询 OrderInfo asp 修改订单 Order Update asp 删除订单 Order Del asp 修改信息 User Update asp个人信息管理 系统管理页面 System Index asp 产品查询 ProductInfo asp 添加产品信息 Product Add asp 修改 Product Update asp 删除产品信息 Product Del asp 产品管理 订单查询 OrderInfo asp 添加订单信息 Order Add asp 修改 Order Update asp 删除订单信息 Order Del asp 客户信息查询 UserInfo asp 修改客户信息 User Detail asp 删除客户信息 User Del asp 订单管理 客户管理 登录 以客户身份 正确登录 以管理员身 份正确登录 图 3 2 网站工作流程图 17 45 4 4 网站具体实现网站具体实现 在对网站进行了总体的规划设计后 本章将具体讲述网站的实现 4 14 1 配置配置IISIIS 在确认开发环境IIS正常的情况下进行网站系统的配置 在IIS的默认目录下 即系统根目录下的Inetpub目录中 有若干个子目录 如ftproot目录 AdminScript目 录 iissamples目录以及wwwroot目录等 其中wwwroot目录是IIS下的默认网站目录 在这个目录下 建立要开发的客户管理网站的系统主目录 取名为 customer manage 打开Internet服务管理器 展开左侧的目录树 在窗口的右侧会出现 customer manage目录 右击 默认Web站点 选择 新建 选项 再选择 虚拟 目录 选项 如图4 1所示 图4 1 新建虚拟目录操作 进行虚拟目录的设置 输入Customer manage作为客户管理系统的别名 并选 择所建立的系统主目录 即customer manage目录 设置访问权限 完成配置后 在 IIS 窗口的左侧目录树中将出现已建立的customer manage虚拟目录 如图4 2 所示 18 45 图4 2 配置结果显示 4 24 2 动态数据库设计动态数据库设计 本系统中 采用微软的Microsoft SQL Server2000作为数据库 Microsoft SQL Server2000是微软为商业用户和企业用户所开发的数据库 相对于其他的数据库 如Oracle MySQL DB2等 Microsoft SQL Server2000数据库具有结构简洁 操作 方便 管理简单 占用内存少 运行速度快等特点 而且它完全适用于一般的商业 和管理系统的开发 在程序设计中 采用标准SQL来操作数据库 数据库的设计在一个系统的开发过程中是至关重要的 系统的所有信息都存放 在数据库中 因此要让各种信息有条理地 有逻辑地存放在一起 就必须要设计出 一个合理的数据库结构 下面介绍本系统的数据库设计 4 2 14 2 1 逻辑结构设计逻辑结构设计 根据系统功能设计的要求以及功能模块的划分 对客户管理网站可以列出以下 数据项和数据结构 1 客户信息表 存放客户信息 数据项包括客户的用户名 姓名 密码 性 别 单位名称 职务 联系方式 E mail 联系地址 2 管理员信息表 存放信息管理员信息 数据项包括管理员的用户名 密码 在该表中首先初始化一个管理员 用户名和密码都为admin 3 订单信息表 存放订单信息 数据项包括订单的名称 所订的产品名称 订货单位名称 订货时间 所订的产品数量 4 产品信息表 存放产品信息 数据项包括产品名称 产品的计量单位 产 品的单价 产品的信息备注 4 2 24 2 2 物理结构设计物理结构设计 根据数据库的逻辑分析 在Microsoft SQL Server2000数据库中打开企业管理器 新建一个数据库 命名为Customer management 在该数据库中按如下的物理结构 来建立相应的数据库表和数据字段 1 客户信息表 在Microsoft SQL Server2000数据库中 新建一个表 取名为User 作为客户信 息表来存放客户信息 物理结构如表4 1所示 表 4 1 客户信息表User 字段名称数据类型及长度说明备注 Idint 4 客户编号主关键字 19 45 Name idvarchar 50 用户名不能为空 True namevarchar 50 用户真实姓名允许为空 Passwordvarchar 50 密码不能为空 Sexchar 10 性别允许为空 Departmentvarchar 50 单位名称允许为空 Dutyvarchar 50 职务允许为空 Telephonevarchar 50 联系电话允许为空 E mailvarchar 50 电子邮件允许为空 Addressvarchar 50 联系地址允许为空 2 管理员信息表 在Microsoft SQL Server2000数据库中 新建一个表 取名为Admin 作为管理 员信息表来存放管理员信息 物理结构如表4 2所示 表 4 2 管理员信息表Admin 字段名称数据类型及长度说明备注 Idint 4 管理员编号主关键字 Namevarchar 50 用户名 管理员 不能为空 Passwordvarchar 50 密码 管理员 不能为空 3 订单信息表 在Microsoft SQL Server2000数据库中 新建一个表 取名为Order 作为订单 信息表来存放订单信息 物理结构如表4 3所示 表 4 3 订单信息表Order 字段名称数据类型及长度说明备注 Idint 4 订单编号主关键字 Order namevarchar 50 订单名称允许为空 Order productvarchar 50 订购产品允许为空 Order departmentvarchar 50 订购单位允许为空 Order timevarchar 50 订购时间允许为空 Order numbervarchar 50 订购数量允许为空 Order personvarchar 50 订购者允许为空 4 产品信息表 在Microsoft SQL Server2000数据库中 新建一个表 取名为Product 作为产 品信息表来存放产品信息 物理结构如表4 4所示 表 4 4 产品信息表Product 20 45 字段名称数据类型及长度说明备注 Idint 4 产品编号主关键字 Product namevarchar 50 产品名称允许为空 Product typevarchar 50 产品计量单位允许为空 Product moneynvarchar 50 产品价格允许为空 Product infonvarchar 50 产品信息允许为空 4 34 3 数据库连接数据库连接 目前 在ASP下连接Microsoft SQL Server2000数据库的方式有两种 一种是采 用ODBC数据源 即开放数据库连接 ODBC Open DataBase Connection 另一种 则是采用ASP中的ADO对象进行连接 ODBC数据源方式的最大好处是应用程序的 开发系统可以不需要与数据库属于同样的系统 这也就意味着只要学会了一种能与 ODBC交互的语言 即可操作所有ODBC所支持的数据库 只需要把对数据的处理 要求传给ODBC 然后让ODBC与数据库进行交互即可 但是 在移植系统时 ODBC却显得非常不方便 不仅要修改系统的代码 还要修改服务器上的计算机属 性 综上所述 本系统中 采用第二种方法 即ADO对象 来操作数据库 采用ADO对象来操作数据库 在Microsoft SQL Server2000数据库建立了相应 的数据库和数据表后 就不需要进行其他的设置了 将与数据库的连接写成代码 交给IIS处理即可 本系统中与数据库相关的操作都放在一个目录下 把该目录命 名为Data目录 并将它放在网站系统的主目录customer manage下 本系统的数据 库连接代码文件命名为Data connect asp 当系统的功能页面需要对数据库进行操 作时只需要在文件头部添加代码 这样就包含了实现数据库连接的文件 代码具体如下 4 44 4 登陆注册模块的实现登陆注册模块的实现 本网站系统是一个典型的应用系统 并不是所有人都能够任意使用 只有企业 和企业的客户能够使用它 所以就必须要为系统使用者提供一个登陆系统的入口 要求系统使用者输入相应的用户名和密码 根据需求分析 分配出两种权限 客 户权限和管理员权限 本系统的登录页面也是网站的首页 文件名为index htm 放在主目录customer manage下 其页面如图4 3所示 图4 3 网站系统登录页面 在该登录页面中设定了两种登录角色 即两种权限 用户在输入自己的用户名 和密码之后 在 登录角色 下拉列表中选择 客户 单击 登录 按钮后 即 进入客户权限的系统页面 相应地 系统信息管理人员在下拉列表中选择 管理员 单击 登录 按钮后 即进入管理员权限的系统页面 4 4 14 4 1 登录注册页面外观设计登录注册页面外观设计 登录注册页面 也即本网站系统的首页 如图4 3所示 下面简要介绍使用 Dreamweaver8制作首页外观的过程 22 45 Dreamweaver8为用户提供了对Web页进行布局的多种不同方法 本网站首页使 用表格布局模式进行布局 表格是用于在网页上显示表格式数据以及对文本和图像 进行布局的强有力的工具 在创建表格之后 就可以方便地修改其外观和结构 可 以在表格中添加内容 也可以添加 删除 拆分以及合并行和列 修改表格 行或 单元格属性 系统首页由两个表格构成 第一个表格 行列数均为一 其中放置了一张背景 图片 并通过插入一个 Div标签 对象 创建一个文本区域 注明了网站的主题 即该网页的上半部分 第二个表格 具有5行2列 通过向表格的单元格中插入Div 标签注明 用户名 密码 等填写说明 向单元格中插入 文本字段 并通过 设置其属性明确其收集的是何种类型的信息 向单元格中插入 列表 菜单 对象 并初始化其列表值为 客户 和 管理员 供用户选定身份 还要添加三个 按钮 对象 其值分别为 注册 登录 重置 相应的动作分别为 无 提交表 单 和 重设表单 最重要的一点就是第二个表格的所有内容都必须置于一个 表单 对象 Form 下 使用表单可以与站点的访问者进行交互和从用户那里收集信息 表单从用户那 里收集信息后 将这些信息提交给服务器进行处理 当访问者将信息输入Web站点 表单并单击提交按钮时 这些信息将被发送到服务器 服务器端脚本或应用程序在 该处对这些信息进行处理 服务器通过将请求信息发送回用户 或基于该表单内容 执行一些操作来进行响应 通常 通过JSP或ASP等来处理信息 对该 表单 对 象进行设置 将其命名为user name 以后就可以使用脚本语言应用或控制该表单 在属性检查器的 动作 Action 域中 指定到处理该表单的动态页或脚本的路径 此处指定为Login LoginCheck asp 在 方法 Method 弹出式菜单中 选择将表单 数据传输到服务器的方式 此处选择POST 在HTTP请求中嵌入表单数据 注册页面的设计思想与登录页面一致 重点在于使用表格布局 使用表单收集 信息 4 4 24 4 2 功能页面设计功能页面设计 在系统的首页中 按下相应的按钮 会跳转到相应的页面或执行相应的功能 与首页相关的功能页面都放在customer manage Login文件夹下 下面讲述相关功能 页面的设计 1 当用户按下 登录 按钮后 该页面的表单信息将被提交到 LoginCheck asp进行验证和相应的权限分配 LoginCheck asp利用ASP中的Request 对象来获取用户信息之后 首先通过if语句判断用户填写的帐号是否符合要求 例如 登录帐号不得为空等 并通过asp的Response对象的write方法给出相应反馈信息 23 45 如果用户在填写上不存在问题 那么将判断用户名和密码的正确性 通过if语句来 区别用户的身份 客户或管理员 然后通过查找客户信息表或管理员信息表来核对 用户名和密码信息 以客户身份为例 关键代码如下 set recCheckUser server CreateObject ADODB recordset if role 客 户 then strSQL select from user where name id window history go 1 end if 如果用户输入的用户名和密码正确 系统将转到相应的管理页面 客户信息管 理界面或管理员信息管理界面 若不正确 系统给出错误提示 如图4 4 图4 5所 示 并返回登录页面 其中 利用ASP中的Server对象的CreateObject方法创建已注 册到服务器上的ActiveX组件 值得注意的是 在使用CreateObject创建ActiveX组 件时 关键字Set一定不能丢 否则在使用所定义的对象时会发生错误 并且这种 错误在用CreateObject创建组件时并不能被发现 只有在第一次调用该组件时系统 才报错 并且无详细的错误描述 当所创建的对象不再需要的时候 应当释放其所 占有的系统资源 通常使用Nothing来消除实例对象 另外 特别注意的是 由于 涉及到对数据库的操作 所以要在文件的顶部包含数据库连接的文件 24 45 图4 4 登录帐号为空的提示框 图4 5 帐号或密码错误提示框 2 当用户按下 注册 按钮后 系统跳转至注册页面 如图4 6所示 图4 6 新用户注册页面 当用户填写完注册信息后 若不满意则点击 重新填写 按钮 这时将重设表 单 若确认没有问题则点击 现在注册 按钮 这时login asp将首先验证用户所填 写的各项信息是否符合要求 例如密码是否小于6位 若符合要求则将该页面的表 单信息提交给registor asp进行用户注册数据的添加操作 registor asp取得表单中的 每一项数据并将它添加到数据库中 关键在于建立recordset对象集 使用addnew方 法和update方法更新数据库 其中 addnew方法用于增加一条空记录 update方法 用于保存当前记录的任何变动 以 密码 这一项为例进行说明 password request password set rs server CreateObject adodb recordset sql select from User rs open sql conn 1 3 rs addnew rs password password rs update rs close response Write 你已经注册成功 将用户填写的信息依次写入数据库的用户信息表 User 后 给出反馈信息如图 4 7所示 25 45 图4 7 注册成功说明 3 如果用户按下 重置 按钮 登录页面将被刷新 等待用户重新输入信息 4 54 5 系统安全模块系统安全模块 系统的安全问题是一个不容忽视的问题 从登录注册模块可知 用户在登录验 证时 当用户输入了正确的用户名和密码之后 系统将视该用户为系统的合法用户 为了防止一些非法用户通过在IE浏览器地址栏内输入系统文件的URL地址来非法进 入系统 所以在用户通过验证时 将用户的用户名赋在Session User 之中 编 辑一个身份验证页面 在运行各个页面的程序之前都要运行这个页面来进行身份验 证 以此来防止非法用户闯入系统 在本网站系统内建立一个Session asp页面 把 它放在customer manage Session文件夹下 其代码如下 其中 Redirect方法使浏览器尝试链接到其他的URL 此处即返回登录首页 4 64 6 客户信息管理模块的实现客户信息管理模块的实现 当用户登录时选择的是客户的身份 并且成功通过了用户名和密码的验证 则 进入到客户权限的系统主页面 如图4 8所示 26 45 图 4 8 客户管理主页面 与客户管理相关的功能都整合在此页面中 用户通过点击左边导航区的相关栏 目 可以浏览产品信息 进行个人的订单管理和个人信息的管理 该模块相关的所 有代码都放在customer manage Customer文件夹下 4 6 14 6 1 客户管理模块主页面外观设计客户管理模块主页面外观设计 该主页