ASP.NET Aries 3.0发布(附带通用API设计及基本教程介绍)

简介:

主要更新:

1:升级处理机制(js请求由同步变更为异步)

2:优化前端JS:包括API和配置方式。

3:增加InputDialog功能。

4:增远远程验证功能。

5:优化权限安全机制。

6:增加一次请求多个方法的功能。

7:优化支持文本数据库(为了演示Demo,节省我服务器的资源)

从旧版本升级的注意事项:

Config_Grid表的字段变更:

viewname字段,变更为Rules,长度为250。

MergeIndexed,改名为:MergeIndex。

开源地址:

GitHub:https://github.com/cyq1162/Aries

Demo演示:http://aries.cyqdata.com/login.html (Demo挂回了美国的VPS【少数用户访问可能出现网络慢的问题】,同时用上了文本数据库)

JS API通用设计思维介绍:

1:名称空间:

AR.DataGrid:操作表格和树形表格(需要实例化)。

AR.Upload:操作文件上传(需要实例化,如:导入按钮(点击的时候弹出上传Excel文件功能))。

AR.Form:操作表单页面(如普通的编辑或新增页面)。

AR.Combobox:操作下拉框对象。

AR.Utility:通用工具类:如AR.Utility.Ajax类就在这里面。

AR.Global:全局对象。

2:通用事件与属性:

1:对象(包括按钮)都有$target,获取JQ对象。

2:对象(包括按钮)都有isHidden属性,可以按钮显示或隐藏。

3:对象(包括按钮)都有三个事件(不管是按钮还是对象的初始化):

onBeforeExecute

onExecute(默认都执行这个)

onAfterExecute

处理时,根据业务,找到对应的对象,处理该事件即可。

4:有些对象有Items属性(dg.Search.Items、dg.PKColumn.Items、AR.Global.DG.Items)

5:有些对象有add方法。

AR.DataGrid 简单介绍:

1:支持类型(普通表格(datagrid)和树形表格(treegrid)):

2:示例代码:

var dg=new AR.DataGrid(objName,tableName,id,type);

//这里可以控制参数。

dg.bind();//绑定表格

3:呈现的效果:

或者是:(树形菜单默认是通过右键菜单控制操作)

4:表格常用内部对象:

1:dg.ToolArea:包括搜索(Search)和工具条(ToolBar)。

2:dg.Search:搜索区

3:dg.ToolBar:按钮工具条

4:dg.PKColumn:主键列区

5:dg.HeaderMenu:列头右键菜单

6:dg.ContextMenu:行数据的右键菜单

5:前端JS API编程示例(结合通用对象通用事件,很容易知道在哪处理你要扩展的事件):

比如:你想在点击查询追加条件,那么代码就是:

dg.Search.BtnQuery.onBeforeExecute=function(para){在这里追加条件。}

比如:你想隐藏重置按钮,那么代码是:

dg.Search.BtnReset.isHidden=false;

比如:你想给查询条件某个框赋值,那么代码是:

dg.Search.onAfterExecute=function(para){dg.Search.Items["列名"].val(123);};

也可以在页面加载后处理:

dg.options={

onLoadSuccess:function(){dg.Search.Items["列名"].val(123);}

}

其它细节,在源码Demo里有介绍,这里就点到为止了。

表单:Input相关的配置介绍:

1:远程验证数据是否存在:

< input  name="UserName"  class='easyui-validatebox' data-options="validType:'exists[UserName]'"  />

效果:(框架内部隐式的条件参数包括:页面传递的id,AR.Form.tableName)

2:InputDialog

< input  name="F4" dialog="Demo_TestA" multiple="true" editable="true" />

单选效果:(第一次运行时,需要配置下表头,隐藏不需要呈现的列,然后调一个搜索框出来)

多选效果:

选择后,是个下拉,还可以再小操作:

3:关于下拉框的具体配置,在Demo里有详细,所以不详说,只上一张图:

配置表头的配置规则(即由viewname变名的Rules字段)

效果:

本配置用于控制搜索区,目前支持$1和$2配置,规则为:

$1:{}处理非下拉:

如果是日期或数据,默认变成区间查询(如上图中的F4字段配置),即默认clone:true,示例配置:

$1:{title:"my title",width:200,clone:false}

$2:{} 处理下拉:

可设按钮宽度,是否多选,是否选择,是否呈现请选择,是否选择时引发查询,示例配置:

$2:{width:200,height:30,isQuery:false,mutiple:true,defaultitem:false}

AR.Utility.Ajax:一次请求多个方法,返回结果合集:

框架里的示例代码:

$Core.Utility.Ajax.post("GetInitConfig,GetKeyValueConfig", null, null, null, null, function (result) {
        $Core.Global.Variable = result.GetInitConfig;
        $Core.Global.Variable.isLoadCompleted = true;
        $Core.Global.Config = result.GetKeyValueConfig;
    });

结果集按方法组合成Json返回。

其它:参考框架Demo,或/Web/SysAdmin/系统系统功能的用法:

总结:

1:本版本亲自操刀前端API(之前版本的前端是交另一个同事编写)。

由于操刀前端,最近每天都折腾到深夜3-4点:

2:提升了性能(之前的同步导致界面1-2秒空白的卡,速度体验感不好)。

3:提升了安全性(之前版本有一定的权限安全问题)。

4:增强前端使用体验。


本文原创发表于博客园,作者为路过秋天,原文链接:http://www.cnblogs.com/cyq1162/p/5847549.html

相关文章
|
16天前
|
开发框架 前端开发 JavaScript
ASP.NET Web Pages - 教程
ASP.NET Web Pages 是一种用于创建动态网页的开发模式,采用HTML、CSS、JavaScript 和服务器脚本。本教程聚焦于Web Pages,介绍如何使用Razor语法结合服务器端代码与前端技术,以及利用WebMatrix工具进行开发。适合初学者入门ASP.NET。
|
16天前
|
网络协议 API
检测指定TCP端口开放状态免费API接口教程
此API用于检测指定TCP端口是否开放,支持POST/GET请求。需提供用户ID、KEY、目标主机,可选指定端口(默认80)和地区(默认国内)。返回状态码、信息提示、检测主机、端口及状态(开放或关闭)。示例中ID和KEY为公共测试用,建议使用个人ID和KEY以享受更高调用频率。
36 14
|
19天前
|
API 网络安全
发送UDP数据免费API接口教程
此API用于向指定主机发送UDP数据,支持POST或GET请求。需提供用户ID、密钥、接收IP及端口、数据内容等参数。返回状态码和信息提示。示例中含公共ID与KEY,建议使用个人凭证以提高调用频率。
42 13
|
19天前
|
网络协议 API 网络安全
发送TCP数据免费API接口教程
此API用于向指定主机发送TCP数据,支持POST/GET请求,需提供用户ID、KEY、接收IP、端口及数据内容。返回状态码和信息提示,示例如下:{&quot;code&quot;:200,&quot;msg&quot;:&quot;发送成功!&quot;}。详情见:https://www.apihz.cn/api/datacstcp.html
35 11
|
17天前
|
API
获取网页状态码[可指定地域]免费API接口教程
该接口用于获取指定网址的访问状态码,支持从国内、香港、美国等地域节点访问。通过POST或GET请求,需提供用户ID、KEY及目标网址等参数。返回结果包括状态码和信息提示。 示例:https://cn.apihz.cn/api/wangzhan/getcode.php?id=88888888&key=88888888&type=1&url=www.apihz.cn。
|
18天前
|
API
诸葛神签免费API接口教程
该接口用于随机获取一支诸葛神签,共100签。通过POST或GET请求至https://cn.apihz.cn/api/mingli/zhuge.php,需提供用户ID和KEY。返回结果包括状态码、消息内容、签文图片、序号、吉凶及解签。示例中ID与KEY为公共使用,建议使用个人ID与KEY以提高调用频率。
|
18天前
|
API
观音灵签免费API接口教程
该API提供观音灵签的随机获取服务,含100签,支持POST/GET请求。需用户ID和KEY认证。返回签文、解曰、典故等信息。示例请求:https://cn.apihz.cn/api/mingli/guanyin.php?id=88888888&key=88888888。详情参见官方文档。
|
17天前
|
缓存 算法 API
查询域名WHOIS信息免费API接口教程
该API用于查询顶级域名的WHOIS信息,不支持国别域名和中文域名。通过POST或GET请求,需提供用户ID、KEY及待查询域名。返回信息包括域名状态、注册商、时间等详细数据。示例与文档见官网。
|
18天前
|
API
周公解梦免费API接口教程
该接口提供数万个解梦数据,支持通过用户ID、用户KEY和关键词查询梦的解析。支持POST/GET请求,返回状态码、消息内容、结果集等信息。示例请求地址:https://cn.apihz.cn/api/mingli/zhougong.php?id=88888888&key=88888888&word=捞鱼。返回数据包括梦的标题、内容等。
|
17天前
|
API
icp备案查询免费API接口教程
该接口用于查询指定域名的ICP备案信息,支持POST或GET请求方式。请求时需提供用户ID、用户KEY及待查询的域名,可选参数为查询通道。响应中包含状态码、消息内容、备案号、备案主体、域名及审核时间等信息。示例中提供了GET和POST请求方式及返回数据样例。