动态Web页面的制作技巧

web|动态|技巧|页面

随着Internet应用的发展,主页已不再仅仅是一个企业的信息窗口,公司的许多业务都可通过INTERNET来实现,如客户可通过供应商的主页来订货、公司可通过自已的主页收集客户的反馈信息等。另一方面,随着公司业务的发展、地理分布的拓宽,在总公司与各子公司之间建立一个简单的局域网已不可能,这时可通过INTERNET来实现各子公司与总公司之间的业务处理,即采用目前较为流行的企业应用解决方案即NCA结构、0客户端解决方案来实现。因此,如何使自己的主页与数据库动态地连接起来、如何通过主页的操作来实时操纵数据库中的记录已成变为一个很重要的课题。下面就来介绍几种解决主页与数据库动态连接的方法。 
  首先,为了使大家能边看下面的介绍边上机操作,您需要在Windows 95或Windows NT上作如下准备工作。 

  1.建立ACCESS数据库,c:\my documents\mydata.mdb。 

  2.在mydata数据库中建表mytable(a dblong,b dbtext,c dblong),并添加适量的试验数据。 

  3.建立系统DSN(database source name),在控制面板的ODBC中进行设置,取数据源名为ACCESSMDB,并指向刚建的mydata数据库。 

  4.安装PWS(Personal Web Server),它位于Windows 98光盘的\addons\pws目录中。 

  5.用frontpage在PWS上新建一Web,如http://yourhostname/myweb,在缺省情况下,yourhostname是您的主机名称。 

  6.用frontpage软件打开新建的myweb,并新建一子目录scripts,然后将scripts设置为可执行的子目录。 

  至此,如果您的设置正确,那么就可打开Internet Explorer(以下简称IE),并在地址栏中键入http://yourhostname/myweb/scripts后就会看到如下提示: 

  Directory Listing Denied 

  This Virtual Directory does not allow contents to be listed 

  这是因为该目录既无缺省的html文件(一般为default.htm),又不允许列出目录,但这已说明您的pws设置正确。下面来介绍第一种制作方法。 

  一.用Frontpage Database Region Wizard向导完成设置 

  ·打开Frontpage,进入已经建好的Web即myweb中,新建一页面newpage1,并编辑它。 

  ·单击菜单栏中的“insert”,并选择“database”、“database region wizard”,这时会弹出一个对话框。 

  ·在“odbc data source name”下的输入栏中,输入已建好的DSN,即Accessmdb,然后点击Next按钮进入下一步。 

  ·在“Enter the sql string for the query”下的输入栏中输入select a,b,c from mytable,然后点击Next按钮进入一下步。 

  ·点击Add按钮,在“enter the name of a query field to be added to the list”下的输入栏中输入字段名a,然后点击Ok按钮。 

  ·重复上一步,将字段b和c都添加到查询列表中。 

  ·点击Finish按钮。 

  ·此时系统会提示您将该页面保存在可执行的目录中,并将扩展名改为*.asp,按照提示将newpage1.htm移动到scripts目录中,将newpage1.htm重命名为newpage1.asp。 

  在IE地址栏中输入http://youhostname/myweb/scripts/newpage1.asp,按回车后就会看到数据库中的实验数据被显示了出来。 

  此种方法操作简单,但不灵活,生成的html文件可读性差,不容易添加二次链接。 

  二.直接调用HTTPODBC.DLL(IDC/HTX) 

  HTTPODBC.DLL被称作Internet Database Connector,是一个ISAPI(Internet Server Application Programming Interface),它通过调用ODBC来访问数据库。 

  这种方法涉及三个主要文件: 

  1.httpodbc.dll 

  在安装PWS后,该文件被放在\windows\system\inetsrv目录中。 

  2.IDC文件 

  IDC文件是一文本文件,扩展名为IDC(Internet Databse Connector),它包含HTML文件连接到数据库的必要信息、SQL语句、模板文件名等。 

  文件格式:name:value,其中name为项目名称,如datasource、template、sqlstatement、username、password等。 

  项目说明: 

  datasource:数据源名,即在控制面板的ODBC中所建的数据源名(system DSN)。 

  Template:模板文件名,该文件要与IDC文件同位于一个可执行的子目录中。 

  Sqlstatement:所要执行的SQL语句。 

  一个IDC文件至少要包含datasource、template、sqlstatement三项。 

  3.HTX文件 

  它是一个html文件,扩展名为HTX(HTML Extension File),它是数据库中的记录返回到页面的格式说明。 

  格式说明: 

  <%begindetail%>:返回多个记录时的起始位置。 

  <%endetail%>:返回多个记录时的结束位置。 

  <%fieldname%>:返回的字段名表示方法。 

  4.举例 

  .用notepad新建一文件,文件内容如下: 

  datasource:accessmdb 

  template:myhtx.htx 

  sqlstatement:select a,b,c from mytable 

   .将文件用myidc.idc名字保存到scripts目录中。 

   .用notepad新建一文件,文件内容如下: 

  <html> 

  <head> 

  <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 

  <title>Home Page</title> 

  </head> 

  <body> 

  <table border="1" width="100%"> 

   <tr> 

   <th width="30%" align="center">A</th> 

   <th width="30%" align="center">B</th> 

   <th width="40%" align="center">C</th> 

   </tr> 

  <%begindetail%> 

   <tr> 

   <td width="30%"><small><small><%a%></small></small></td> 

   <td width="30%"><small><small><%b%></small></small></td> 

   <td width="40%"><small><small><%c%></small></small></td> 

   </tr> 

  <%enddetail%> 

  </table> 

  </body> 

  </html> 

  .以myhtx.htx名字保存文件,将上述文件保存到scripts目录中。在IE的地址栏中输入http://yourhostname/myweb/scripts/myidc.idc,按回车后就可看到返回的记录了。 

  这种方法看起来麻烦,但使用起来却极为方便。事实上,您可以在数据库中作查询,将正确生成的SQL语句拷贝到IDC文件的sqlstatement项目中。另一方面,你可用页面编辑器(如Frontpage),作好一格式页面,然后将生成的html文件拷贝到HTX文件中,再按HTX文件的格式要求稍作修改就变成标准的HTX文件了。 

  另外,IDC文件及HTX文件的可读性强,您可修改HTX文件,从而生成二次链接,即按照返回的记录链接到不同的IDC或HTML文件,如: 

   <tr><A href="<%a%>.htm"><%a%></A></tr> 

  这样,在返回的表中,就形成了二次链接,按返回的字段a值的不同,可链接到不同的a.htm文件。 

  三.用ActiveX部件制作动态Web页面 

  这种方法的重点是,首先用VISUAL BASIC 5.0或VISUAL C++在Web服务器建立ActiveX部件,然后调用OLEISAPI.DLL,实现对数据库的访问。其优点是使用非常灵活,在输出的html文件中可添加汇总(total或subtotal),字段可按指定的格式进行输出。 

时间: 2025-01-20 17:29:28

动态Web页面的制作技巧的相关文章

asp.net截屏功能实现截取web页面_实用技巧

本文实例展示了asp.net截屏功能实现截取web页面的方法,代码简洁易懂,分享给大家供大家参考. 具体实现代码如下: using System.Drawing; //打开该页面 System.Diagnostics.Process.Start("IEXPLORE.EXE", "http://localhost:56/Spacxxe.html"); System.Threading.Thread.Sleep(3000); //截屏 //创建并设置画布大小 Syste

分享js粘帖屏幕截图到web页面插件screenshot-paste_javascript技巧

在很多场合下,我们可能有这样的需求:提供个屏幕截图上传到系统,作为一个凭证.传统的操作方式是:屏幕截图,保存文件到本地,在web页面上选择本地文件并上传,这里至少需要三步.有没有可能直接将截图粘帖到web页面上,然后上传?答案是:可以的.这就是本文要介绍的内容了. 由于我的项目有上传屏幕截图这样的需求,为了用户体验更佳,减少操作步骤,我在网上搜了一遍之后,找到了一些眉目.为了便于复用和共享,我又对该功能做了一些封装,于是便有了这个插件 screenshot-paste.运行效果如下图: 插件调用

ASP.NET微信公众号之用户分组管理web页面_实用技巧

本文实例为大家分享了ASP.NET微信用户分组管理的具体代码,供大家参考,具体内容如下 Model层实体类: public class UserList { public string total { get; set; } public string count { get; set; } public userlistopenid data { get; set; } public string next_openid { get; set; } } public class userlis

使用WebKing测试动态Web应用

如何使用 WebKing 对动态 Web 应用进行 Accessibility 测试 WebKing 简介 WebKing 是 Parasoft 公司推出的一款 Web 自动化测试软件,可以使用其进行白盒.黑盒和回归测试.本文主要关注该工具 对 Web 应用在 Accessibility 方面所做的检查与测试.WebKing 对 Accessibility 的检查基本上是扫描页面的元素内容, 按照特定的规则来匹配,不符合的即报错. Webking 支持本地文件的检查测试和创建项目检查测试网站内容

实现Web页面内容动态改变的dhtml操作

dhtml|web|动态|页面 IE的DHTML对象提供了四个可读写的属性来动态操作页面元素的内容:innerText, outerText, innerHTML, outerHTML. 需注意两点: 1.     其中innerText,outerText属性的值是作为普通文本呈现的,即使它含有HTML标签也如实反应出来:而innerHTML, outerHTML呈现的是经HTML引擎解析后文本,它可以反应属性中HTML标签的表现效果. 2.     对对象的outerText,outerHT

网页制作技巧:数据过多时不会影响页面布局

文章简介:网页制作技巧:数据过多时不会影响页面布局. 着网站的迅速发展,对用户交互体验需要也越来越高,web前端开发者需要考虑更多,怎样通过前端的控制,让用户数据更高效的显示.要达到的目标是:数据过多时,不会影响页面布局解决方法:1,在不影响布局的情况下,可以选择,数据自动换行a.设置宽度限制:可以使用width值和max-width最大宽度值.b.内容自动换行:word-wrap:break-word(中文,英文语句,长串字母都能实现);注意点:长串字母实现前提,必须将宽度限制直接添加到"文本

&amp;#106avascript小技巧之如何用滑鼠控制Web页面

web|技巧|控制|页面     第一集 如何用滑鼠控制Web页面 在这一部分首先要为你展示的JavaScript特性是将你的滑鼠移到这个不同颜色的连结上面,此时看看浏览器下的状态列有何结果,然后这样的功能我们可以与JavaScript的功能相结合.怎样做到的呢 以下就是这一个连结的作法: <a href="tpage.htm" > 在这儿你只要在传统 <a> 的标签中加入 onMouseOver 的 method 就可达成你要的效果了.这里的 window.s

JavaScript小技巧之如何用滑鼠控制Web页面

javascript|web|技巧|控制|页面 第一集 如何用滑鼠控制Web页面 在这一部分首先要为你展示的JavaScript特性是将你的滑鼠移到这个不同颜色的连结上面,此时看看浏览器下的状态列有何结果,然后这样的功能我们可以与JavaScript的功能相结合.怎样做到的呢 以下就是这一个连结的作法: <a href="tpage.htm" > 在这儿你只要在传统 <a> 的标签中加入 onMouseOver 的 method 就可达成你要的效果了.这里的 w

用动态元素自动更新Web页面

您可能知道如何在标准 JSF 组件内使用 JavaScript 和 Cascading Style Sheets (CSS) 来隐藏和显示可选的 JavaServer Faces (JSF) 组件.为了实现 这个目的,您需要首先识别所有的 JSF 组件并将它们写入到 JSF 页面.但是, 如果开发的是包含动态元素的 Web 页面并且这些动态元素直到运行时才知道, 那么就不可能这么做.在本文中,了解如何在自动更新 Web 页面的动态元素的 同时,清除旧的 UI 元素,以及如何使用 Java 代码来