CYQ.Data 数据框架 应用示例 JSON通讯篇

前言：

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

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

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

今天，特意精心写了一个示例，来演示 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

原文链接： http://www.cnblogs.com/cyq1162/archive/2011/03/31/2001036.html