使用DreamWeaverMX快速开发ASP.NET Web应用

使用DreamWeaverMX快速开发ASP.NET Web应用

无论开发WinForm应用程序还是开发WebForm应用程序,Visual Studio.Net以其强大的功能成为很多.NET开发者的不二选择,然而VS.NET并不是万能的,在一些Web页面设计比较复杂的情况下就不一定是最好的选择了。
专业的WebSite开发设计过程通常都是由美工用PS等工具设计好界面,然后交由Web程序员完成网站的其他功能,我曾经试过用PS设计好一个界面,导出到DreamWeaver中修改优化好成最终的HTML页面,然后把HTML代码复制到VS.NET中来准备使用ASP.NET来添加后台功能,然而让我吃惊的是:整个页面乱成一片,在web方面的所见即所见的功能差到连FontPage都不如,根本无法在这里添加控件和相关代码,幸好有DreamWeaverMX的帮助,但是DreamWeaverMX的在开发方面的功能是不可能与VS.NET相比的,但是如果你把DreamWeaverMX用好了,发挥DreamWeaverMX的潜在功能,你会觉得用DreamWeaverMX开发.NET Web应用的一个不错的选择喔。
好,言归正传,让我们看看如何使用DreamWeaverMX(英文版)快速开发Web应用吧!
首先,我们先建立一个文件夹,然后在IIS中建立一个指向该文件夹的站点,打开DreamWeaverMX,按以下步骤设置好站点属性,这个很重要,以后调试的时候就很方便:
1,在Site菜单选NewSite打开Site Definition窗口,里面有两个选项卡:Base和Advanced;
2, 在选项卡Advanced中Local Info的Site Name和Local Root Folder设置好;
3,在选项卡Advanced中Remote Info的Access设置为Local/netWork;
4, 在选项卡Advanced中Testing Server的Server Model设为ASP.NET VB(C#),Access设置为Local/netWork
设置好以上的属性,按OK就可以开始我们的DreamWeaverMX的快速开发之旅了
然后我们新建一个ASP.NET页,在这镂颐鞘褂肅ode In而不是Code Behind的方式,新建好ASP.NET页后,你将会在Insert标签中看到多出了asp.net选项卡,在该选项卡下有很多可以帮助我们开发asp.net应用的功能,如下图:
asp.net选项卡
在上图中,我把这些常用的控件都标上了数字,方便讲解,当然我不会把所有的都写出来。我们先看看比较重要:
我们开始写代码的时候都需要把代码写在

1<script></script>

之间,我们可以按图中的数字7上的按钮,我们在DreamWeaverMX中html中将会看到以下代码:

1<script runat="server">   
2Sub Page_Load(Src As Object, E As EventArgs)   
3If Not IsPostBack Then DataBind();   
4End If   
5End Sub   
6</script>

而要导入命名控件,只需按图中的数字2上的按钮,你将会看到如下的代码:

1@ Import Namespace="" 

然后在里面,只要把你所需要的命名控件填入就行了,还是很方便的吧!
其他的按钮的功用,在这里就不列举了,因为这个,我们可以通过,每个都按一下,我们可以通过它生成的代码给可以知道它的作用了,但有一个不能不说,这个是很重要的,这个就图中的数字18上的按钮,我们大部分的控件添加的工作都可以在这里自动完成,我们点击它将会弹出如下图的Tag Chooser:
Tag Chooser

仔细看看上图中有红色圆圈的部分,DreamWeaverMX把ASP.NET各种控件都分好类别了,更方便我们取用了,那么如何使用这些列出的控件呢?很简单,把要插入到web页中的控件选种,按图中下面的Insert按钮,将会弹出一个属性对话框,我们可以在这里把大部分的属性都设置好,就像我们在VS.NET中设置属性一样方便!
下图是我们插入一个Dropdownlist弹出的属性对话框:

Dropdownlist弹出的属性对话框

怎么样很方便吧!?本文到此就要结束了,我写作本文的目的是希望给能使用VS.NET开发界面比较复杂WEBSITE时用得不是很顺的.NET开发者一个参考,当然了,把VS.NET和DreamWeaverMX结合起来使用也是一种不错的组合。

Published At
Categories with Web编程
Tagged with
comments powered by Disqus