小编Pav*_*mov的帖子

我在为我的JavaScript APP绘制准确的UML类图时遇到了一些麻烦.我已经阅读了几个UML参考资源,但仍然找不到我的情况的答案,因为所有的例子都是基于C++/Java的经典继承和类模型.

我想用一个构造函数和它的原型对象的扩展来表示自定义JavaScript对象的创建,这与C++/Java类实例化完全不同.

您如何使用UML类图表示我的代码的简化版本？

var Book = function(title, author) {
    this.title = title || 'No title specified';
    this.author = author || 'No author specified';
}

Book.prototype.isDigital = false;

Book.prototype.titleDisplay = function() {
    alert(this.title);
};

var theHobbit = new Book ("The Hobbit", "J.R.R. Tolkien");

注意:我特别希望在图中显示所有涉及的对象(Book,Book.prototype和theHobbit)是如何相互关联的,并显示原型中定义的参数与构造函数中定义的参数.我知道我可以假装Book是一个"经典"类,并像Java一样绘制它,简化了特定的JavaScript继承机制,但我确信UML足够灵活,可以准确描述我的情况.

可能有一个特别针对JavaScript项目的UML指南吗？

我正在使用“React Data Grid”库 http://adazzle.github.io/react-data-grid 并且我想对列进行分组，并且每个组都应该有自己的标题。

像这样的东西：

|-------------- A组报头------------|-------------- B组报头-- -------------|

|------A1栏-----|-----A2栏----|-----B1栏-----|------B2栏-- ----|

|-------A1 数据-------|------A2 数据-------|-------B1 数据------| -------B2数据--------|

它应该可能不是一种笨拙的方式，并且应该仍然支持库的所有功能（如水平滚动）。

我知道可以对行进行分组，如下所示：

http://adazzle.github.io/react-data-grid/examples.html#/grouping

我想要同样的东西，但有列。在文档中找不到它。

将不胜感激任何提示。谢谢。