课件-数据库网站开发.pptVIP

数据库网站开发 一、新建asp网页 网站技术有很多种，从简单的html网页到php、java、asp、aspx等格式，无论哪种网页技术，实际上都是记事本文件，只是该文件中的代码格式也编码规范、语法的不同，最直接的体现就是该网页文件的后缀名不同。 此处以asp格式的网页为例新建一个网页： 1、打开Dreamweaver，新建-网页，选择asp VBScript，将会新建一个asp网页； 2、点击保存按钮或者菜单项，将该文件保存到教学用模拟网站的目录下面。 3、查看该页面，默认主要包含head、title、body部分，要求大家搜索相关资料，了解这三部分的功能。 二、表单 交互式网页，也称动态网页（active server page）与普通的静态网页不同，能够将用户的数据提交给服务器，而服务器则根据用户提交的数据以及请求动态的生成网页数据。 交互式网页一个非常典型的展现方式就是提交表单（form），表单的意思是在网页中会有按钮、文本框、单选钮、复选框等，用户输入信息后，点击相应的表单按钮，实现将用户的文字、选择项提交给服务器。方法如下： 1、在Dreamweaver中打开刚才的test.asp，将鼠标定位到浏览页的空白处或者代码里的body标签里面； 2、点击菜单 插入-表单； 3、在弹出的对话框中操作框里填写“index.asp”,表示提交该表单后会跳转到action所指定的页面，并选择提交（submit）方式为post，点击确定，会在网页中插入一段代码， form action=index.asp method=post/form 三、按钮 在表单的基础上还需要进一步添加按钮用于实现交互式操作，方法如下： 1、将鼠标定位于表单内，或者将鼠标定位在代码视图里面的form标签中间，如下所示： form action= method=post 鼠标定位与此/form 2、点击菜单的 插入-按钮，在弹出的对话框中选择onclick事件，该事件的action设置为 index.asp，名称和数值可以自行填写，类型选择提交（submit），则会生成如下代码（不能定位在设计视图里） input name=ma type=submit value=打开主页 / 3、运行服务器aspweb.exe 4、在地址栏中输入:99/test.asp，点击按钮，查看效果。 四、返回数据，实现交互 显然，孤零零的一个提交按钮并不能完成太多的有意思的工作，与链接的区别并不是很明显。 事实上表单的表单的作用可以更强大，用于完成复杂的工作，例如，可以将用户的数据返回给服务器，服务器会有一定的反馈。 此处新建另外一个网页test2 1、新建-asp vbscript 页面，页面中简单的输入任意文字“亲，是临沂大学物流学院的学生：” 2、保存该页面，命名为test2.asp 运行aspweb.exe，在地址栏中输入该网页的地址:99/test2.asp，查看该结果。 四、返回数据，实现交互 3、回到test.asp页面，在页面的的代码中做如下修改 form action=test2.asp?name=myname.text method=post 保存该页面 4、浏览test1.asp，并点击按钮 “确定”，观察地址栏的变化，应该变成了类似： :99/test2.asp?myname=mafortest=%E7%A1%AE%E5%AE%9A 说明：这里面用到了变量的传递，在不同的页面之间实现了数据的交互，这个很重要。myname是定义的一个变量，而ma则是test1.asp中的一个用户可以输入的数值。 四、返回数据，实现交互 5、继续修改代码，此次修改的代码为test2.asp，设法将test.asp传递过来的myname变量所代表的值显示出来。代码修改如下 body 我，是临沂大学物流学院的学生：%=request(myname)% /body 6、保存代码，运行aspweb.exe，在浏览器中打开 :99/test.asp，在文本框中输入你的姓名，然后点击确定，观察运行结果，是不是很酷？！ 实验： 看看你能够做出新花样来？可以有点创意。 五、文件的包含 文件的包含也可以简单的理解为文件的嵌套，也就是说，可以在一个页面中包含另一个文件，如： 在index.asp页面中包含了另外一个页面top.asp，其表达方式为在index.asp的代码页面中加入了如下的代码 !--#include file=top.asp-- top.asp页面是index.asp页面的页首部分，显示在页面的顶端，同样，在主页的页底部分也加入了另外一个页面copy.asp，该页面主要是页面的版权信息，代码如下： !--#include file=copy.asp-