asp与sql网页数据库程序设计-02

2编辑器的选用2-1编辑软件的需求2-2MSE的操作2-3加入控制标记2-4本章总结ASP与SQL网站数据库程序设计182-1编辑软件的需求在以后的章节中，笔者会介绍ASP的各种对象以及语法，并且提供了相关的范例供读者参考。接下来，笔者希望通过本章的说明及范例程序来提供给读者编辑ASP程序的不同方式。2-1-1记事本在所有的ASP编辑软件中，“附件”中的记事本是最原始、最通用的，并且也是最难使用的编辑软件。为什么说它是最原始以及最通用的呢？实际上从文字编辑的角度来看，对于HTML文件而言，它只不过是一个文本文件而已。然而与一般的文本文件相比，不同点仅仅只有“扩展名”而已。其余对于HTML文件的控制标记来说，都可以将它视为基本的“符号”再加上HTML文件的控制命令而已。因此，不论是HTML文件或是ASP程序代码对于记事本而言，都属于一般的文本文件。为什么最难以使用呢？其实关于这一点，读者不难由记事本的全貌中发现——“所有的控制标记都必须自己输入”。下图即为记事本的全貌。图2-1记事本的全貌在上图中，读者可以非常容易地看到，记事本仅提供纯文本文件的编辑功能而已，至于其他的HTML标记，在此并未提供。虽然，记事本仅仅是一个纯文字的编辑软件，而目前HTML文件或是ASP编辑/辅助的软件非常多，但是据笔者私下了解，使用记事本作为ASP程序的第2章编辑器的选用19编辑软件者仍然是大有人在。根据许多因素归纳分析的结果，通常这些“记事本”爱好者的特性大概可以分为以下几点：记事本最容易取得（因为是操作系统内附的）。执行的速度最快（因为程序小）。占用的内存最少（因为程序小，一次只能打开一个文件）。至于该如何得知设计的结果，通常他们都会说“直接用浏览器看最准确”。对于控制标记或是ASP指令部分，通常他们也会说“在我的脑子里”。虽然，对于有这方面设计经验的程序设计人员来说，不论是控制标记或是程序命令等，由于经验的积累，当然大多数的命令都已经深植脑海了。但是，对于初学者或是尚未熟悉的读者而言，当然这是难如登天的挑战。因此，接下来笔者将继续介绍的是“MicrosoftFrontPage”。2-1-2FrontPage编辑器与MSE编辑器图2-2FrontPage的全貌图2-2是FrontPage激活之后的画面。虽然，FrontPage可以协助我们设计一个复杂的网页，可以编辑ASP的程序，但是，读者总觉得它实在是“太笨重了”。以下笔者用Windows2000中的“任务管理器”说明各项编辑软件在尚未打开任何文件时的内存使用情况。在图2-3中，读者可以发现FrontPage内存的使用量是5308KB，而MSE只使用2808KB，内存的使用量最小的是“notepad.exe”，只使用了1188KB的内存。ASP与SQL网站数据库程序设计20图2-3各种应用程序使用内存的实际情况既然记事本对于初学者而言有一定的难度，使用FrontPage又不能提高效率时，笔者提出使用另一种编辑软件的建议，即编辑软件MicrosoftScriptEditor，简称MSE，利用它来设计网络商店。这个软件的内存使用情况如图2-4所示。图2-4MSE的内存使用量Script编辑器当然，或许有读者会问“我该如何获得这个软件呢？”。事实上，如果读者已经安装了“Office2000”之后，则这个编辑软件也已经安装在读者的硬盘中，只是读者尚未知晓而已。以下是MSE在硬盘中实际的存放位置。第2章编辑器的选用21图2-5MSE的存放路径如果读者无法找到MSE，别急！以下是如何安装MSE的步骤：（1）重新将Office2000的光盘片放入光驱中。（2）如图2-6所示，选择“添加或删除功能”选项。图2-6选择“添加／删除”选项（3）如图2-7所示，读者可以从这里发现Web脚本并未安装。因此，单ASP与SQL网站数据库程序设计22击按钮后，即可看到图2-8所示的画面。此时只要选择“从本机运行全部程序”，安装程序即可为您安装MSE，安装过程及完成画面如图2-9、图2-10所示。图2-7MSE的安装选项图2-8选择“从本机运行全部程序”第2章编辑器的选用23图2-9复制MSE文件的过程图2-10MSE已经安装完成当读者都已经顺利安装完成MSE之后，接下来笔者将带领各位进入MSE的设计环境。图2-11安装完成后的MSE2-2MSE的操作在上一节中，通过内存使用量的比较，使用“记事本”算是最节省内存的工具，是由于记事本只是纯文字的编辑软件，但读者必须要记忆大多数的HTML，VBScript命令以及语法。使用FrontPage虽然方便却又太耗内存。因此，选择使用MSE来建立ASP的程序。2-2-1MSE的各部分如图2-12所示，可以发现MSE至少有四个部分，它们分别是：菜单栏：显示MSE所提供的各项功能。工具箱：提供用户快速选用的工具。编辑及预览窗口：在这个区域中，读者可以看到程序的源代码或执行结果。ASP与SQL网站数据库程序设计24图2-12MSE的激活画面管理器以及属性窗口：在这个区域中，读者可以从资源管理器中看到目前的工作目录下，仍有多少可以接受的程序文件，以及在属性窗口中，可以对该HTML标记做进一步的设置。2-2-2建立基本的设计窗体打开MSE之后，接下来必须要做的事情是“建立新的HTML文件”。以下是建立新文件的步骤。（1）如图2-13所示，打开MSE。图2-13第一次打开MSE的画面第2章编辑器的选用25（2）打开“文件”菜单，准备新建一个HTML文件，如图2-14所示。图2-14如何新建HTML文件（3）当读者选择“新建文件”命令之后，接着将会自动出现一个对话框供读者选用，如图2-15所示。图2-15选择“HTML”的图标（4）在选择“HTML页”图标之后，紧接着单击“打开”按钮，即可看到如图2-16所示的画面。在完成上述步骤之后，虽然可以顺利打开新的HTML页面供我们编辑，但是在建立的过程中仍有两个地方是读者必须了解的。它们是：（1）选择“新建文件”对话框中的“现存”以及“最近”选项卡，如图2-17所示。ASP与SQL网站数据库程序设计26图2-16打开完成的新页面图2-17“现存”以及“最近”选项卡（2）新HTML页面中的“设计”、“源代码”以及“快速视图”，如图2-18所示。图2-18“设计”、“源代码”以及“快速视图”第2章编辑器的选用27接下来，笔者对这两个部分分别进行详细的说明。“现存”在这个部分，读者可以由图2-17中清楚看到相关内容。因此，如果使用这个功能时，它就如同“文件”菜单中的“打开”命令，与之具有相同的功能以及效果。“最近”至于“最近”部分，由于MSE会协助我们记录文件曾经被打开过的相关信息，并且这些信息将会显示在“工程资源管理器”的窗口中，以便设计人员可以快速地打开这些程序或是文件等。下图是打开的文件并且显示在“工程资源管理器”中的结果。图2-19“工程资源管理器”的记录内容而这些保存在“工程资源管理器”中的记录信息将会一直保留着。如果读者将整个MSE关闭再重新打开之后，将会发现MSE会自动将这些文件一并打开。在编辑及预览窗口中的“设计”、“源代码”以及“快速视图”三项功能分别代表着：设计：表示读者可以在工作窗口中用鼠标的拖动功能自行加上各种HTML的标记。源代码：表示读者可以在此自行加入相关的控制标记或是ASP的控制命令、手稿语言等。快速视图：代表可以直接在工作窗口中看到相关的设计结果。在经过简单的介绍之后，接下来笔者将实际地建立一个基本的HTML文ASP与SQL网站数据库程序设计28件，以及示范如何加入相关的HTML标记以及ASP程序代码。2-3加入控制标记在上一节中，介绍了如何使用MSE建立基本的HTML文件以及各项的功能，在本节中将示范如何加入HTML控制标记以及ASP程序代码。2-3-1加入文字首先请读者打开一个“HTML页”，并且在打开之后在“设计”的工作窗口中加入一段“新的HTML文件”文字，接着再修改该段文字的字号、字体以及对齐的方式。接下来读者可以立即在“设计”的工作窗口中看到改变后的结果，如图2-20所示。图2-20加入一段文字并且改变其相关属性在这里有一点需要注意的是，当“设计”工作窗口中相关对象的属性被改变以后，画面右下方“属性”窗口中的相关信息也会作相应改变，如图2-21所示。第2章编辑器的选用29图2-21自动更新属性窗口中的相关属性2-3-2加入窗体控制标记接着的这几项操作必须使用鼠标的拖动功能才能够完成。1.增加输入的字段首先，笔者希望用户可以在一个地方输入自己的姓名，这时，就必须要加入一个“文本框(Textbox)”。在加入了这个文本框后，即可让用户在这个文本框中填入自己的姓名了。（1）用鼠标选取工具箱中的“Textbox”，如图2-22所示。（2）使用鼠标的拖动功能，按下鼠标的左键不放，再将光标移动到设计工作窗口中，如图2-23所示。图2-22选择Textbox图2-23将鼠标指针移动到“设计”的工作窗口中ASP与SQL网站数据库程序设计30（3）放开鼠标，即可见到如图2-24所示的画面。图2-24加入文字以及改变字段名称的结果图2-25完成后的文本框接着在文本框前加入“请输入姓名：”，并且改变Textbox的字段名称为“UserName”，结果如图2-25所示。在万事俱备之后，接下来当然是必须设计一个可以让用户送出自己姓名的按钮，以及输入错误时，可以重新输入的按钮。2.增加确认按钮例如，希望在网页中加入一个可以让用户选择的“确定”按钮。首先，必须在窗口的左方工具箱中单击按钮之后，接着按住鼠标键不放，再将鼠标的指针移动到“设计”的工作窗口中，如图2-26所示。在这里与增加文本框的方式相同，都是选择以后，直接拖曳到设计工作窗口中。因此，在放开鼠标之后，即可在工作窗口中看到如图2-26所示的结果。图2-26加入SubmitButton的结果第2章编辑器的选用31然而，这个是什么呢？事实上它就是在许多问卷调查的网页中出现的“确认”或是“送出数据”按钮，只不过在此显示的是英文的“Submit”而已。图2-27单击即将修改标记如果希望修改文字，有以下两种方法：用鼠标在该按钮上方单击，即可输入文字。直接修改属性窗口中的值（Value）。接着再按照同样的方式加入，并且将按钮的值(Value)改变为“清除”。因此，这两个按钮经过改变值(Value)之后的结果将如图2-28所示。而按钮则会将所有的字段内容恢复到默认值。例如：姓名字段的值(Value)如果未经设定时，那么它的默认值即为“空白”。因此，在按下按钮时，不论用户输入任何文字，其结果是“一律清除变成默认值——空白”。图2-28修改完成的结果ASP与SQL网站数据库程序设计32此时，如果读者按下“快速视图”时，将会见到仿真执行时的画面。并且，这时的工具箱内所有的控制标记会全部被取消作用，如图2-29所示。图2-29快速视图的结果2-3-3加入ASP控制命令接下来，笔者将结合“Sample02-1.asp”的Requst对象范例直接将用户输入的姓名显示出来。那么现在就产生了一个问题，“如何输入ASP控制命令”呢？别急，只要按下中间的“源代码”即可看到下面的画面，并且可以在这里输入任何的ASP控制命令、VBScript/JavaScript语言以及CSS（CascadingStyleSheets简称为CSS）控制命令等各种命令。图2-30“源代码”的内容以及加入“Sample02-1.asp”的程序代码接下来笔者将要把上述代码存储到“/pws”的虚拟目录中，并且将它命名为“Sample02-1.asp”。第2章编辑器的选用332-3-4存储设计的成果接下来将要进行的最重要的工作是“存储文件”。以下是存储HTML页的步骤。（1）请读者选择“文件”菜单中的“另存NewHTMLPage1”命令，如图2-31所示。图2-31另存新文件由于网页中含有ASP的控制命令，因此，必须在“另存文件为”对话框中的“保存类型”下拉列表中选择“ASP文件（*.asp）”，如图2-3