chapter15动态网页基础.pptxVIP

第15章 动态网页基础——制作“在先留言”页面 计算机工程学院　计算机基础教学部 1 . 学习目标 了解动态网页技术的基本框架 了解数据库的基本概念 了解表单的基本作用 掌握Access数据库的基本操作方法 掌握表单和表单对象的基本操作方法 掌握设计和制作ASP动态网页的基本方法 . 计算机工程学院　计算机基础教研室 2 实训项目 为了提供多样化的沟通交流手段，需要设计一个“深圳慧衡科技有限公司”网站的二级页面“在线留言”，用户可以在页面中填写自己的邮件地址以及需要向公司反馈的信息，这些信息在用户确认之后会在服务器上实时地记录下来，公司的客服就可以有针对性地与用户联系。 . 计算机工程学院　计算机基础教研室 3 项目分析（1） 设计思路： （1）数据存储：用户在线输入的留言等信息需要存储在硬盘等位置才能永久保存，数据库技术可以很好地存储和管理数据，基于数据量和安全性的考虑，采用Office套件中的Access数据库数据。 （2）动态网页：在线留言的核心就是动态留言信息的实时存储，html静态网页无法实现此功能，需要引入动态网页技术，这里采用ASP VBScript网页。 . 计算机工程学院　计算机基础教研室 4 项目分析（2） 设计思路： （3）页面元素：本页面的主要功能是实时收集动态信息，除了必要的文字外，主要是表单和表单对象。 （4）版面布局：由于本页面包含标题、公司联系方式和在线留言需填写的信息等部分，在表单内使用表格快速地构建排列简单、规整的网页布局。 （5）配色方案：本页面以功能性为主，风格和色彩搭配以简洁为基调，和整体网站风格保持基本一致。 . 计算机工程学院　计算机基础教研室 5 设计目标 . 计算机工程学院　计算机基础教研室 6 预备知识：动态网页技术（1） 在实际的网站建设中，除了完成精美的页面设计，还应该考虑信息采集、数据存取以及系统维护等方面的功能设计，例如，用户注册/登录、计数器、留言板、聊天室和BBS等，它们大都涉及到与数据库的交互，而这是用传统的网页设计语言或简单的客户端脚本所不能实现的，此时就需要动态网页技术。 动态网页技术最明显的特点是网页在用户提出浏览请求后动态地生成，即页面内容动态化。随着时代的发展，许多网页文件已不仅仅是只能提供静态服务的.html文件，更多的是以.asp、.php、.jsp、.aspx为扩展名的文件，这些文件对应的网页就是动态网页。 . 计算机工程学院　计算机基础教研室 7 预备知识：动态网页技术（2） 1．动态网页的基本处理流程： （1）所谓“动态”，主要是针对网页构成的原理而言，在用户显示该页面之前，实际上该页面还不存在或页面的部分内容还没生成，当用户向服务器发出动态需求，服务器就根据用户的操作动态生成页面代码，并显示到用户的浏览器中。其基本处理流程如图所示。 . 计算机工程学院　计算机基础教研室 8 预备知识：动态网页技术（3） 1．动态网页的基本处理流程： （2）动态网页是服务器端根据客户端（浏览器）的请求产生的页面，它会根据客户端不同的请求，在服务器端运行已经写好的代码，并完成与数据库的交互，处理完成后把具有一定结果的页面发回给客户端浏览器。代码的运行实际上是在服务器端进行的，这个代码也叫脚本，称为服务器端脚本。 . 计算机工程学院　计算机基础教研室 9 预备知识：动态网页技术（4） 2．ASP技术： （1）ASP是Microsoft公司推出的服务器端脚本运行环境，它置于IIS之中，通过ASP结合HTML网页、ASP指令和ActiveX组件，就可以建立动态、交互及高效的Web服务器应用程序。 （2）ASP将标准的HTML文件拓展了一些附加特征，它和标准的HTML文件一样包含HTML对象并且在一个浏览器上解释和显示，任何可以放在HTML中的东西都可以放在ASP中。 （3）ASP可以和诸如Access、SQL Server等数据库进行连接，并可在其中使用SQL语言进行数据库处理。 . 计算机工程学院　计算机基础教研室 10 预备知识：数据库技术（1） 数据库技术产生于20世纪60年代末，其主要目的是有效地管理和存取大量的数据资源。它是信息系统的核心技术之一，作为一种计算机辅助管理数据的方法，它研究如何组织和存储数据、如何高效地获取和处理数据。 目前，数据库软件有很多，常用的包括Oracle、SQL Server、MySql、Access等，其中，Microsoft Office Access是由微软发布的关系数据库管理系统，它结合了 Microsoft Jet Database Engine 和 图形用户界面两项特点，是 Microsoft Office 中的一个成员。Access数据库是常用的轻量级的数据库，用来做小型动态网页开发和应用非常适合。 . 计算机工程