使用WCF实现SOA面向服务编程——使用AJAX+WCF服务“.NET技术”页面开发

简介:   在上一篇讲到,如果将BLL层的每一个类都转化为*.svc,这是一个不实在的想法。它会使服务变化复杂,难于管理。  这时候,我们第一时间想到的是23个简单开发模式中的Factory,在这里,Factory正好派上用场。

  在上一篇讲到,如果将BLL层的每一个类都转化为*.svc,这是一个不实在的想法。它会使服务变化复杂,难于管理。

  这时候,我们第一时间想到的是23个简单开发模式中的Factory,在这里,Factory正好派上用场。我们把这个Factory称之为管道(pipeline) ,通过这个管道客户端可以随意调用服务器BLL层里面的类。

  (关于管道的概念,建议参考Cory Isaacson的杰作《多核应用架构关键技术—软件管道与soa》)

  当你使用B/S方式开发UI层时,只要了解此开发模式,使用Ajax加上WCF里面的WebHttpBinding绑定和WebHttpBehavior行为,可以说是天衣无缝的组合。

  首先,开发一个数据契约,其中包括程序集名称,类名,构造函数的参数,方法名,方法中的参数:

 
 
[DataContract]
public class Communication
{
[DataMember]
public string Assembly
{
get ;
set ;
}
[DataMember]
public string Class
{
get ;
set ;
}
[DataMember]
public object [] ConstructedParameters
{
get ;
set ;
}
[DataMember]
public string Method
{
get ;
set ;
}
[DataMember]
public object [] Parameters
{
get ;
set ;
}
}

  为了证明客户端可以通过Ajax能够直接调用服务器WCF,我们先开发一个MyAssembly程序集:

 
 
namespace MyAssembly
{

[DataContract]
public class User
{
[DataMember]
public int ID
{
get ; set ; }

[DataMember]
public string Name
{
get ; set ; }

[DataMember]
public int Age
{
get ; set ; }
}

public class UserManager
{
public List < User > GetList()
{
List
< User > entities = new List < User > ();
User user
= new User();
user.ID
= 0 ;
user.Age
= 26 ;
user.Name
= " Leslie " ;
entities.Add(user);
return entities;
}
}
}

  好,现在已经做好准备,现在我们新建一个“启动了AJAX的WCF服务”:

 
 
[ServiceContract(Namespace = " myNamespace " )]
[AspNetCompatibilityRequirements(RequirementsMode
= AspNetCompatibilityRequirementsMode.Allowed)]

// 注意必须将RequirementsMode设置为AspNetCompatibilityRequirementsMode.Allowed

public class Service
{
private static Hashtable assemblies =上海网站建设 new Hashtable();
private static Hashtable types = new Hashtable();

[OperationContract]
[WebGet]

// 要使用 HTTP GET,请添加 [WebGet] 特性。
public string DoWork(Communication communication)
{
Type classType
= GetType(communication); // 通过自定义的GetType(Communicate o)方法加载类

if (classType != null ) // 下面将利用反射原理创建类对象
{
object reflectedObject;
if (communication.ConstructedParameters != null )
reflectedObject
= Activator.CreateInstance(classType, communication.ConstructedParameters);
else
reflectedObject
= Activator.CreateInstance(classType);

MethodInfo methodInfo
= classType.GetMethod(communication.Method); // 获取方法信息

if (methodInfo != null )
{
object data = methodInfo.Invoke(reflectedObject, communication.Parameters); // 调用方法
if (data != null )
return Formate(data, methodInfo.ReturnType); // 将结果转化为JSON
else
return null ;
}
else
return null ;
}

return null ;
}

// 因为结果供于Ajax页面使用,所以将结果转化为Json形式
// 其实当项目已经启动AJAX,在默认情况下结果会自动转化为JSON,但因为不能事先预知返回的类型,所以把返回类型定为String
// 此处手动将结果转换成JSON字符串
public string Formate( object data,Type type)
{
using (Stream stream = new MemoryStream())
{
DataContractJsonSerializer jsonSerializer
= new DataContractJsonSerializer(type);
jsonSerializer.WriteObject(stream, data);
byte [] byteData = new byte [stream.Length];
stream.Seek(
0 , 0 );
stream.Read(byteData,
0 , ( int )stream.Length);
stream.Close();
return Encoding.UTF8.GetString(byteData);
}
}

// 加载程序集  
private Assembly GetAssembly(Communication communication)
{
if ( ! assemblies.ContainsKey(communication.Assembly))
{
Assembly myAssembly
= Assembly.Load(communication.Assembly);
assemblies.Add(communication.Assembly, myAssembly);
}
return (Assembly)assemblies[communication.Assembly];
}
// 加载类
private Type GetType(Communication communication)
{
if ( ! types.ContainsKey(communication.Class))
{
Assembly assembly
= GetAssembly(communication);
types.Add(communication.Class, assembly.GetType(communication.Class));
}
return (Type)types[communication.Class];
}
}

  服务器端会自动为你配置.config文件:

 
 
< system.serviceModel >
  < serviceHostingEnvironment aspNetCompatibilityEnabled ="true" />
  < behaviors >
    < endpointBehaviors >
    < behavior name ="ServiceAspNetAjaxBehavior" >
    < enableWebScript /> //注意启动enableWebScript
  </ behavior >
  </ endpointBehaviors >
  < serviceBehaviors >
    < behavior name ="ServiceBehavior" >
      < serviceMetadata httpGetEnabled ="true" /> //注意此处启动了httpGetEnabled
      < serviceDebug includeExceptionDetailInFaults ="false" />
    </ behavior >
  </ serviceBehaviors >
</ behaviors >
  < services >
  < service name ="Service" behaviorConfiguration ="ServiceBehavior" >
上海企业网站设计与制作>    < endpoint address ="" behaviorConfiguration ="ServiceAspNetAjaxBehavior"
binding
="webHttpBinding " contract ="Service" /> //注意绑定的是webHttpBinding
    < endpoint address ="mex" binding ="mexHttpBinding" contract ="IMetadataExchange" />
  </ service >
  </ services >
  </ system.serviceModel >
</ configuration >

  好吧,现在万事俱备的时候,让我们开发一个测试页面:

 
 
< body >
< form id ="form1" runat ="server" >
< script type ="text/javascript" >
window.onload
= function () {
myNamespace.Service.set_path(
" http://localhost:8080/Service.svc/ " );
var communication = { " Assembly " : " MyAssembly " , " Class " : " MyAssembly.UserManager " ,
        "
ConstructedParameters " : null , " Method " : " GetList " , " Parameters " : null };

// 把Communication参数转化为Json形式
myNamespace.Service.DoWork(communication, OnSucceed, OnFail, null );
}
function OnSucceed(result) {
if (result != null )
alert(result);
}
function OnFail(result) {
alert(result);
}
</ script >
</ form >
</ body >

  测试成功:

  恭喜你终于学会如何使用Ajax+WCF进行页面数据显示了。

  你应该初步了解到如何使用管道Pipeline进行客户端与服务器端的通讯,自此之后,每逢你进行简单的页面开发时都可使用此方式。好处在于页面无 需了解数据是从何处获取的,因为数据存取和页面可以处于不同的线程池,所以这样做可以把服务器压力降到最低。同时你可以使用异步的服务,来进一步提高数据 站点的线程池效率。(异步服务可参考ASP.NET服务器端多线程设计

目录
相关文章
|
JavaScript 前端开发 容器
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
125 0
|
3月前
|
机器学习/深度学习 数据采集 存储
动态渲染页面智能嗅探:机器学习判定AJAX加载触发条件
本文介绍了一种基于机器学习的智能嗅探系统,用于自动判定动态渲染页面中AJAX加载的最佳触发时机。系统由请求分析、机器学习判定、数据采集和文件存储四大模块构成,采用爬虫代理技术实现高效IP切换,并通过模拟真实浏览器访问抓取微博热搜及评论数据。核心代码示例展示了如何调用微博接口获取榜单与评论,并利用预训练模型预测AJAX触发条件,最终将结果以JSON或CSV格式存储。该方案提升了动态页面加载效率,为信息采集与热点传播提供了技术支持。
75 15
动态渲染页面智能嗅探:机器学习判定AJAX加载触发条件
|
8月前
|
XML 前端开发 JavaScript
PHP与Ajax在Web开发中的交互技术。PHP作为服务器端脚本语言,处理数据和业务逻辑
本文深入探讨了PHP与Ajax在Web开发中的交互技术。PHP作为服务器端脚本语言,处理数据和业务逻辑;Ajax则通过异步请求实现页面无刷新更新。文中详细介绍了两者的工作原理、数据传输格式选择、具体实现方法及实际应用案例,如实时数据更新、表单验证与提交、动态加载内容等。同时,针对跨域问题、数据安全与性能优化提出了建议。总结指出,PHP与Ajax的结合能显著提升Web应用的效率和用户体验。
186 3
|
9月前
|
前端开发 JavaScript
回顾前端页面发送ajax请求方式
回顾前端页面发送ajax请求方式
85 18
|
8月前
|
JSON 前端开发 JavaScript
java-ajax技术详解!!!
本文介绍了Ajax技术及其工作原理,包括其核心XMLHttpRequest对象的属性和方法。Ajax通过异步通信技术,实现在不重新加载整个页面的情况下更新部分网页内容。文章还详细描述了使用原生JavaScript实现Ajax的基本步骤,以及利用jQuery简化Ajax操作的方法。最后,介绍了JSON作为轻量级数据交换格式在Ajax应用中的使用,包括Java中JSON与对象的相互转换。
150 1
|
11月前
|
前端开发 Java UED
告别页面刷新时代:Struts 2 Ajax技术揭秘,轻松实现动态加载,Web应用焕然一新!
【8月更文挑战第31天】在Web应用开发中,用户体验至关重要。为减少页面刷新带来的不适,Ajax技术应运而生。Struts 2作为流行的Java EE框架,通过内置的Ajax支持简化了无刷新页面动态加载的实现。本文通过对比传统请求响应模式,展示了Struts 2如何轻松实现Ajax功能,提升了用户体验和开发效率,并灵活地实现了数据交换。然而,使用Ajax时还需注意SEO和跨域请求等局限性。
88 0
|
JavaScript 前端开发 安全
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
|
数据采集 Web App开发 前端开发
技术心得记录:如何用JAVA爬取AJAX加载后的页面(转载)
技术心得记录:如何用JAVA爬取AJAX加载后的页面(转载)
|
前端开发 搜索推荐 安全
AJAX和CSR(客户端渲染)是Web开发中常用的两种技术
【5月更文挑战第8天】AJAX提升用户体验,减轻服务器压力,但对搜索引擎不友好且增加开发复杂度,易引发安全问题。CSR提供快速响应和交互性,改善用户体验,但首屏加载慢,搜索引擎支持不足,同样面临安全挑战。两者各有适用场景,需按项目需求选择。
104 0
|
XML 前端开发 JavaScript
【JavaScript技术专栏】JavaScript网络请求与Ajax技术
【4月更文挑战第30天】Ajax是Web开发中实现动态数据更新的关键技术,允许不刷新页面即从服务器获取数据。它结合了HTML/CSS、DOM、XML/JSON和JavaScript。`XMLHttpRequest`是传统的Ajax实现方式,而`fetch` API是现代、简洁的替代选项。Ajax应用实例展示了如何使用fetch在搜索框输入时异步获取并显示结果,提升了用户体验。掌握这些技术对前端开发者至关重要。
124 0