电气系数字化教学网站系统毕业设计论文.doc

《电气系数字化教学网站系统毕业设计论文.doc》由会员分享，可在线阅读，更多相关《电气系数字化教学网站系统毕业设计论文.doc（27页珍藏版）》请在三一办公上搜索。

1、 编号 毕业论文题 目电气系数字化教学网站系统学生姓名学 号系 部计算机科学与工程系专 业网络工程技术班 级指导教师【姓名】 【专业技术职务】顾问教师【姓名】 【专业技术职务】二一年十月摘 要 如今，在信息化的浪潮中，如何利用先进的计算机技术、网络技术、多媒体技术，实现校园网络化、资源数字化、管理科学化，快速建设教育信息化，已成为高校未来发展的重点方向。教育信息化程度的高低，已成为衡量高校办学水平的一个重要指标。为此，许多学校也开始专门划拨经费来建立数字教学资源共享平台。利用数字化教学平台和数字化资源，在教师、学生之间开展协商讨论、合作学习，并通过对资源的收集利用、探究知识、发现知识、创造知识

2、以及展示知识的方式进行学习。为了让管理者更加方便管理并能和学生彼此间更好的交流，我选择了数字化教学系统这一课题作为研究对象。希望能通过它解决传统教学模式所面临的问题，能够关注学习者本身，发掘学习者自身的潜能和创新力，让教育社会化、网络化，从学校学习到终身学习，从教师主导到学生互动。本文中所做的主要工作如下：（1）介绍了个性化页面的背景及PHP系统的一般原理；（2）介绍数据库开发已经连接、存储、显示、查询等功能；（3）设计实现用户注册/登录、查询、购买；管理员对网站的系统管理；（4）建立完整的实验网站，进行测试并分析结果。全文共分五部分，第一部分主要是网站系统分析；第二部分主要是系统需求功能分析

3、；第三部分主要是网站数据库设计；第四部分主要是界面设计与系统实现；第五部分进一步得出结论并提出具有现实意义的意见和建议。关键词：数字化教学系统 php 动态网站 目录：第一章 概述21.1本课题的现状与发展趋势21.2对研究课题的启发21.3对研究课题的可行性分析21.3.1经济可行性错误！未定义书签。1.3.2技术可行性错误！未定义书签。1.3.3操作可行性错误！未定义书签。1.3.4 计划可行性错误！未定义书签。第二章 程序开发的技术52.1 HTML语言错误！未定义书签。2.2 JAVASCRIPT语言错误！未定义书签。2.3 ASP技术52.3.1 ASP概述52.3.2 ASP特点5

4、2.3.3 ASP工作原理52.3.4 ASP的发布52.4 数据库原理62.5 浏览器/服务器(Browser/Server)体系结构7第三章 系统需求功能分析83.1、需求分析83.1.1 系统需求83.1.2 功能需求83.1.3 性能需求83.2 平台功能模块的设计93.2.1系统设计的总体规则93.2.2 系统流程分析10第四章 网站数据库设计124.1 网站数据库需求分析124.2 数据库逻辑结构设计15第五章 界面设计与实现175.1 连接方式175.2 前台显示与会员管理175.2.1 主界面设计与实现175.2.2 登陆页面设计与实现195.2.3 会员个人管理设计与实现21

5、5.2.4 购物车设计与实现215.2.5 订单生成设计与实现255.2.6 其它设计与实现255.3 后台设计与实现265.3.1 登陆界面设计265.3.2 后台管理主界面设计与实现275.3.3 网站设置设置实现285.3.4 商品管理设计与实现325.3.5 人员管理设计与实现345.3.6 其它管理设计与实现355.3.7 其它设计与实现355.4 查询功能的实现36第六章 结束语38致谢词39第一章 引言1.1项目开发的背景近年来，随着计算机技术的发展和互联网时代的到来，我们已经进入了信息时代，也有人称为数字化时代，在这数字化的时代里，学校的教学管理都受到了极大的挑战。Intern

6、et技术持续迅猛的发展，也给传统的办学提出了新的模式。通过设计和建设网络拓扑架构、网络安全系统、数据库基础结构、信息共享与管理、信息的发布与管理，从而方便管理者、老师和学生间信息发布、信息交流和信息共享。以现代计算技术、网络技术为基础的数字化教学主要是朝着信息化、网络化、现代化的目标迈进。作为新型的办学模式，它们具有对于教育、教学过程来说极为宝贵的特性，可以为新型办学模式的建构提供理想的环境。在此开发的大学信息学院管理信息系统，旨在探索一种以互联网为基础的办学模式。通过这种新的模式，为信息学院营造一种新的办学环境，使管理突破时空限制，扩大教学规模，提高工作效率和办学水平，使学校管理者、教师和学

7、生可以在任何时候、任何地点通过网络进行学习与交流。基于这些优点，信息学院委托计算机系统研究所以及计算机软件与理论研究所共同开发“大学信息学院管理信息系统”。1.2项目开发的目的为了适应信息时代发展，提高考试工作效率和办学水平，实现现代化大学的运行机制和高水平的管理，体现大学计算机学院自己的特色，使数字化学院建设成为一流信息学院建设的重要组成部分。用“数字化校园”的整体概念来统一规划、组织和建设学院的办公自动化系统、数字化教学系统、网站系统、图书资料管理系统和数字化校园体验系统。在这个概念下，统一设计和建设网络拓扑架构、网络安全系统、数据库基础结构、信息共享与管理、信息的发布与管理等。1.3项目

8、开发的目标(1) 升级、改造学院现有的办公自动化系统，完善学院网站建设，实现办公自动化结构的网络化，进一步提高学院的办公效率、工作水平，朝着信息化、网络化、现代化目标迈进。(2) 建立学院数字化教学系统，进一步提高办学效益和现代化教学水平。(3) 校园体验子系统，使整个机构完全实现信息化、自动化、网络化。(4) 建立Intranet系统，方便学院内部的信息发布、信息交流和信息共享。1.4项目提出的意义“数字化学院”指学校在开展教学、科研、管理及对外联系工作中运用网络实现学院办学的数字化、信息化、智能化。从设计上说，数字化能够提高教务人员、管理人员和学生进行工作、学习和交流的有效性。使用“数字化

9、”技术，可以改善各层面的信息传递与相互了解。与Internet集成在一起的数字化管理解决方案将会使教师与学生更紧密联接成一个综合的教育环境，因而可以更好的提高教学质量。数字化管理的应用软件将在解决学院内部管理与工作时，提供一个最佳实践具体化，并促进最佳的管理与教学实践的实行框架；连接Internet的校园局域网提供的是更广泛的信息来源，使所有相关人员真正体会到数字化教育技术的崭新面貌。1.5可行性分析可行性分析（Feasibility Analysis）也称为可行性研究，是在系统调查的基础上，针对新系统的开发是否具备必要性和可能性，对新系统的开发从技术、经济、社会的方面进行分析和研究，以避免投

10、资失误，保证新系统的开发成功。可行性研究的目的就是用最小的代价在尽可能短的时间内确定问题是否能够解决。该系统的可行性分析包括以下几个方面的内容。(1) 经济可行性：主要是对项目的经济效益进行评价，本系统开发经费对于本单位在经济上是可以接受的，并且本系统实施后可以显著提高工作效率，有助于学院完全实现信息化管理。所以本系统在经济上是可行的。(2) 技术上的可行性：技术上的可行性分析主要分析技术条件能否顺利完成开发工作，硬、软件能否满足开发者的需要等。该管理系统采用了当前新兴的Browser/Server模式进行开发。三层的Browser/Server体系结构具有许多传统Client/Server体

11、系结构不具备的优点，而且又紧密的结合了Internet/Intranet技术，是技术发展的大势所趋，它把应用系统带入了一个崭新的发展时代。数据库服务器选用IBM的DB2数据库，它能够处理大量数据，同时保持数据的完整性并提供许多高级管理功能。它的灵活性、安全性和易用性为数据库编程提供了良好的条件。因此，系统的软件开发平台已成熟可行。硬件方面，科技飞速发展的今天，硬件更新的速度越来越快，容量越来越大，可靠性越来越高，价格越来越低，其硬件平台完全能满足此系统的需要。(3) 时机可行性：目前，大学的校园网路覆盖了教学区和学生区的主要建筑物及部分家属宿舍，从而满足校内各学院，各职能部门，各直属单位上网需

12、求。学校良好的网络设施为信息学院开发数字化学院提供了坚实的基础。(4) 管理上的可行性：主要是管理人员是否支持，现有的管理制度和方法是否科学，规章制度是否齐全，原始数据是否正确等。规章制度和管理方法为系统的建设提供了制度保障。 综上所述，此系统开发目标已明确，在技术和经济等方面都可行，并且投入少、见效快。因此系统的开发是完全可行的。第二章 程序开发的技术2.1 PHP语言2.3.1 PHP概述PHP（Hypertext Preprocessor英文超级文本预处理语言）是一种HTML内嵌式的语言，PHP与微软的ASP颇有几分相似，都是一种在服务器端执行的嵌入HTML文档的脚本语言，语言的风格有类

13、似于C语言，现在被很多的网站编程人员广泛的运用。PHP 独特的语法混合了 C、Java、Perl 以及 PHP 自创新的语法。它可以比 CGI 或者 Perl 更快速的执行动态网页。用PHP做出的动态页面与其他的编程语言相比，PHP是将程序嵌入到HTML文档中去执行，执行效率比完全生成HTML标记的CGI要高许多；与同样是嵌入HTML文档的脚本语言JavaScript相比，PHP在服务器端执行，充分利用了服务器的性能；PHP执行引擎还会将用户经常访问的PHP程序驻留在内存中，其他用户在一次访问这个程序时就不需要重新编译程序了，只要直接执行内存中的代码就可以了，这也是PHP高效率的体现之一。PH

14、P具有非常强大的功能，所有的CGI或者JavaScript的功能PHP都能实现，而且支持几乎所有流行的数据库以及操作系统。 2.3.2 PHP特点开放的源代码：所有的PHP源代码事实上都可以得到,PHP是免费的。 基于服务器端：由于PHP是运行在服务器端的脚本,可以运行在UNIX、LINUX、WINDOWS下。 嵌入HTML：因为PHP可以嵌入HTML语言，所以学习起来并不困难。 简单的语言：PHP坚持脚本语言为主，与Java以C+不同。 效率高：PHP消耗相当少的系统资源。 图像处理：用PHP动态创建图像 2.3.3 PHP工作原理PHP的所有应用程序都是通过WEB服务器(如IIS或Apac

15、he)和PHP引擎程序解释执行完成的，工作过程： (1)当用户在浏览器地址中输入要访问的PHP页面文件名，然后回车就会触发这个PHP请求，并将请求传送化支持PHP的WEB服务器。 (2)WEB服务器接受这个请求，并根据其后缀进行判断如果是一个PHP请求，WEB服务器从硬盘或内存中取出用户要访问的PHP应用程序，并将其发送给PHP引擎程序。(3)PHP引擎程序将会对WEB服务器传送过来的文件从头到尾进行扫描并根据命令从后台读取，处理数据，并动态地生成相应的HTML页面。(4)PHP引擎将生成HTML页面返回给WEB服务器。WEB服务器再将HTML页面返回给客户端浏览器。2.4 数据库原理SQL(

16、Structured Query Language，结构化查询语言)语言是管理和操纵关系数据库的基本手段。它是1974年由Boyce和Chamberlin提出的，并在IBM的关系数据库原型SystemR上实现。由于SQL使用方便、功能丰富、语言简洁易学，很快得到了推广和应用。例如关系数据库产品DB2、Oracle、Sybase等实现了SQL语言。同时，数据库产品厂家纷纷推出了各自支持SQL的软件或者与SQL接口的软件。这样SQL语言很快被整个计算机界认可。1986年10月美国国家标准协会(ANSI)颁布了SQL语言的美国标准。1987年6月国际标准组织(ISO)将其作为国际标准。后经修订，在1

17、989年4月颁布了增强了完整性特征的SQL89版本，这就是目前所说的SQL标准。目前许多工具软件能够使用户不必学习SQL而通过提供的界面就能完成数据库管理和开发工作，但是许多事情仍需用户直接使用SQL语言才能实现。同时许多有经验的开发人员喜欢直接构造SQL语言来完成所需要的复杂的数据库操作。server 2000简介SQL Server 是一个关系数据库管理系统。它最初是由Microsoft Sybase 和Ashton-Tate三家公司共同开发的，于1988 年推出了第一个OS/2 版本。在Windows NT 推出后，Microsoft与Sybase 在SQL Server 的开发上就分道

18、扬镳了。Microsoft 将SQL Server 移植到Windows NT系统上，专注于开发推广SQL Server 的Windows NT 版本。Sybase 则较专注于SQL Server在UNIX 操作系统上的应用。SQL Server 2000， 是Microsoft 公司推出的SQL Server 数据库管理系统的新版本。该版本继承了SQL Server 7.0 版本的优点，同时又比它增加了许多更先进的功能，具有使用方便、可伸缩性好、与相关软件集成程度高等优点。可跨越从运行Microsoft Windows 98 的膝上型电脑，到运行Microsoft Windows 2000

19、的大型多处理器的服务器等多种平台使用。2.5 浏览器/服务器(Browser/Server)体系结构浏览器/服务器(Browser/Server)模式构成的三层网络结构，使前端具有统一标准的浏览器用户界面，服务器端集中了大部分应用软件的开发管理，并且系统开发可以使用任何脚本语言(如Perl,JavaScript,VbScript等)，后端可以存取任何数据库，其B/S模式的一般结构如下图1.2.1所示：图2.5.1 B/S模式结构图在三层结构中，Web服务器起着核心的作用。服务器主要通过运行网络操作系统、网络应用程序并通过网络接口来实现其功能。实现Web的交互，需要在服务器的操作系统上运行Web

20、站点服务程序，例如，Website,IIS，PWS等。第三章 电气系数字化教学系统的分析与设计3.1网站设计制作的基本流程3.1.1 前期的策划和内容组织虽然每个Web站点在内容、规模、功能等方面都各有不同，但是有一个基本设计流程可以遵循。从国内的大的门户站点如搜狐、新浪到一个微不足道的个人主页，都要以基本相同的步骤来完成。首先是前期策划，然后是定义站点结构，再创建界面，接下来是技术实现，最后是站点的发布与维护。这几个阶段完整地结合在一起，直到完成整个站点的工作，如图3-1所示。Web策划评审设计效果图评审页面制作测试YNYNYN需求分析评审总体设计评审数据库设计评审YNYNYN测试实现功能模

21、块代码整合N测试发布YNY图3-1 网站的制作流程3.1.2 网站需求分析要进行网站的整体设计，用户分析是第一步。众所周知，进行任务和用户分析，以及相关调研的必要性和重要性。用户是计算机资源、软件界面信息的使用者，由于目前计算机系统以及相关的信息技术应用范围很广，其用户范围也遍及各个领域。设计者必须了解各类用户的习惯、技能、知识和经验，以便预测不同类别的用户对网站界面有什么不同的需求与反映，为最终的设计提供依据和参考，使设计出的网站更适合于各类用户的使用。由于用户具有知识、视听能力、智能、记忆能力、可学习性、动机、受训练程度不同，以及又有些用户有易遗忘、易出错等特性，使得对用户的分类、分析和设

22、计变得更加复杂化。另外，为了设计友好而又人性化的界面，也必须考虑各类不同类型用户的人文因素。许多人不愿花费时间来完成这个阶段，因为认为他们没有必要，但是必须把初始计划加入工作过程中，否则到最后当进行到已经无法再做计划的时候，就要遇到巨大的麻烦。在一开始就进行合适的计划和组织是建立一个有效的站点最重要的工作步骤，如图3-2所示的是制作网站前期的基本流程。站点定义客户调查创意团队计划预算定义站点目标制作者设计师程序员图3-2 基本流程3.1.3 网站内容组织1.规划草图对于一般的网站来说，一个项目往往从一个简单的界面开始，但要把所有的东西组织到一起并不是件容易的事情。首先，要先画一个站点的草图，勾

23、画出所有客户想要看到的东西。如图3-3所示的是本网站的草图。版权信息导航栏Logo标志内容栏目Flash动画图3-3 网站草图2.规划页面结构有了设计者的草图之后，就可以策划制作出网站页面的结构图，如下所示的结构图是根据设计的草图设计的中文版网站的初始结构图，如图3-4所示。Logo标志首页导航导航导航导航导航导航导航导航Flash动画公告通知课程介绍网站动态电机与电气控制快捷菜单PLC技术传感器与检测应用友情链接变频器系统与维护访问量自动控制系统服务交流版权信息图3-4 网站结构图3.2网站页面色彩的搭配众人皆爱美，网页设计也是如此，悦目则喜之，不悦则厌之。网页做的好，色彩、配色是非常关键的

24、元素，网页的布局与版式也是非常重要的。下面主要介绍网页设计中用到的一些相关设计理论。3.2.1色彩的基本理论1、RGB颜色网页颜色主要有3种基本颜色组成的，他们是红（Red）、绿（Green）、蓝（Blue），其他的颜色是由这3种颜色调和而成的。例如，黄=红+绿，紫色=红+蓝，白色=红+绿+蓝用3个十六进制数来表示红、绿、蓝3种颜色的含量，组成一个6位的十六进制数，就是RGB颜色。例如，红色为FF0000，绿色为00FF00，黄色为FFFF00，白色为FFFFFF。颜色的三要素色相：即是颜色的相貌称谓，如红色、橙色、黄色、绿色等。纯度：也称饱和度。彩度，是指颜色的鲜艳程度，即颜色的色素含量。如

25、果纯度高，则色彩艳丽，否则颜色淡灰。正红色、正黄色、正蓝色等都是纯度极高的颜色，而灰色则是纯度最低的颜色。明度：也称亮度，是颜色的明暗程度，是各色相中白色的含量。白色是明度最高的色调，白色的明度为100%，黑色的明度为0%。颜色代表的含义红色是一种对视觉器官产生强烈刺激的颜色，在视觉上容易引起注意，在心理上容易引起情绪高昂，能使人产生冲动，愤怒，热情，活力的感觉。红色的具体表现是：火、血、心、苹果、夕阳、婚礼、春节等。红色的抽象表现是：热烈、喜庆、危险、革命、女性等。橙色橙色也是一种对视觉器官产生强烈刺激的一种颜色，由红色褐黄色组成，比红色多些明亮的感觉，容易引起注意。橙色的具体表现是：橙子、

26、柿子、桔子、橘子、秋叶、砖头、面包等。橙色的抽象表现是：快乐、温情、积极、活力、欢欣，热烈，温馨，时尚、食欲等。黄色黄色也是一种对视觉产生明显刺激的颜色，容易引起注意。黄色的具体表现是：香蕉、柠檬、黄金、蛋黄、帝王等。黄色的抽象表现是：光明、快乐、豪华、注意、活力、色情、快乐，希望，智慧等。绿色绿色是对视觉器官的温和，所以一般人都知道眼睛疲劳的时候，看着绿色有调节和恢复的作用，介于冷暖两中色彩的中间，显得和睦，宁静，健康，安全的感觉。 它和金黄，淡白搭配，可以产生优雅，舒适的气氛。绿色的具体表现是：草、植物、竹子、森林、公园、地球、安全信号等。绿色的抽象表现是：新鲜、春天、有生命力、和平、安全

27、、年轻、清爽、环保。蓝色蓝色是对视觉器官的刺激较弱，在光线不足的情况下不易辨认，具有缓和情绪的作用。所以情绪的波动时，看着蓝天和海洋，可以让人心情平静，它和白色混合，能体现柔顺，淡雅，浪漫的气氛。蓝色的具体表现是：水、海洋、天空、游泳。蓝色的抽象表现是：稳重、理智、高科技、清爽、凉快、自由等。紫色紫色由蓝色和红色组成，对视觉器官的刺激正好综合强弱，形成中性色彩。紫色的具体表现是：葡萄、茄子、紫菜、紫罗兰、紫丁香等。紫色的抽象表现是：神秘、优雅、女性化、浪漫、忧郁等。褐色褐色是橙色中加入了一定比例的蓝色或黑色所形成的暗色，对视觉器官刺激较弱。褐色的具体表现是：麻布、树干、木材、皮革、咖啡、茶叶等

28、。褐色的抽象表现是：原始、古老、古典、稳重、男性化等。白色白色的自然日光是由多种有色光组成的，白色是光明的颜色。白色的具体表现是：光，白天、白云、雪、兔子、棉花、护士、新娘等。白色的抽象表现是：纯洁、干净、善良、空白、光明、寒冷等。黑色黑色对视觉器官的刺激最弱。黑色的具体表现是：夜晚、头发、木炭、墨、煤等。黑色的抽象表现是：罪恶、污点、黑暗、恐怖、神秘、稳重、科技、高贵、不安全、深沉，神秘，寂静，悲哀，压抑等。灰色灰色是白色与黑色的组成，对视觉器官刺激微弱。灰色的具体表现是：金属、水泥、砂石、阴天、乌云、老鼠等。灰色的抽象表现是：柔和、科技、年老、沉闷、暗淡、空虚、中性、缺乏生命力、中庸、平凡

29、、温和、谦让、中立和高雅的感觉。2、网页色彩搭配的原理色彩的鲜明性。网页的色彩要鲜艳，容易引人注目。色彩的独特性。要有与众不同的色彩，使得大家对你的印象强烈。色彩的合适性。就是说色彩和你表达的内容气氛相适合。如用粉色体现女性站点的柔性。 色彩的联想性。不同色彩会产生不同的联想，蓝色想到天空，黑色想到黑夜，红色想到喜事等，选择色彩要和网页的内涵相关联。3、网页色彩掌握的过程随着网页制作经验的积累，用色有这样的一个趋势:单色五彩缤纷标准色单色。一开始因为技术和知识缺乏，只能制作出简单的网页，色彩单一；在有一定基础和材料后，希望制作一个漂亮的网页，将自己收集的最好的图片，最满意色彩堆砌在页面上；但是

30、时间一长，却发现色彩杂乱，没有个性和风格；第三次重新定位自己的网站，选择好切合自己的色彩，推出的站点往往比较成功；当最后设计理念和技术达到顶峰时，则又返朴归真，用单一色彩甚至非彩色就可以设计出简洁精美的站点。4、网页色彩搭配的技巧用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，(通俗的讲些就是将色彩变淡或则加深)，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。用两种色彩。先选定一种色彩，然后选择它的补色，这样整个页面色彩格调清晰。用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。用黑色和一种彩色。比如大红的字体配黑色的边框感觉很跳

31、。在网页配色中，忌讳的是：不要将所有颜色都用到，尽量控制在三种色彩以内。背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。3.2.2 本站色彩搭配绿色是对视觉器官的温和，所以一般人都知道眼睛疲劳的时候，看着绿色有调节和恢复的作用，介于冷暖两中色彩的中间，显得和睦，宁静，健康，安全的感觉。 它和蓝色，淡白搭配，可以产生优雅，舒适，清爽的气氛。绿色的具体表现是：草、植物、竹子、森林、公园、地球、安全信号等。绿色的抽象表现是：新鲜、春天、有生命力、和平、安全、年轻、清爽、环保。一般网站多用白色配蓝色系或绿色系，设计以白色为主，蓝色系或绿色系的明度应较高。因为蓝色具有

32、清凉、自由的感觉，使人们容易联想到天空、海洋；而绿色具有新鲜、清爽的感觉，容易联想到大自然、春天；和白色搭配，就会感觉清新、爽快。由于本网站是教育机构，所以本网站采用绿色为主色，和蓝色、白色搭配，营造一种清新爽朗、朝气蓬勃、和谐的气氛。第四章 界面设计与实现4.1 连接方式本系统采用ADO连接方式，通过ADO把数据库与界面连接起来，把数据库的内显示于主界面，主界面的信息保存与数据库中，实现数据间的传递与存储。本系统中把该方法单独放入到conn.asp中,因为驱动要重复使用，为了方便，一般我们就把它单独放在一页中，当使用时，可以用调用。具体代码如下：在使用后，会把该连接关闭，如：4.2 前台显示

33、与会员管理4.2.1 主界面设计与实现前台主要分为信息显示（如商品信息、商品分类、商品资讯等）和会员管理（如会员注册、购物车、修改会员信息、会员订单等）。信息显示供会员查看与订购。每个前台界面都分为上、下、左、右四个版块。上为top.asp主要是设置网站的logo、网站导航条等，调用的方法也是；下为脚注，主要显示网站的版权、联系信息；左为辅助工具（如登陆框、排行榜、分类）；右为具体操作与显示的版块。主界面如图5.2.1.1所示：图4-1 网上购物系统主界面网站的布局主要采用的是表格布局，top部分为网站的logo、菜单、banner图等信息；left显示的是辅助模块；main为主信息的载体；b

34、ottom为版权声明。具体布局如下图5.2.1.2所示：图4-2 网上购物系统主界面布局图4.2.2 登陆页面设计与实现登陆界面提供给浏览者登陆、注册的入口。登陆界面前后如图5.2.2.1所示：图4-3 用户登陆窗口图4-4 用户信息图4-5 新用户注册 登陆成功后，系统将把用户的ID等信息通过cookies存起来。返回是就是通过cookies的值来判断会员是否登陆。只有退出或关闭界面时，cookies的值才回清空。如图5.2.2.1(b)。会员登陆的主要实现如下代码（checklogin.asp）：%dim username,upassword,comeurl,Getcodeusername

35、=replace(trim(request(username),)upassword=md5(replace(trim(request(upassword),)Getcode=replace(trim(request(Getcode),)if username= or upassword= thenresponse.write alert(您的用户名或密码有误！);history.go(-1);response.endend ifif cstr(session(pSN)cstr(trim(request(Getcode) thenresponse.Write alert(请输入正确的验证码！)

36、;history.go(-1);response.endend ifset rs=server.CreateObject(adodb.recordset)rs.Open select * from user where username=&username& and password=&upassword& ,conn,1,3if not(rs.bof and rs.eof) thenif upassword=rs(password) thenresponse.cookies(user)(username) = trim(request(username)response.cookies(us

37、er)(vip)=rs(vip)rs(lastlogin)=now()rs(hits)=rs(hits)+1rs(zhifen) = rs(zhifen) + 1rs(userlastip)=Request.ServerVariables(REMOTE_ADDR)rs.Updateend ifend ifrs.Closeset rs=nothingif session(UserID) thenconn.execute(delete from BuyGood where UserID = &session(UserID)& and GoodState = 9)end ifresponse.Red

38、irect(index.asp)%4.2.3 会员个人管理设计与实现会员登陆后，可以通过登陆框以及头部进入到会员中心，会员中心包括（我的信息修改、我的个人订单、个人收藏、积分管理、退出登陆）。其界面如图5.2.3.1所示：图5.2.3.1 会员信息管理图图5.2.3.2 会员订单管理图4.3 后台设计与实现4.3.1 登陆界面设计后台只能给管理员进入使用，所以要严格控制访问的权限。进入后台要有登陆界面，登陆采用账号、密码、验证码、MD5四步验证。登陆界面如图5.3.1.1所示：图5.3.1.1 网上购物系统后台登陆登陆代码如下（admin/login.asp）：验证通过后，页面将转到后台管理的

39、主界面。4.3.2 后台管理主界面设计与实现主界面分为左右两版块，左边是菜单设置，右边是具体操作模块。其界面如图5.3.2.1所示：图5.3.2.1 网上购物系统后台主界面主界面由框架构成，左边menu主要放置菜单，右边main显示菜单相应的操作。布局如下图5.3.2.2所示：图5.3.2.2 网上购物系统后台主界面布局图图5.3.4.2 商品添加管理界面%4.4 查询功能的实现 查询工具如图5.4.1所示：图5.4.1 查询及其相关操作查询功能为了方便用户和管理员迅速找到所要查找的商品而设置的一个页面，其设计思想是根据要提供的关键字、以什么查询、价格来查询，其中关键字和查找方式不能为空，价格

40、可以不选，如果价格不选，就是不以价格来查询。查询功能中判断SQL执行语句代码实现：%word = request.Form(word)choose = request.Form(choose)price = request.Form(price)select case pricecase -1price = case 1price = and CoNomaMoney 350end selectselect case choosecase -1chose = case 1chose = CoNamecase 2chose = CoNumcase 3chose = Companycase 4chose = CoInDatecase 5chose = CoContentcase 6chose = CoComend select%到次，查询功能的实现也就基本完成了。第五章 总结与展望经过接近两个月的设计和制作，电气系数字化教学系统网站终于制作完成，其界面和功能基本符合用户需求，并以投入使用。两个月的研究和实践，使我对网页制作有了新的认识和提高，做网站并不是简单的做几个页面，而是要从客户的角度出发，一切以客户为中心，以方便客户为主，并且对网页设计者有很高的要求，熟练使用Dreamwea