📜  Microsoft Expression Web-SQL数据源

📅  最后修改于: 2020-11-20 06:12:55             🧑  作者: Mango


Expression Web有许多用于处理静态HTML页面的工具,但也有用于创建更多动态页面的工具。动态页面通常从数据源检索数据或内容。在本章中,我们将学习如何创建要在动态页面中使用的SQL DataSource。

让我们看一个简单的示例,在该示例中,我们创建一个下拉列表并通过使用SQL DataSource从数据库中检索数据来填充列表。

步骤1-首先创建一个新的空网站。

空网站

我们称之为SQLDataSource 。单击确定。

步骤2-您将看到表达式Web为我们创建了一个文件夹。但是,由于我们选择创建一个空项目,因此我们还没有任何文件。

空项目

Expression Web不必仅用于创建静态HTML网站。我们可以轻松地使用页面和控件来创建动态网站。

步骤3 -Expression Web还使我们能够创建很多动态内容,而不必一定要成为开发人员。因此,让我们从文件→新建页面菜单选项中添加一个ASPX文件。在中间模型中选择ASPX,然后单击“确定”。

新页面

步骤4-在这里,我们将以表单的形式创建一个控件,该控件需要访问数据库中的数据以创建动态网站。

在这种情况下,我们将创建一个SQL DataSource,它将从数据库中检索数据。

SQL数据源

步骤5-转到工具箱并将DropDownList拖放到代码视图的

标记内,或者也可以将其拖放到设计视图的表单部分。您将看到该代码是由Expression Web添加的。

在这里,我们要连接数据库中的一些数据并将其存储在下拉列表中。因此,我们首先需要的是数据库。

下拉列表

步骤6-转到新建→文件夹菜单选项,在项目文件夹中创建一个新文件

新建文件夹

步骤7-将此文件夹命名为App_Data

应用程序数据

步骤8-我们需要通过使用File→Import→File…菜单选项将数据库导入到我们的项目中。

导入文件

步骤9-它将打开导入对话框,如下所示。单击添加文件…按钮,这将打开打开文件对话框。

导入对话框

步骤10-浏览到要包含在网站中的数据库(* .mdf文件) ,然后单击“打开”。

数据库

步骤11-打开MyTestDatabase.mdf。它将显示以下对话框。单击确定。

MyTestDatabase

步骤12-现在您可以看到数据库文件已添加到App_Data文件夹中。当您拥有下拉列表之类的控件且Expression Web允许您将数据绑定到该控件时,您将在设计视图的右上角看到一个小箭头。

App_Data文件夹

步骤13-这是当前的上下文菜单,可以使我们为该特定控件执行非常具体的任务,其中之一就是选择数据源。因此,让我们单击“选择数据源…” ,这将打开数据源配置向导。

选择数据源

步骤14-当前,我们没有数据源。让我们从菜单中选择“新建数据源”选项。

新数据源

在这里,我们将导入一个SQL数据库。让我们选择数据库,然后单击“确定”。

步骤15-现在,我们需要指定连接字符串。让我们单击“新建连接”按钮。

新连接

步骤16-选择Microsoft SQL Server数据库文件,然后单击确定。

Microsoft SQL服务器

步骤17-单击浏览按钮以找到数据库文件。

找到数据库

步骤18-选择数据库文件,然后单击“打开”按钮或双击数据库文件。

数据库文件

步骤19-要测试连接,请单击“测试连接”按钮。

测试连接

它将显示以下屏幕。单击确定按钮。

显示屏

步骤20-现在,我们将配置数据源。在以下屏幕上单击“下一步”。

配置数据源

选中复选框,然后再次单击下一步。

复选框

步骤21-在这里,您将看到数据库中的所有表。让我们选择学生表。

学生桌

步骤22-您将在列表框中看到所有列。选择IDLastName 。在底部,您可以看到它实际上是在创建查询。您也可以使用WhereORDER BY子句。完成查询后,单击“下一步”。

按条款排序

步骤23-单击测试查询按钮。它将显示查询结果,如下所示。

查询结果

步骤24-在以下对话框中,默认情况下选择数据源。 “选择要在DropDownList中显示的数据字段”是实际上将要显示的字段。让我们选择LastName,然后从“为DropDownList的值选择一个数据字段”中选择ID,然后单击“确定”。

数据源配置向导

如下面的屏幕快照所示,DataSource已添加到设计视图中。

数据源已添加

以下是由Expression Web创建的ASPX文件中的完整代码。

 
      Untitled 1 
     

     
       
          
          

          
          
        
     

步骤25-让我们通过按Ctrl + S保存网页。

保存网页

将此页面称为SQLDatasource.aspx ,然后单击“保存”。

步骤26-让我们在浏览器中预览此页面。您将看到一个下拉列表,其中包含“学生”表中学生的姓氏。

学生姓名