前言:

好久没写教程类的文章,版本升级的是很快,由于所有版本都是向下兼容的,所以原先教程也适用,

有时间再适度的人为的更新一下。

暂时有一些新功能用法,都散落在各在发布版本的文章中,所以大伙有空也不要放过各版本的发布文章。

今天,特意精心写了一个示例,来演示 CYQ.Data 数据框架中一项未被大伙重视的:JSON应用篇。

 

下面就来看示例了:

 

一:功能清单介绍

 

1:发布一个WebService,提供两个方法:

a:查询表数据:public string GetUsersInfo()

b:数据更新[带插入]:public bool UpdateUserInfo(string json)

 

2:本地Aspx页面:

a:直接调用WebService的GetUsersInfo,绑定到列表控件中。

b:用Jquery读取WebService,循环输出数据。

c:用Jquery调用UpdateUserInfo,提交数据。

 

3:解决方案:

 

为了这次示例,把 秋色园QBlog 数据库也用上了。

 

二:项目实施步骤

 

1:到 下载中心下载V4.3版本,并配置好数据库链接--略过

2:引用CYQ.Data 数据框架--略过

 

3:添加WebService,并新增以下两个方法:

 

4:添加WebService的引用

 

5:界面调用:

a:html

<asp:GridView ID="gvUsers" runat="server"></asp:GridView>

b:Default.aspx

    protected void Page_Load(object sender, EventArgs e)
    {
        localhost.Service s = new localhost.Service();
        MDataTable.LoadFromJson(s.GetUsersInfo()).Bind(gvUsers); ;
    }

 

6:F5结果1:

 

7:与Jquery调用交互一:查询数据:

a:html

<div id="jsonBody" title="显示用的Div一个"> </div>

同时body增加onload="loadData()",引发事件的脚本如下:

b:调用结果:

 

8:与Jquery调用交互二:提交数据:

a:html:1个输入框,一个提交按钮

   <input id="txtJson" type="text" value=""  style="width: 300px" />
   <input type="button" value="提交更新" onclick="updateData()" />

b:jquery调用提交数据:

c:界面输入数据,并准备提交数据:

d:提交后的数据结果已更新如下:

 

三:总结与示例打包下载:

 

本能过篇的介绍,能掌握 CYQ.Data 数据框架在网络通讯JSON的应用。

 

从本节的示例代码中看,应用起来是相当的简洁方便的:

可以非常方便的从表格转化成JSON,同时能方便的从JSON还原为表格,表格还可以转化为List<T>的实体形式。

 

即使是基于WCF,Silverlight的通讯应用,也是非常方便的,大伙赶紧激情体验下。

 

最后是:示例打包下载地址:http://www.cyqdata.com/download/article-detail-28683

posted on 2011-03-31 15:00  路过秋天  阅读(2486)  评论(26编辑  收藏  举报
路过秋天