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

相关文章
|
1月前
|
数据采集 监控 安全
各种业务场景调用API代理的API接口教程
API代理的API接口在各种业务场景中具有广泛的应用,本文将介绍哪些业务场景可以使用API代理的API接口,并提供详细的调用教程和代码演示,同时,我们还将讨论在不同场景下使用API代理的API接口所带来的好处。
|
3月前
|
JavaScript API
【vue实战项目】通用管理系统:api封装、404页
【vue实战项目】通用管理系统:api封装、404页
37 3
|
3月前
|
开发框架 JSON JavaScript
ASP.NET Core3.1实战教程---基于Jquery单文件上传
ASP.NET Core3.1实战教程---基于Jquery单文件上传
26 0
|
4月前
|
API
免费节假日api接口使用教程-聚合数据
免费节假日api接口使用教程-聚合数据
854 0
免费节假日api接口使用教程-聚合数据
|
4月前
|
编译器 定位技术 API
|
4月前
|
机器学习/深度学习 JSON JavaScript
图文讲解 Stable Diffusion API 调用教程
Stable Diffusion 是一个先进的深度学习模型,用于创造和修改图像。这个模型能够基于文本描述来生成图像,让机器理解和实现用户的创意。使用这项技术的关键在于掌握其 API,通过编程来操控图像生成的过程。
|
4月前
|
Dubbo Java 测试技术
提升API文档品质:Swagger annotations (注解)使用教程
Swagger 提供的注解集是其框架中定义 API 规范和文档的重要工具。这些注解在代码里标注重要部分,为 Swagger 的解析工作铺路,进而生成详尽的 API 文档。开发者编写的注释能够被转换成直观的文档,并展现API端点、参数和响应等信息。这不仅提升了开发人员对 API 运作的理解与沟通,也使得测试和集成过程更加顺畅。
|
1月前
|
开发框架 .NET 物联网
.NET从入门到精通,零基础也能搞定的基础知识教程
.NET从入门到精通,零基础也能搞定的基础知识教程
22 0
|
1月前
|
安全 API 数据安全/隐私保护
email api接口配置教程步骤详解
Email API是用于程序化访问邮件服务的工具,让开发者能集成邮件功能到应用中。配置Email API包括选择供应商(如SendGrid、Mailgun、AokSend),注册获取API密钥,配置API参数,及测试邮件发送。使用Email API能提升邮件发送的可靠性和效率,便于邮件管理及营销活动。AokSend支持大量验证码发送,适合高效邮件运营。
|
2月前
|
存储 负载均衡 API
部署大模型API的实战教程
部署大模型API的实战教程可以分为以下步骤: