📄 index.htm
字号:
<%@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>ASP入门教程(带教程文件) - 浪心制作</title>
<style type="text/css">
<!--
.STYLE1 {color: #FFFFFF}
.STYLE2 {color: #FF0000}
body,td,th {
font-size: 12px;
}
.STYLE3 {color: #0000FF}
.STYLE5 {color: #006666}
body {
background-color: #D4D0C8;
background-image: url(img/bg.gif);
}
.STYLE6 {color: #0066CC}
.STYLE7 {color: #0000CC}
.STYLE8 {color: #000000}
.STYLE9 {color: #993300}
.STYLE11 {color: #990099}
.STYLE12 {color: #990066}
.STYLE13 {color: #990033}
.STYLE14 {color: #990000}
.STYLE15 {
color: #CC00CC;
font-weight: bold;
}
.STYLE17 {color: #FF0000; font-weight: bold; }
.STYLE19 {color: #003399}
.STYLE20 {color: #000099}
.STYLE21 {color: #006633}
-->
</style>
</head>
<body>
<table width="700" border="0" align="center" cellpadding="8" cellspacing="1" bgcolor="#D6E0EF">
<tr>
<td colspan="2" bgcolor="#698CC3"><div align="center" class="STYLE1"><a name="1"><strong>第一课</strong> - 调试IIS</div></td>
</tr>
<tr>
<td width="477" bgcolor="#FFFFFF"> 首先，要在电脑上安装IIS：<br />
<p> 控制面板＝>添加或删除程序＝>添加/删除组件：勾选其中的Internet信息服务（IIS）<br />
然后点下一步(要放您的系统盘进行安装)</p>
<p> 安装成功后，到<span class="STYLE2">C:\Inetpub\wwwroot</span></p>
<p> 用记事本编写文件test.asp</p>
<p> 内容为 <%=time()%></p>
<p> 然后，打开IE，在地址栏输入<img src="img/url.gif" alt="图片点击可在新窗口打开查看" width="16" height="16" border="0" align="absmiddle" /><a href="http://127.0.0.1/test.asp" target="_blank">http://127.0.0.1/test.asp</a></p>
<p> 如果看到时间就说明已经安装成功了！恭喜调试环境已经准备OK<br />
<br />
这次学习需要安装2个软件<br />
<span class="STYLE3">Macromedia Dreamweaver</span> 和 <span class="STYLE3">Microsoft Access</span><br />
<br />
</p></td>
<td width="188" bgcolor="#FFFFFF" valign="top">
<p>1. <a href="#1">调试IIS</a><br />
2. <a href="#2">提交表单example.htm的制作</a><br />
3. <a href="#3">list.asp文件原理</a><br />
4. <a href="#4">数据库的制作</a><br />
5. <a href="#5">重新设计数据的接收页 add.asp</a> <br />
6. <a href="#6">从数据库读取信息</a><br />
7. <a href="#7">掌握分页技术</a><br />
8. <a href="#8">删除数据库信息</a><br />
9. <a href="#9">修改数据库信息</a><br />
10. <a href="#10">编者注</span></a><br />
<br />
</p> </td>
</tr>
</table>
<br />
<table width="700" border="0" align="center" cellpadding="5" cellspacing="1" bgcolor="#D6E0EF">
<tr>
<td width="34" height="16" bgcolor="#FFFFFF"><div align="center">①</div></td>
<td width="643" bgcolor="#FFFFFF"><div align="center">我们已经安装了ASP的调试环境，那么我们就要学习如何制作提交页和接收页了。<span class="STYLE3"></span>下面要用到<span class="STYLE3">Macromedia Dreamweaver</span><br />
</div></td>
</tr>
</table>
<br />
<table width="700" border="0" align="center" cellpadding="8" cellspacing="1" bgcolor="#D6E0EF">
<tr>
<td colspan="2" bgcolor="#698CC3"><div align="center" class="STYLE1"><a name="2"><strong>第二课</strong> 提交表单example.htm的制作</div></td>
</tr>
<tr>
<td width="523" bgcolor="#FFFFFF"><p>在开始ASP之前，我们必须懂得用Dreamweaver的表单排出类似这样的效果. 如图： <br />
<img src="img/200671075455974.jpg" width="500" height="156" /><br />
<br />
<br />
--------------------------------用Dreamweaver制作----------------------------------<br />
<br />
1.新建一个HTML空白页，然后<span class="STYLE2">插入->表单->表单</span>,就会出现一个虚线框，将其动作输入为list.asp<br />
2.接着<span class="STYLE2">插入->表单->文本域</span>，标签为<span class="STYLE2">姓名</span>。<br />
3.<span class="STYLE2">插入->表单->文本域</span>，标签为<span class="STYLE2">地址</span>。<br />
4.分别将两个文本域的<span class="STYLE5">name值改为name和addr</span><br />
5.<span class="STYLE2">插入->表单->按钮</span><br />
6.表单完成<br />
<br />
制作这样的表单是为了提交数据。example.htm文件的<span class="STYLE2"><body></body></span>内的代码如下：
<label></label>
<br />
<span class="STYLE3">--------------------------------------------------------------------</span><br />
<form id="form1" name="form1" method="post" action="list.asp"><br />
<label>姓名：<br />
<input name="name" type="text" id="name" /> <br />
地址：<br />
<input name="addr" type="text" id="addr" /> <br />
<input type="submit" name="Submit" value="提交" /><br />
</label><br />
</form><br />
<span class="STYLE3">--------------------------------------------------------------------</span><br />
接着我们来分析一下以上的代码：<br />
<span class="STYLE3"><form id="form1" name="form1" method="post" action="list.asp"></span><br />
这段代码表示将表单的数据提交到 list.asp 这个页面进行处理.<br />
----------------------------------------------------------------<br />
<span class="STYLE3"><input name="name" type="text" id="name" /> </span>表示将姓名的数据通过name这个值来提交<br />
这段是文本区域代码， <span class="STYLE2">name="这里是值" </span>,list.asp会通过<span class="STYLE5">name=输入的数据</span>，来取得数据。<br />
<br />
</p> </td>
<td width="154" bgcolor="#FFFFFF"><p> </p>
<p>其实表单制作很简单，关键是你对表单构造必须要熟悉。</p></td>
</tr>
</table>
<br />
<br />
<table width="700" border="0" align="center" cellpadding="8" cellspacing="1" bgcolor="#D6E0EF">
<tr>
<td colspan="2" bgcolor="#698CC3"><div align="center" class="STYLE1"><a name="3"><strong>第三课</strong> - list.asp文件原理 </div></td>
</tr>
<tr>
<td width="523" bgcolor="#FFFFFF"><p> 上面我们已经制作了一个提交数据的页面example.htm<br />
那么我们现在就要制作一个<span class="STYLE6">接收数据</span>并<span class="STYLE7">显示数据</span>的页面list.asp<br />
-----------------------------------------------------------------<br />
首页，我们要在list.asp页头放以下代码<br />
<span class="STYLE2"><%<br />
name=request.form("name")<br />
addr=request.form("addr")<br />
%></span><br />
//将表单传送过来的内容赋给name<br />
//将表单传送过来的内容赋给addr（注意上一步表单的命名）<br />
<br />
接着我们要<span class="STYLE2"><%=name%></span>来显示内容<br />
<span class="STYLE2"><%=name%></span>表示将name的值显示在本页<br />
<label></label>
<span class="STYLE2"><%=addr%<span class="STYLE8">>跟上面同理</span></span><br />
<br />
----------------------list.asp的完整代码如下-----------------------<br />
<br />
<%<br />
name=request.form("name")<br />
addr=request.form("addr")<br />
%><br />
你填写的信息为：<br /><br />
姓名：<%=name%><br><br />
地址：<%=addr%> <br />
<br />
-------------------------------------------------------------------<br />
<br />
提交成功后，显示。如图： <br />
<img src="img/20072251931060758.jpg" width="393" height="182" /></p></td>
<td width="154" bgcolor="#FFFFFF"><p>现在主要是学习ASP的提交和接收数据。</p>
<p> </p></td>
</tr>
</table>
<br />
<table width="700" border="0" align="center" cellpadding="5" cellspacing="1" bgcolor="#D6E0EF">
<tr>
<td width="38" height="16" bgcolor="#FFFFFF">②</td>
<td width="639" bgcolor="#FFFFFF"><div align="center">我们先在实践一下上面的结果，先打开<a href="example.htm" target="_blank">example.htm</a>，然后提交一个数据看看。<br />
上面已经教会你如果提交和显示数据，下面就要来学会如何用数据库保存数据！也就要用到<span class="STYLE3">Microsoft Access</span><br />
</div></td>
</tr>
</table>
<br />
<table width="700" border="0" align="center" cellpadding="8" cellspacing="1" bgcolor="#D6E0EF">
<tr>
<td colspan="2" bgcolor="#698CC3"><div align="center" class="STYLE1"><a name="4"><strong>第四课</strong> - 数据库的制作</div></td>
</tr>
<tr>
<td width="523" bgcolor="#FFFFFF"> 上面我们我们已经通过页面把数据接收到了，但是细心的你会发现，这个数据是只暂时的，一关闭浏览器就没有了。如何能够保存数据，好在下一次能够继续用到呢？那么我们就要用到access数据库拉。<br />
<br />
我们打开<span class="STYLE3">Microsoft Access</span>新建一个空白数据库并保存为<span class="STYLE3">db1.mdb</span>。<br />
然后点击“<span class="STYLE2">使用设计器创建表</span>” 如图： <br />
<img src="img/accesskong.jpg" width="336" height="158" /><br />
<br />
--------------------------------------------------------------------<br />
由于之前我们的数据只有“<span class="STYLE3">姓名</span>”和“<span class="STYLE3">地址</span>”<br />
那么我们就建立三个栏 id , name , addr （<span class="STYLE3"><strong>id</strong></span>是为了给这些数据自动编好的，方便以后删除和修改）如图： <br />
<img src="img/accessshu.jpg" width="279" height="124" /><br />
<br />
然后将保存为表：<span class="STYLE3"><strong>info</strong></span> (<span class="STYLE2">将id设置为主键</span>) <br />
<br />
到此为止数据库就建立好拉。<br /></td>
<td width="154" bgcolor="#FFFFFF"><p>通过练习你会发现，数据库建立其实很简单。</p>
</td>
</tr>
</table>
<br />
<br />
<table width="700" border="0" align="center" cellpadding="8" cellspacing="1" bgcolor="#D6E0EF">
<tr>
<td colspan="2" bgcolor="#698CC3"><div align="center" class="STYLE1"><a name="5"><strong>第五课</strong> - 重新设计数据的接收页 add.asp </div></td>
</tr>
<tr>
<td width="523" bgcolor="#FFFFFF">学习到这里了 <span class="STYLE2">list.asp</span> 这个文件就正式取消了。<br />
因为之前我们已经有了提交数据的页面 example.htm 如图： <br />
<img src="img/200671075455974.jpg" alt="a" width="500" height="156" /><br />
<br />
<span class="STYLE15">现在，我们就要将<span class="STYLE3">example.htm</span>页的数据提交到<span class="STYLE3">add.asp</span>，也就是要将里面的<span class="STYLE3">list.asp</span>改为add.asp拉</span><br />
那么现在就要建立真正的数据接收页 add.asp<br />
add.asp源代码如下：<br />
<p><span class="STYLE3">------------------------------完整代码-------------------------------------</span><br />
<br />
<%<br />
set conn=server.create<em>object</em>("adodb.connection")<br />
conn.open "Provider=Microsoft.Jet.OLEDB.4.0;Data Source="&Server.MapPath("<span class="STYLE3">db1.mdb</span>")</p>
<p><span class="STYLE9">name</span>=request.form("<span class="STYLE9">name</span>")<br />
<span class="STYLE11">addr</span>=request.form("<span class="STYLE12">addr</span>")</p>
<p>exec="insert into <span class="STYLE3">info</span>(<span class="STYLE13">name</span>,<span class="STYLE11">addr)</span>values(＇"+<span class="STYLE14">name</span>+"＇,＇"+<span class="STYLE12">addr</span>+"＇)"<br />
conn.execute exec</p>
<p>conn.close<br />
set conn=nothing<br />
%></p>
<p><%="记录添加成功!"%><br />
<br />
<span class="STYLE3">|-------------------------------数据库连接代码分析--------------------------</span><br />
|<br />
| set conn=server.create<em>object</em>("adodb.connection")<br />
| conn.open "Provider=Microsoft.Jet.OLEDB.4.0;Data Source="&Server.MapPath("<span class="STYLE3">db1.mdb</span>") <br />
|<br />
| 这两句是永远只要抄过去就好，用来告诉电脑数据库在那里。<br />
<span class="STYLE3">|-------------------------------变量分析-------------------------------</span><span class="STYLE3">-----</span><br />
<span class="STYLE9">| name</span>=request.form("<span class="STYLE9">name</span>")<br />
<span class="STYLE11">| addr</span>=request.form("<span class="STYLE12">addr</span>")<br />
|<br />
| 将表单提交过来的内容赋给变量，注意上一步表单的命名不要写错。<br />
<span class="STYLE3">|--------------------------------将内容插入到info表--------------------</span><span class="STYLE3">-----</span><br />
| exec="insert into <span class="STYLE3">info</span>(<span class="STYLE13">name</span>,<span class="STYLE11">addr)</span>values(＇"+<span class="STYLE14">name</span>+"＇,＇"+<span class="STYLE12">addr</span>+"＇)"<br />
| conn.execute exec<br />
|<br />
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -