dw怎么制作asp动态网页之向数据库增加记录?

所属分类: 网页制作 / Dreamweaver 阅读数: 1949
收藏 0 赞 0 分享

下面给大家介绍一下用dreamweaver制作asp动态网页时如何向数据库里边添加记录。前提是已经搭建好asp的运行环境IIS,并且用数据源连接了数据库,具体方法见我分享的前几个百度经验。我以创建一个个人信息登记页面为例介绍。

1、打开dreamweaver,点击菜单栏的:文件-->新建。

2、在弹出的界面中选择ASP VBScript,然后点击“创建”按钮。

3、按Ctrl+S保存刚刚新建的网页,保存在你创建的测试服务器(见我前几个分享的百度经验)的文件夹里边,并且后缀一定是asp

4、把鼠标指针放在页面内,点击菜单栏的:插入-->表单-->表单

5、把鼠标指针放在表单内,输入“姓名:”,然后点击菜单栏:插入-->表单-->文本域。操作如图。

6、鼠标点中刚刚添加的文本框,在下方重命名文本框的名字。操作如图。

7、把鼠标指针放在刚刚添加的文本域内,按回车,输入“性别:”,然后点击菜单栏:插入-->表单-->单选按钮,然后再单选按钮后边添加文字“男”。

8、按照上一步,添加一个单选按钮,后边添加文字为“女”。

9、鼠标点击选中刚刚添加的第一个单选按钮,在下方属性面板中命名为“xingbie”。同样选中第二个单选按钮,在下方属性面板中也命名为“xingbie”。注意:两个单选按钮名字一定要一样,否则就不是单选而是两个都可以选了。

10、回车:输入文字“个人简介”,回车,然后点击菜单栏:插入-->表单-->文本区域

11、点中添加的文本区域,然后再下方的属性面板中可以改变它的长和宽。

12、回车,点击菜单栏:插入-->表单-->按钮。

13、鼠标点中刚刚添加的按钮,然后再下方的属性面板中可以改变按钮上所显示的文字。如图。

14、打开测试服务器所在的文件夹里边的数据库(这里用的是access2010)。

15、点击打开的Access数据库菜单栏的:创建-->表。按Ctrl+S,在弹出的界面输入要保存的数据表的名字。如图。

16、点击菜单栏的:开始-->视图,切换到视图模式。

17、在表里边假如如图所示几个字段:xingming、xingbie、gerenjianjie。其中xingming和性别的数据类型是文本,而gerenjianjie的数据类型是备注(备注类型没有字数限制而文本类型最多只能输入255个字节)。保存,然后退出。

18、回到Dreamweaver,点击菜单栏:窗口-->绑定,打开绑定面板。

19、点击菜单栏:窗口-->服务器行为,打开服务器行为面板。

20、先连接数据库(见笔者之前分享的百度经验)。如果数据库已经连接好了,那么在数据库面板里边右键单击,选择刷新。

21、选择绑定面板,选怎文档类型为ASP VBSCript。

22、在绑定面板中,点击“+”,选择“记录集(查询)。在弹出的界面中选择我们刚刚在数据库里边创建的表。如图。

23、鼠标指针放到表单里边,切换到服务器行为面板,点击“+”,选择“插入记录”。

24、弹出如图所示界面,按照如图所示界面,进行设置(面板上的文字大家应该一看就懂,所以不做过多说明),然后点击确定。

25、这时,增加记录的功能就做好了。按F12在浏览器中输入以下数据,然后点击添加按钮。

26、然后回到dreamweaver的数据库面板查看一下数据。大功告成。

相关推荐:

dreamweaver怎么做一个简单的网页?

dreamweaver中怎么将文字放到图片上?

更多精彩内容其他人还在看

DW怎么设置网站的背景图像?

Dreamweaver是一种强大的网页编辑器,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,今天小编为大家分享DW怎么设置网站的背景图像方法,不会的朋友可以参考本文,一起来看看吧
收藏 0 赞 0 分享

DW怎么做热点链接?dw热点链接制作方法图解

对于文字和图片(整图)的链接我们都知道通过属性面板可以设置,那局部图片需要链接出去,该怎么设置呢?下面小编就为大家详细介绍一下,来看看吧
收藏 0 赞 0 分享

dreamweaver怎么做一个简单的网页?

dreamweaver怎么做一个简单的网站?想做一个简单的网站,该怎么制作呢?今天我们就来卡看dreamweaver制作网站的一个步骤,感兴趣的朋友可以进来参考一下,需要的朋友可以参考下
收藏 0 赞 0 分享

Dreamweaver怎么批量修改网页相同的内容?

Dreamweaver怎么批量修改网页相同的内容?比如想修改旺旺的副标题,有很多,而且是相同的,该怎么批量修改节省时间呢?下面我们就来看看Dreamweaver批量修改网页相同的内容的方法
收藏 0 赞 0 分享

dreamweaver cs6怎么新建HTML5格式的页面?

dreamweaver cs6怎么新建HTML5格式的页面?dreamweaver新建页面格式默认是xhtml1.0,现在想新建html5的页面该怎么办呢?下面我们来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Dreamweaver怎么在网页中显示一个圆角矩形?

Dreamweaver怎么在网页中显示一个圆角矩形?想绘制一个红色的圆角矩形,该怎么使用Dreamweaver实现呢?今天我们就来看看使用dw在网页中绘制红色圆角矩形的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

dreamweaver中怎么交互图像? dw制作鼠标经过图像换图的教程

dw中怎么交互图像?dw中想制作一个网页,当鼠标经过图像的时候,就自动换一个图像,该怎么换呢?下面我们就来看看dw制作鼠标经过图像换图的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

dreamweaver8调出新建、打开两个命令的快捷工具栏

今天小编为大家分享dreamweaver8调出新建、打开两个命令的快捷工具栏方法,教程很基础,适合新手来学习,推荐过来,来看看吧
收藏 0 赞 0 分享

DW在html中插入css样式方法

进行网页设计想要有一个好看的界面布局我们就得要使用到css样式,下面小编就为大家介绍DW在html中插入css样式方法,不会的朋友可以参考本文,来看看吧
收藏 0 赞 0 分享

8款替代Dreamweaver的开源网页开发工具

这篇文章主要为大家详细介绍了8款替代Dreamweaver的开源网页开发工具,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享
查看更多