有没有一种方法可以像 JaySvcUtil 为 JayData 工作一样使用 Breeze 创建类型化实体?这是否包括 Typescript 支持 - Breeze 框架中是否也有一般的 Typescript 支持?
6 回答
此要点包含 T4TS 的修改版本,其中包含一些初始支持,用于生成“每个实体的设计时 Javascript 类”,并支持 Breeze。
https://gist.github.com/alexdresko/5393155
到目前为止,它适合我的需求。我很确定您需要在您的解决方案中包含DefinitelyTyped Breeze 定义才能正常工作。
也许这是可以永久添加到 T4TS 的东西?也许这是 Breeze 团队需要考虑的事情?或者也许这只是愚蠢的,除了我之外对任何人都不起作用。:)
在我的数据服务中,我可以执行以下操作:
createOrganization() : T4TS.Organization {
return <T4TS.Organization>this.manager.createEntity("Organization");
}
然后,在我的虚拟机中,所有这些代码都是类型安全的。
organizationSubmit() {
this.editingOrganization(false);
var newOrganization = this.dataservice.createOrganization();
newOrganization.Name(this.organizationNameInput());
if (newOrganization.entityAspect.validateEntity()) {
this.extendOrganization(newOrganization);
this.organizations.push(newOrganization);
this.dataservice.saveChanges();
this.organizationNameInput("");
} else {
this.handleItemErrors(newOrganization);
}
};
我真的不知道从这里到哪里去。我尝试 fork T4TS,但没有时间弄清楚他的构建系统。因此要点。意见当然是受欢迎的。
我们确实计划使用 TypeScript 做更多事情,但还没有承诺具体的时间框架。(John 的帖子中提到的 Boris 的工作无疑是一个很好的开始)。
更新:从 v 0.84.4 开始,Breeze 提供完整的 TypeScript 支持。
至于为每个实体自动生成设计时 Javascript 类;我们已经对此进行了几次内部讨论,但真的在等待社区投票支持什么。我们几乎肯定会在某个时候解决这个问题,但是您对
UserVoice的投票肯定可以加快这个过程。
下面是一个页面,您可以将其放入您的站点以生成 typescript 接口定义。该页面获取微风元数据,然后遍历所有类型并为每种类型输出一个打字稿接口声明。然后可以将此页面的输出粘贴到任何打字稿文件 (*.ts) 或打字稿定义文件 (*.d.ts) 中。如果要命名接口,请将结果包含在模块声明中: declare module northwind { ... paste interfaces here... }
.
在使用该页面之前,您需要进行一次编辑:将实体管理器的控制器 URL 从“api/northwind”更改为您的微风控制器的 URL。
生成的接口依赖于 Knockout.js 打字稿定义,您可以在此处获取:https ://github.com/borisyankov/DefinitelyTyped/tree/master/knockout/
使用learn.breezejs.com中的北风示例,此定义生成器页面的输出将如下所示:
export interface Employee extends breeze.Entity {
FirstName: KnockoutObservable<string>;
LastName: KnockoutObservable<string>;
}
然后,您可以使用微风执行查询并将结果转换为一组员工,如下所示:
var manager = new breeze.EntityManager('api/northwind');
var query = new breeze.EntityQuery()
.from("Employees");
manager.executeQuery(query).then(data => {
// ***cast the results to a strongly typed array of Employee***
var employees = <Employee[]>data.results;
}).fail(e => {
alert(e);
});
下面是定义生成器页面 - 将一个新的 html 文件添加到名为“definitions.html”的项目中,运行该项目并导航到该页面。
<html>
<head>
<title>Typescript Definition Generator</title>
<style>
code {
white-space: pre;
}
</style>
<script src="//code.jquery.com/jquery-2.1.0.min.js"></script>
<script src="//ajax.aspnetcdn.com/ajax/knockout/knockout-3.0.0.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/q.js/1.0.0/q.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/breezejs/1.4.4/breeze.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
var entityManager = new breeze.EntityManager('api/northwind');
entityManager.fetchMetadata()
.then(function () {
var html = '',
types = entityManager.metadataStore.getEntityTypes(),
type,
i,
j,
property,
crlf = String.fromCharCode(13),
code = document.createElement('code'),
script = document.createElement('script');
function getJSType(metadataType) {
if (/(Int64)|(Int32)|(Int16)|(Byte)|(Decimal)|(Double)|(Single)|(number)/.test(metadataType))
return 'number';
else if (/(DateTime)|(DateTimeOffset)|(Time)|(Date)/.test(metadataType))
return 'Date';
else if (/(Boolean)/i.test(metadataType))
return 'boolean';
return 'string';
}
for (i = 0; i < types.length; i++) {
// type declaration
var type = types[i];
html += 'export interface ' + type.shortName;
// base type
html += ' extends ';
if (type.hasOwnProperty('baseEntityType')) {
html += type.baseEntityType.shortName;
} else {
html += 'breeze.Entity';
}
html += ' {' + crlf;
// data properties
for (j = 0; j < type.dataProperties.length; j++) {
property = type.dataProperties[j];
if (type.baseEntityType && type.baseEntityType.dataProperties.filter(function (p) { return p.name === property.name; }).length > 0)
continue;
html += ' ' + property.name;
//if (property.isNullable)
// html += '?';
html += ': KnockoutObservable<';
html += getJSType(property.dataType.name);
html += '>; //' + property.dataType.name + crlf;
}
// navigation properties
for (j = 0; j < type.navigationProperties.length; j++) {
property = type.navigationProperties[j];
if (type.baseEntityType && type.baseEntityType.navigationProperties.filter(function (p) { return p.name === property.name; }).length > 0)
continue;
html += ' ' + property.name;
//if (property.isNullable)
// html += '?';
if (property.isScalar)
html += ': KnockoutObservable<';
else
html += ': KnockoutObservableArray<';
html += property.entityType.shortName;
html += '>;' + crlf;
}
html += '}' + crlf + crlf;
}
code.innerHTML = html;
$(code).addClass('prettyprint');
document.body.appendChild(code);
script.setAttribute('src', '//google-code-prettify.googlecode.com/svn/loader/run_prettify.js');
document.body.appendChild(script);
})
.fail(function (reason) {
alert(reason);
});
});
</script>
</head>
<body>
</body>
</html>
对于微风 TypeScript 定义,请使用 NuGet 包微风.TypeScript.DefinitelyTyped。要为您的实体创建定义,您可以使用TypeLITE。它将创建一个.d.ts
具有如下接口的文件:
declare module MyProject.Models {
interface Customer {
Id: number;
AccountNumber: string;
...
虽然这些接口完全描述了您的实体,但它们不会扩展breeze.Entity
. 要很好地使用 Breeze API 类型定义,请从这些定义中派生出您自己的接口,如下所示:
import Models = MyProject.Models;
interface Customer extends Models.Customer, breeze.Entity { }
...
这仍然涉及一些手动编码,但至少它只是每个类型,而不是每个属性。
关于 Typescript,它绝对在我们的雷达上。至少我们将创建一个 TypeScript 'declare' 文件,以便在使用 Breeze 时实现更好的智能感知。
您可以在UserVoice上投票。
在此之前,您可能想要使用支持 Breeze的 Boris Yankov 的definitelyTyped 。
我的两分钱...
我一直在为微风使用确定类型的定义文件,它似乎运行良好。
创建一个 T4 脚本来为 .edmx 中的所有实体生成 .d.ts 文件是相当简单的,然后你就会得到你想要的智能感知。如果 Ward 喜欢,我可以在某处发布示例 T4 脚本。