转:ASP.NET AJAX+WCF+ADO.NET Entity 开发实例

开发环境:Windows server 2008 Enterprise,Microsoft Visual Studio 2008 SP1,.NET Framework 3.5 SP1,Microsoft SQL Server 2008

开发架构: ASP.NET AJAX,WCF,ADO.NET Entity Framework

开发步骤:

1、创建一个空白解决方案:JXCSln;

2、添加一个类库项目,名称为:Jxc.DAL,删除生成的Class1.cs,接着引用一下:System.Data.Entity,否则在创建数据库连接时会出现错误,无法连接到数据库。然后添加新项:ADO.NET Entity Date Model。名称为:NorthwindDbModel.edmx;在弹出的实体模型向导的第一个窗口中,选择“从数据库生成”,然后下一步,数据库连接设置如下图:

设置好后,单击下一步,出现如下图所示窗口,这时,我们只选择表:

最后单击无成,生成的实体模型图如下:

三、选择Jxc.DAL类库,生成一下。

四、添加一个新项目(类库项目),名称为:Jxc.BLL,删除生成的Class1.cs文件。添加引用,选择项目,引用Jxc.DAL,引用System.Data.Entity。

五、添加一个新类,名称:EmployeesInfo。

六、打开EmployeesInfo.cs文件,输入如下代码:

(需要 using Jxc.DAL;)

        NorthwindEntities EmployeesContent = new NorthwindEntities();

        public string GetEmployeeNameByID(int EmployeeID)
        {
            var query = EmployeesContent.Employees.First(p => p.EmployeeID == EmployeeID);
            return query.LastName + query.FirstName;
        }

        public Employees[] GetAllEmployees()
        {
            var query = from emp in EmployeesContent.Employees select emp;
            return query.ToArray();
        }

 

(时间关系,待续...)

接着上面的

七、添加一个新项目:ASP.NET Web 应用程序,并命名为:Jxc.Web。

八、添加引用——>项目:Jxc.BLL,Jxc.DAL,System.Data.Entity。

九、添加新项,WCF服务,名称:EmployeeService.svc; 删除文件IEmployeeService.cs,并将以下代码粘贴到EmployeeService.svc.cs文件中:

 

 

using System;
using System.Collections.Generic;
using System.Linq;
using System.Runtime.Serialization;
using System.ServiceModel;
using System.Text;
using Jxc.DAL;
using Jxc.BLL;  //记得引用

namespace Jxc.Web
{
    [ServiceContract(Namespace = "WcfService")]
    public class EmployeeService
    {
        EmployeesInfo employeefobl = new EmployeesInfo();
        int recordCount = 0;


        [OperationContract]
        public string GetEmployeeNameByID(int empid)
        {
            return employeefobl.GetEmployeeNameByID(empid);
        }

        [OperationContract]
        public Employees[] GetAllEmployees()
        {
            return employeefobl.GetAllEmployees();
        }
    }
}

十、接着删除Web.Config文件中生气的代码:

    <system.serviceModel>
        <behaviors>
            <serviceBehaviors>
                <behavior name="Jxc.Web.EmployeeServiceBehavior">
                    <serviceMetadata httpGetEnabled="true" />
                    <serviceDebug includeExceptionDetailInFaults="false" />
                </behavior>
            </serviceBehaviors>
        </behaviors>
        <services>
            <service behaviorConfiguration="Jxc.Web.EmployeeServiceBehavior"
                name="Jxc.Web.EmployeeService">
                <endpoint address="" binding="wsHttpBinding" contract="Jxc.Web.IEmployeeService">
                    <identity>
                        <dns value="localhost" />
                    </identity>
                </endpoint>
                <endpoint address="mex" binding="mexHttpBinding" contract="IMetadataExchange" />
            </service>
        </services>
    </system.serviceModel>

十一、选择文件EmployeeService.svc,右键——>查看标记:

将代码::<%@ ServiceHost Language="C#" Debug="true" Service="Jxc.Web.EmployeeService" CodeBehind="EmployeeService.svc.cs"  %>

改成如下代码:<%@ ServiceHost Language="C#" Debug="true" Service="Jxc.Web.EmployeeService" CodeBehind="EmployeeService.svc.cs"  Factory="System.ServiceModel.Activation.WebScriptServiceHostFactory" %>

十二、打开Default.aspx窗口,加入Asp.net Ajax功能:ScriptManager代码如下:
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
      <Services>
        <asp:ServiceReference Path="~/EmployeeService.svc" />
      </Services>      
    </asp:ScriptManager>
    <br />
    <h2>
        ASP.NET AJAX+WCF+ADO.NET Entity 架构实例</h2>
    <p>
      输入一个员工ID调用WCF并返回对应的名字!</p>
    请输入部门ID:<input id="txtdeptID" name="txtdeptID" type="text" />
    <input id="btnTransfer" onclick="ClientGetEmployeeID()" type="button"
        value="调用" /> <span id="Results"></span>
    </form>
</body>

十三、编写javascript代码,如下:

    <script type="text/javascript">
        function ClientGetEmployeeID() {
            var txtdeptID = document.getElementById("txtdeptID");
            if (isNaN(txtdeptID.value)) {
                alert('部门ID必须是数字!')
                txtdeptID.focus();
                return;
            }
            var proxy = new WcfService.EmployeeService();
            proxy.GetEmployeeNameByID(txtdeptID.value, OnSucceeded, OnFailed, "");
        }
        function OnSucceeded(result) {
            var RsltElem = document.getElementById("Results");
            RsltElem.innerHTML = result;
        }
        function OnFailed(error) {
            var RsltElem = document.getElementById("Results");
            RsltElem.innerHTML = "调用失败!";
        }     
    </script> 

十四、在Default.aspx.cs文件using一下引用项目:

using Jxc.BLL;
using Jxc.DAL;

 

 十五、程序运行如下:

 

 

 

 

 至此,已经可以正常运行,测试通过。

 

 请路过的朋友发表高见,当然也为像我一样想学这些技术的朋友指引一下,不过,还得大家多发表意见,谢谢

posted @ 2009-08-13 17:19  肚肚  阅读(354)  评论(1编辑  收藏  举报