DreamwaverMX与ASP.NET(二)
<P><STRONG>2.利用ASP.NET组件DataGrid显示数据<BR><BR></STRONG>相关内容介绍:<BR><BR>ASP.NET自带了很多web组件，加速编网页的速度。让我们用Dreamwaver MX自带的一个教程--global的例子，来演示一下如何利用此组件将数据库里的数据显示出来. <BR><BR><B>1.数据库链接和用DataGrid显示数据</B> <BR><BR>在web页面目录里的assets中有本实例的数据库global.mdb,我们的目的就是将此数据库中的location表中的数据根据Region_id的值来输出不同地区的资料。(可利用Access打开此数据库)<BR><BR>我们可以将location3.htm文件重命名为location3.aspx(ASP.NET的web窗口文件的后缀为aspx)，而后对其编辑。<BR><BR><IMG src="/bbs/attachments/websoft/20081206/200812611255768777801.jpg"> <BR><BR>[图2-1 需要更改的页面]<BR><BR>让我们来删除中间简单的静态部分,来用ASP.NET的DataGrid来实现其功能。<BR><BR><IMG src="/bbs/attachments/websoft/20081206/200812611255773477802.jpg"> <BR><BR>[图2-2 删除静态部分的页面]<BR>下一步就是链接数据库了。点击右边的Application面板，选择Database，点击 号，<BR><BR>选择OLE DB connection。<BR><BR><IMG src="/bbs/attachments/websoft/20081206/200812611255779677803.jpg"> <BR><BR>[图2-3 Application 面板]<BR><BR>接着进入 OLE DB Connection 对话框。这里可以手写链接数据库代码，也可自动生成代码。将Connection Name命名为location,单击Build，通过向导自动生成代码。<BR><BR><IMG src="/bbs/attachments/websoft/20081206/200812611255784377804.jpg"> <BR><BR>[图2-4 OLE DB Connection 对话框]<BR><BR>进入Data Link Properties页面后，选择Provider设置数据库引擎<BR><BR>下面就是令人惊异的了,支持21种数据库链接方式其中包括SQL server,Oracle等等。<BR><BR><IMG src="/bbs/attachments/websoft/20081206/200812611255789077805.jpg"> <BR><BR>[图2-5 数据库引擎提供页面]<BR><BR>这就是.NET的巨好的地方之一，支持多种数据库。其采用了ADO.NET。等一会我们用此向导生成的connection string就是依照ADO.NET写成的。<BR><BR>由于我们将要链接的数据库是Access2000的数据库，所以我们选择Microsoft Jet 4.0 OLE DB Provider,单击Next。<BR><BR>单击1.Select or enter a database name 旁的按钮，选择所要链接的数据库<BR><BR>在2.Enter information to log on to the database 中取消User name和Password<BR><BR><IMG src="/bbs/attachments/websoft/20081206/200812611255793777806.jpg"> <BR><BR>[图2-6 设定链接]<BR><BR>在Advanced 中设置读取的权限。选择Read, ReadWrite,Write，单击确定。<BR><BR><IMG src="/bbs/attachments/websoft/20081206/200812611255798477807.jpg"> <BR><BR>[图2-7 设置权限]<BR><BR>添加Connection name，单击Test测试数据库链接,倘若数据库链接成功，单击OK。恭喜你，<BR><BR>你已经将数据库链接到你的站点了。下一步就应该是将其用DataGrid显示出来<BR><BR>同样是Application面板,选择Server Behaviors，<BR><BR>先完成设置,单击deplay，程序会将自动部署站点,会将DreamweaverCtrls.dll，web.config以及_mmServerScripts文件夹拷贝到站点目录，是用Dreamweaver MX建立ASP.net网页必需的文件。<BR><BR><IMG src="/bbs/attachments/websoft/20081206/20081261125584677808.jpg"> <BR><BR>[图2-8 部署站点]<BR>同时先要在网站根目录下建立bin文件夹，并将DreamweaverCtrls.dll文件拷贝至此文件夹。<BR><BR>单击 号，先新建一个DataSet.<BR><BR><IMG src="/bbs/attachments/websoft/20081206/20081261125589377809.jpg"> <BR><BR>[图2-9 添加Dataset]<BR><BR>Connection 是选择数据源，Table是选择表，Column是选择项目，Filter是用于筛选数据，由于此页面是显示Europe的数据，故设Entered Value=3。On Failure，Go To是用于处理读取数据出错时跳到的页面。<BR><BR><IMG src="/bbs/attachments/websoft/20081206/2008126112558140778010.jpg"> <BR><BR>[图2-10创建数据集]<BR><BR>创建DataSet成功后就可以创建DataGrid了。单击 号，选择DataGrid<BR><BR><IMG src="/bbs/attachments/websoft/20081206/2008126112558187778011.jpg"> <BR><BR>[图2-11 添加DataGrid]<BR><BR>Dataset中选择需要的记录集，Show中设置是否采用分页显示和分页显示的每页记录个数，Navigation中设定导航栏的方式，Columns中可以添加或删除显示的项目。<BR><BR><IMG src="/bbs/attachments/websoft/20081206/2008126112558234778012.jpg"> <BR><BR>[图2-12 设置DataGrid]<BR><BR>单击Edit，设置表头的标题。输入标题后，单击OK确定。<BR><BR><IMG src="http://www.jcwcn.com/Files/BeyondPic/jcwcj/2005-12/10/05121012001235586.j
页:
[1]