企业营销型网站有哪些,广州外贸网站开发,复兴企业做网站推广,泰兴网页定制第一课 - 调试IIS 首先#xff0c;要在电脑上安装IIS#xff1a; 控制面板#xff1d;添加或删除程序#xff1d;添加/删除组件#xff1a;勾选其中的Internet信息服务#xff08;IIS#xff09; 然后点下一步(要放您的系统盘进行安装) 安装成功后要在电脑上安装IIS 控制面板添加或删除程序添加/删除组件勾选其中的Internet信息服务IIS 然后点下一步(要放您的系统盘进行安装) 安装成功后到C:/Inetpub/wwwroot 用记事本编写文件test.asp 内容为 %time()% 然后打开IE在地址栏输入http://127.0.0.1/test.asp 如果看到时间就说明已经安装成功了恭喜调试环境已经准备OK 这次学习需要安装2个软件 Macromedia Dreamweaver 和 Microsoft Access 1. 调试IIS2. 提交表单example.htm的制作3. list.asp文件原理4. 数据库的制作5. 重新设计数据的接收页 add.asp 6. 从数据库读取信息7. 掌握分页技术8. 删除数据库信息9. 修改数据库信息10. 编者注 ① 我们已经安装了ASP的调试环境那么我们就要学习如何制作提交页和接收页了。 下面要用到 Macromedia Dreamweaver 第二课 提交表单example.htm的制作 在开始ASP之前我们必须懂得用Dreamweaver的表单排出类似这样的效果. 如图 --------------------------------用Dreamweaver制作----------------------------------1.新建一个HTML空白页然后插入-表单-表单,就会出现一个虚线框将其动作输入为list.asp2.接着插入-表单-文本域标签为姓名。3.插入-表单-文本域标签为地址。4.分别将两个文本域的name值改为name和addr5.插入-表单-按钮6.表单完成制作这样的表单是为了提交数据。example.htm文件的body/body内的代码如下 --------------------------------------------------------------------form idform1 nameform1 methodpost actionlist.asplabel姓名input namename typetext idname / 地址input nameaddr typetext idaddr / input typesubmit nameSubmit value提交 //label/form--------------------------------------------------------------------接着我们来分析一下以上的代码form idform1 nameform1 methodpost actionlist.asp这段代码表示将表单的数据提交到 list.asp 这个页面进行处理.----------------------------------------------------------------input namename typetext idname / 表示将姓名的数据通过name这个值来提交这段是文本区域代码 name这里是值 ,list.asp会通过name输入的数据来取得数据。 其实表单制作很简单关键是你对表单构造必须要熟悉。 第三课 - list.asp文件原理 上面我们已经制作了一个提交数据的页面example.htm 那么我们现在就要制作一个接收数据并显示数据的页面list.asp-----------------------------------------------------------------首页我们要在list.asp页头放以下代码%namerequest.form(name)addrrequest.form(addr)%//将表单传送过来的内容赋给name//将表单传送过来的内容赋给addr注意上一步表单的命名接着我们要%name%来显示内容%name%表示将name的值显示在本页%addr%跟上面同理----------------------list.asp的完整代码如下-----------------------%namerequest.form(name)addrrequest.form(addr)%你填写的信息为br /姓名%name%br地址%addr% -------------------------------------------------------------------提交成功后显示。如图 现在主要是学习ASP的提交和接收数据。 ② 我们先在实践一下上面的结果先打开 example.htm然后提交一个数据看看。 上面已经教会你如果提交和显示数据下面就要来学会如何用数据库保存数据也就要用到 Microsoft Access 第四课 - 数据库的制作 上面我们我们已经通过页面把数据接收到了但是细心的你会发现这个数据是只暂时的一关闭浏览器就没有了。如何能够保存数据好在下一次能够继续用到呢那么我们就要用到access数据库拉。 我们打开Microsoft Access新建一个空白数据库并保存为db1.mdb。 然后点击“使用设计器创建表” 如图 --------------------------------------------------------------------由于之前我们的数据只有“姓名”和“地址”那么我们就建立三个栏 id , name , addr id是为了给这些数据自动编好的方便以后删除和修改如图 然后将保存为表info (将id设置为主键) 到此为止数据库就建立好拉。 通过练习你会发现数据库建立其实很简单。 第五课 - 重新设计数据的接收页 add.asp 学习到这里了 list.asp 这个文件就正式取消了。因为之前我们已经有了提交数据的页面 example.htm 如图 现在我们就要将example.htm页的数据提交到add.asp也就是要将里面的list.asp改为add.asp拉那么现在就要建立真正的数据接收页 add.aspadd.asp源代码如下 ------------------------------完整代码-------------------------------------%set connserver.createobject(adodb.connection)conn.open ProviderMicrosoft.Jet.OLEDB.4.0;Data SourceServer.MapPath(db1.mdb) namerequest.form(name)addrrequest.form(addr) execinsert into info(name,addr)values(name,addr)conn.execute exec conn.closeset connnothing% %记录添加成功!%|-------------------------------数据库连接代码分析--------------------------|| set connserver.createobject(adodb.connection)| conn.open ProviderMicrosoft.Jet.OLEDB.4.0;Data SourceServer.MapPath(db1.mdb) || 这两句是永远只要抄过去就好用来告诉电脑数据库在那里。|-------------------------------变量分析------------------------------------| namerequest.form(name)| addrrequest.form(addr)|| 将表单提交过来的内容赋给变量注意上一步表单的命名不要写错。|--------------------------------将内容插入到info表-------------------------| execinsert into info(name,addr)values(name,addr)| conn.execute exec|| 执行insert插入内容到数据库|-------------------------------关闭数据库----------------------------------| conn.close| set connnothing| | 别忘记关闭数据库 |--------------------------------------------------------------------------- 到目前为止算是将内容提交的数据库保存了。 ③ 解释更清楚一些 1. insert into后面加的是表的名字后面的括号里面是需要添加的字段不用添加的或者字段的内容可以省略。注意这里变量一定要和ACCESS里面的字段名对应否则就会出错! 2. exec是一个字符串insert into info(name,addr)values(是第一段在ASP里面不能嵌双引号所以可以用代替双引号放在双引号里面连接两个变量用或者所以,又是一段中间夹了一个name就是表单传来的变量这样就可以在这个变量外面加两个表示是字符串了。注意如果是数字型变量所以不需要外面包围的单引号 第六课 - 从数据库读取信息 有时间就多执行example.htm多添加几条信息进去吧这样要显示数据时会比较好看哦那么下一步就要开始制作显示数据的页面步骤一排版出这样的效果相信不会太为难你吧。如图------------------------------------------------------------------------------------------------------------------------页面我们已经制作好了但是如果才能够让这个页面来显示数据库的数据呢接下载就要在这个页面内添加代码了。步骤二在table...的上一行写上 %set connserver.createobject(adodb.connection)conn.open ProviderMicrosoft.Jet.OLEDB.4.0;Data SourceServer.MapPath(db1.mdb) execselect * from infoset rsserver.createobject(adodb.recordset)rs.open exec,conn,1,1% -------------------------------------------------------------------------------------说明一下1.前两行刚才用过了从add.asp复制过来就可以了2.第3行设置查询数据库的命令select后是查询的字段如果全部用*from数据库中的表名3.第4行定义一个记录集组件用来放查询的信息4.第5行是打开这个记录集exec是前面定义的查询命令conn是前面定义的数据库连接组件后面参数“11”表示读取 [注以后用修改记录就把参数设置为13]-------------------------------------------------------------------------------------- 步骤三设置数据显示的开头----------------------------------------------------在/tr和tr的中间写上%do while not rs.eof%-----------------------------------------------------在/table上一行写上%rs.movenextloop%------------------------------------------------------在表格第二行的单元格内分别写上要显示的信息[这些操作都在代码状态下输入不要写错了哦]%rs(id)% ------编号 %rs(name)% -------姓名 %rs(addr)% ------地址 -------------------------------------------------------大功告成 当然最好养成好习惯在最后写上代码 %rs.closeset rsnothingconn.closeset connnothing% 就是关闭rs和conn了下面我们访问一下 lang.asp 正确的将数据库信息显示出来了。如图----------------------------------------------------------------------------------------------------------------- 要主要好哪个地方放哪个段代码有些不允许放错有些可以随意放。 ④根据上面说明制作出来的lang.asp代码如下 htmlheadmeta http-equivContent-Type contenttext/html; charsetgb2312 /title数据显示页/titlestyle typetext/css!--.STYLE1 {color: #FFFFFF}--/style/head body%set connserver.CreateObject(adodb.connection)DBPath Server.MapPath(db1.mdb)conn.open providermicrosoft.jet.oledb.4.0; data sourceDBpath execselect * from infoset rsserver.createobject(adodb.recordset)rs.open exec,conn,1,1%table width320 border0 cellpadding5 cellspacing1 bgcolor#D6E0EFtrtd bgcolor#698CC3div aligncenterspan classSTYLE1编号/span/div/tdtd bgcolor#698CC3div aligncenterspan classSTYLE1姓名/span/div/tdtd bgcolor#698CC3div aligncenterspan classSTYLE1地址/span/div/td/tr%do while not rs.eof%trtd width46 bgcolor#FFFFFF%rs(id)%/tdtd width123 bgcolor#FFFFFF%rs(name)%/tdtd width117 bgcolor#FFFFFF%rs(addr)%/td/tr%rs.movenextloop%/table/body/html%rs.closeset rsnothingconn.closeset connnothing% 第七课 - 掌握分页技术 数据已经通过lang.asp显示出来了但是你会发现一个问题一旦数据多起来的时候就会一直排列下去。如果数据达到几万条的话那不是把页面都撑暴了。既然是这样那么我们利用分页技术把这个问题解决。 分页技术是ASP程序的难点比较不好理解实现的方法也多种多样所以很多人研究了好几天也不理解 这里用一种简单实用的方法就直接修改上面的显示页面的asp文件吧通过三个步骤完成吧 步骤一修改%do while not rs.eof%为下面代码rs.PageSize表示每页显示多少条信息请自行修改 %rs.PageSize3pagecountrs.PageCount pageint(request.QueryString (page))if page0 then page1if request.QueryString(page) thenpage1end ifrs.AbsolutePagepagefor i1 to rs.PageSizeif rs.EOF then exit forend if% 步骤二%rs.movenextloop%修改为%rs.movenextnext% 步骤三复制下面代码到要显示“上页、下页”的地方为美观将表格宽度width320改为跟你页面表格一致 table width320 border0 cellpadding5 trtd alignright%if page1 and not pagepagecount then%第%page%页 %for i1 to pagecount%a href?page%i%%i%/a %next%a href?page%page1%下页/a %elseif pagepagecount and not page1 then%第%page%页 %for i1 to pagecount%a href?page%i%%i%/a %next%a href?page%page-1%上页/a %elseif page1 then%没有任何记录%elseif pagepagecount then%没有任何记录%elseif page1 and pagepagecount then%%else%第%page%页 %for i1 to pagecount%a href?page%i%%i%/a %next%a href?page%page-1%上页/a a href?page%page1%下页/a /div%end if%/td/tr/table完成我们来看看显示结果。如图-------------------------------------------------------------------------------------------------------------------------- ⑤根据上面说明修改出来的lang.asp代码如下带分页功能 htmlheadmeta http-equivContent-Type contenttext/html; charsetgb2312 /title数据显示页/titlestyle typetext/css!--.STYLE1 {color: #FFFFFF}--/style/head body%set connserver.CreateObject(adodb.connection)DBPath Server.MapPath(db1.mdb)conn.open providermicrosoft.jet.oledb.4.0; data sourceDBpath execselect * from infoset rsserver.createobject(adodb.recordset)rs.open exec,conn,1,1%table width320 border0 cellpadding5 cellspacing1 bgcolor#D6E0EFtrtd bgcolor#698CC3div aligncenterspan classSTYLE1编号/span/div/tdtd bgcolor#698CC3div aligncenterspan classSTYLE1姓名/span/div/tdtd bgcolor#698CC3div aligncenterspan classSTYLE1地址/span/div/td/tr%rs.PageSize3pagecountrs.PageCount pageint(request.QueryString (page))if page0 then page1if request.QueryString(page) thenpage1end ifrs.AbsolutePagepagefor i1 to rs.PageSizeif rs.EOF then exit forend if%trtd width46 bgcolor#FFFFFF%rs(id)%/tdtd width123 bgcolor#FFFFFF%rs(name)%/tdtd width117 bgcolor#FFFFFF%rs(addr)%/td/tr%rs.movenextnext%/tabletable width320 border0 cellpadding5 trtd alignright%if page1 and not pagepagecount then%第%page%页 %for i1 to pagecount%a href?page%i%%i%/a %next%a href?page%page1%下页/a %elseif pagepagecount and not page1 then%第%page%页 %for i1 to pagecount%a href?page%i%%i%/a %next%a href?page%page-1%上页/a %elseif page1 then%没有任何记录%elseif pagepagecount then%没有任何记录%elseif page1 and pagepagecount then%%else%第%page%页 %for i1 to pagecount%a href?page%i%%i%/a %next%a href?page%page-1%上页/a a href?page%page1%下页/a /div%end if%/td/tr/table/body/html%rs.closeset rsnothingconn.closeset connnothing% 第八课 - 删除数据库信息 前面我么已经学会了数据入库、读取和分页技术。那么这一节课就来学习删除数据库信息 为了免得麻烦我们就直接复制一份lang.asp改名为del.asp。 首先在地址后面增加一个栏如图接着在后面的空格子内输入以下代码 a href?actdelid%rs(id)% οnclickjavascript: return confirm(你确定要删除吗? );删除/a输入成功后如图接着在execselect * from info的上一行输入actrequest.QueryString(act)if actdel then 删除idrequest.QueryString(id)sqldelete from info where idid conn.execute(sql)response.Redirect(del.asp)end if删除数据的页面也就在原来lang.asp的基础上增加上面两段代码大家可以好好分析分析。 第九课 - 修改数据库信息 你提交了一个信息但是你发现有错该怎么办?难道删除掉重新添加下面我们学学如何修改数据库资料首先我们在DEL.asp建立一个修改链接 “修改”链接到 edit.asp?id%rs(id)% 这其中edit.asp是我们后面需要建立的文件。 接着我们就要建立edit.asp来接受del.asp赋值过来的数据库了。我们要制作一个下面效果的页面排版这样的布局相信大家都会了那么就说一下主要的 ----------------------------------------------------------这段代码放在网页代码头部%set connserver.CreateObject(adodb.connection)DBPath Server.MapPath(db1.mdb)conn.open providermicrosoft.jet.oledb.4.0; data sourceDBpath idrequest(id)set rsserver.CreateObject(adodb.recordset)sqlselect * from info where ididrs.open sql,conn,1,1%----------------------------------------------------------前三行代码就不说了idrequest(id) 表示取得赋值过来的IDset rsserver.CreateObject(adodb.recordset)sqlselect * from info where ididrs.open sql,conn,1,1表示查询info表id字段里面的某个ID接着我们就要在表格对应的里面建立文本域用来显示信息body/body里面代码如下----------------------------------------------------------------table width350 border0 cellpadding6 cellspacing1 bgcolor#D6E0EFtrtd colspan2 bgcolor#698CC3div aligncenter classSTYLE9数据修改/div/td/trform nameform1 actioneditok.asp?id%id% methodposttrtd width86 bgcolor#FFFFFFdiv aligncenterspan classSTYLE5姓名/span/div/tdtd width237 bgcolor#FFFFFFinput namename typetext idname value%rs(name)% //td/trtrtd bgcolor#FFFFFFdiv aligncenter classSTYLE5地址/div/tdtd width237 bgcolor#FFFFFFinput nameaddr typetext idaddr value%rs(addr)% //td/trtrtd colspan2 bgcolor#FFFFFFdiv aligncenterinput typesubmit nameSubmit value 修改 //div/td/tr/form/table ----------------------------------------------------------------要注意name值别出错%rs(name)% 和 %rs(addr)% 是用来显示内容的. form nameform1 actioneditok.asp?id%id% methodpost 表示把内容提交到editok.asp处理并且注明 id多少现在我们就要建立editok.asp文件用来接收修改信息。editok.asp只是代码不需要建立表格之类的,代码如下----------------------------------------------------------------%set connserver.CreateObject(adodb.connection)DBPath Server.MapPath(db1.mdb)conn.open providermicrosoft.jet.oledb.4.0; data sourceDBpathidtrim(request(id))set rsserver.CreateObject(adodb.recordset)sqlselect * from info where ididrs.open sql,conn,1,3rs(name)request.form(name)rs(addr)request.form(addr)rs.updaters.closeset rsnothingconn.closeset connnothing%script lanaguagejavascript{window.alert(修改成功!请返回!);window.location.hrefdel.asp}/script----------------------------------------------------------------idtrim(request(id)) 取得要修改信息的IDsqlselect * from info where idid 取得与数据库ID的链接rs(name)request.form(name)rs(addr)request.form(addr)rs.updaters.close 表示将数据库现在的内容换成修改的内容script lanaguagejavascript{window.alert(修改成功!请返回!);window.location.hrefdel.asp}/script给与修改后的提示到此为止本教程完全结束。 第十课 - 编者注 看了这个教程相信初学者能够理解过来。关键是要多做多熟悉代码。因为这个只是教初学者入门所以有所谓的漏洞是事实请高手不要太介意。
