支持Angular 5！Wijmo 前端开发控件新版本正式上线（web前端控件）

25-02-16 29

对于想了解支持Angular5！Wijmo前端开发控件新版本正式上线的读者，本文将提供新的信息，我们将详细介绍web前端控件，并且为您提供关于openGauss-graph0.2.0版本正式上线、Se

对于想了解支持Angular 5！Wijmo 前端开发控件新版本正式上线的读者，本文将提供新的信息，我们将详细介绍web前端控件，并且为您提供关于openGauss-graph 0.2.0 版本正式上线、SegmentFault 头条升级，β 版本正式上线、SpreadJS 纯前端表格控件推出新版本，正式支持Angular 2、SpringBoot整合Angular第二弹:配置支持Angular的有价值信息。

本文目录一览：

支持Angular 5！Wijmo 前端开发控件新版本正式上线（web前端控件）
openGauss-graph 0.2.0 版本正式上线
SegmentFault 头条升级，β 版本正式上线
SpreadJS 纯前端表格控件推出新版本，正式支持Angular 2
SpringBoot整合Angular第二弹:配置支持Angular

支持Angular 5！Wijmo 前端开发控件新版本正式上线（web前端控件）

Angular 是谷歌用于构建移动和桌面 web 应用的 JavaScript 框架，一经推出即备受开发人员欢迎。Wijmo 是葡萄城公司出品的新一代 HTML 5 和 JavaScript UI 控件，也是全球率先支持 Angular 的控件集，因其快速灵活、零依赖性而闻名，能做到对 Angular、React、VueJS 和 TypeScript 的全面支持，正在被微软 Dynamics、Cisco 等公司和项目使用。

本月，Angular 5 正式发布， Wijmo 也迅速发布了支持 Angular 5 的最新版本，并对控件本身的主要性能和可访问性做了大量优化和支持！

Wijmo 最新版本全面支持 Angular 5

Wijmo 支持 Angular 所有的功能，允许用户在标记中声明整个控件，支持 Angular 绑定，甚至提供 FlexGrid 的单元模板，允许用户在标记中编写自定义单元格。本次新版本还提供许多模块格式的 Wijmo，所以用户可使用 Wijmo 与您所选择的 loader/packager 进行开发。

对 FlexGrid 性能的持续优化

FlexGrid 是 Wijmo 中一个重要数据表格控件，本次新版本对其做了重大优化。以 Auto-Sizing 这个相对简单的任务为例：优化前使用的是安全但很基础的算法，创建一个不可见的 “measure” 输入元素，然后遍历行更新元素的内容。这违背了表格的“虚拟”本质，更新“成千上万行”的 “measure” 输入元素需要一些时间；在新版本中，则先识别内容最长的单元格，并使用原始的测量元素来获得最宽单元格的确切宽度，还增加了一些额外的技巧，如智能缓存来保存额外的周期。

关于葡萄城

葡萄城成立于1980年，是全球最大的控件提供商，世界领先的企业应用定制工具、企业报表和商业智能解决方案提供商，为超过75%的全球财富500强企业提供服务。葡萄城于1988年在中国设立研发中心，在全球化产品的研发过程中，不断适应中国市场的本地需求，并为软件企业和各行业的信息化提供优秀的软件工具和咨询服务。

openGauss-graph 0.2.0 版本正式上线

openGauss 2023-08-01 18:00 发表于四川

News

今日，openGauss graph 0.2.0 正式上线！

openGauss graph 0.2.0 是继 openGauss graph0.1.0 之后的第二个版本，此版本与之前的版本功能特性保持兼容，在图数据管理能力和图查询性能等方面都有了显著提升。

立即体验 openGauss-graph 0.2.0 版本：https://gitee.com/opengauss/openGauss-graph/tree/0.2.0/

系统架构 ** **

在上一个版本的基础上，openGauss-graph 在图查询处理，图数据管理等方面都有了很大的提升，具体来说：

在查询处理方面实现了 Cypher 和 SPARQL 统一查询处理层，实现了分析型查询的知识图谱查询处理，拓展底层执行模块，实现了变长路径算子。
在性能优化方面，优化统一存储方案，提出了基于属性频率聚类的混合存储方案，减少约 62% 存储空间，导入时间提升一个数量级。
提出了多跳邻居感知索引，将提升多跳查询效率提升一个数量级。

图 1 openGauss-graph 0.2.0 新增内容架构图

知识图谱数据库查询处理方法 ** **

1. 兼容 SPARQL 和 Cypher

关系数据库的发展证实了统一数据模型和查询语言是数据管理技术发展的关键。目前，知识图谱数据库管理的问题是数据模型、存储方案和查询语言不统一。

为了解决这一问题，openGauss-graph 能够兼容 RDF 图数据模型的查询语言 SPARQL 和属性图数据模型的主流查询语言 Cypher 的查询语法，进行两种查询语言的语义对齐，实现两种查询语言的互操作，并且可使用两种语言操作同一个知识图谱。

2. 支持图分析算法

支持多个图分析算法，包括：

a）最短路径查询：包含查找单源最短路径，即在给定图中查找从单个源顶点到所有其他顶点的最短路径，和全局最短路，即查找给定图中每个顶点对之间的最短路径；

b）PageRank 算法：计算有向图中所有顶点的 PageRank 值；

c) BFS 算法：计算图中单个源顶点到所有其他顶点的最短跳数。

图 2 openGauss graph 0.2.0 版本新增功能

存储与查询优化 ** **

1. 基于属性频率聚类的存储优化

openGauss-graph 基于属性频率和属性集，对数据进行聚类，并混合使用关系型和键值对来存储数据，综合利用关系型存储查询效率高以及键值对灵活的特点，以优化大规模图数据的存储管理，减少了约 62% 存储空间，数据导入时间提升一个数量级。

2. 多跳查询优化

在处理多跳查询时，往往需要处理大量的中间结果，而构建索引加速查询的时空复杂度往往是指数级，无法应用于大规模图数据。为了解决这一问题，提出多跳邻居感知索引。此方法通过利用保存到布隆过滤器中的多跳邻居信息，来加速多跳邻居查询。相比于目前最先进的方法，此索引构建时间和空间占用减少一个数量级，多跳查询最多加速 30 倍。

3. 查询性能达到主流水准

针对 LUBM 14 个查询和 LDBC 7 个短查询，openGauss-graph 要普遍优于目前主流图数据存储系统。

快速入门

参阅快速入门，查看 openGauss-graph 目前支持的全部内容。

https://gitee.com/opengauss/openGauss-graph/blob/master/doc/quick_start.md

SegmentFault 头条升级，β 版本正式上线

SegmentFault 社区的技术问答和文章专栏，为了提高交流效率，给用户设定了各种条件，什么该做，什么不该做。而用户在严谨的学习工作、分享交流的闲余，需要一个随性轻便的放松氛围。

两年前我们曾上线一个实验产品，名叫“一起涨姿势”，只需要一个链接，你可以在上边分享任何技术相关的内容。几个月后因为产品方向、运营等方面的原因，这个项目暂时下线。但对于“如何让开发者们不受约束，随意地交流”这个命题的思考，从未停止。

同时，这个时代的信息过载，很多时候让人无从选择哪些是值得被关注的内容，哪些是值得讨论、思考的内容。

就着这两点，我们将这个项目得以延续——现在的 SegmentFault 头条：

链接或文本内容，作为一个帖子，分享、阅读、讨论。通过头条，让你更轻松交流的同时，将值得被关注的信息主动呈现。

头条上线

SegmentFault 头条目前有七个频道：前端、后端、iOS、Android、安全、工具、程序员和行业，未来会逐渐开放更多。通过投票机制和热门优化，让优秀的内容排序更靠前。

目前版本仅开放了发布链接的功能。在发布的时候，你可以增加一段关于你这条分享独一无二的推荐语。比如这样

头条贡献者

头条内容的发布者，目前主要由社区邀请，以保证内容的质量。其中优秀的内容贡献者，将升级为头条联合编辑，成为领域频道的管理者。

声望超过 1000 的用户和往季的所有 Top Writer，将自动开通发布权限
其余用户可申请发布头条的权限：https://segmentfault.com/news/apply

现在，来分享有用的信息，与大家交流：https://segmentfault.com/news

SpreadJS 纯前端表格控件推出新版本，正式支持Angular 2

数百万前端开发人员翘首期待的SpreadJS，日前宣布V10.2版本正式发布，全面支持Angular2！

SpreadJS 是一款纯前端表格控件，也是目前市面上唯一的、最接近Excel的纯前端控件。

因其在界面、函数、布局等方面与Excel高度相似，而被用户誉为“可嵌入系统的在线Excel”，适用于.NET、Java和移动端等各平台，可帮用户更好的显示和管理类似Excel的数据，更方便的进行公式引擎、排序、过滤、输入控件、数据可视化、Excel导入/导出等操作。

本次SpreadJS新版本发布，主要在于对Angular2 的正式支持，仅需将SpreadJS文件加入Angular 2的工程中，对少量文件进行修改，构建 SpreadJS 模板，并绑定属性和事件，即可。详细操作：手把手教你用Angular2集成在线Excel表格控件SpreadJS。

新版本在设计器方面也做了诸多增强，更加简单易用，如，支持单元格内边距和标签设置、支持范围选定、支持年度和月度迷你图等，并对SpreadJS视图的设计器做了全面汉化。

据悉，作为拥有独特技术优势的产品，SpreadJS还曾获得过第二十届中国国际软件博览会创新奖，华为、东软、中国平安、河海大学、中通快递、普华永道、魔方网表、思源软件等企业都正在使用SpreadJS进行项目开发。

负责中国民航飞行学院“人事工资薪酬管理系统”搭建的负责人介绍到：“使用SpreadJS，我们可以轻松设计模板，节约应用程序开发所需的时间和精力，无需编码，财务、人事管理人员均可通过Excel 软件设计界面，设计计算公式，然后轻松导入设计器或SpreadJS中，就可实现模板重用。这大大减轻了工作强度，使得快速开发得以实现。”

新版本，新特性！本次对Angular2 的全面支持，也表明SpreadJS 始终站在技术前沿，为用户提供最新最全的技术，帮助用户更加快速、灵活的进行在线类编辑 Excel 功能的表格程序开发。未来，SpreadJS 必将作为“在线Excel“领域的领导者，推出更多更强大的功能，惠及更多前端开发者。

了解新版本特性或立即试用，请访问SpreadJS 中文官网。

Spread系列产品还有可在.NET平台下使用的Spread Studio 产品，请访问Spread Studio官网。

关于葡萄城

Spread系列产品由葡萄城公司出品。葡萄城公司成立于1980年，是全球领先的集开发工具、商业智能解决方案、管理系统设计工具于一身的软件和服务提供商。西安葡萄城是其在中国的分支机构，面向全球市场提供软件研发服务，并为中国企业的信息化提供国际

SpringBoot整合Angular第二弹:配置支持Angular

使用SpringBoot整合Angular的时候我们需要使用到一个名为frontend的maven插件,该插件主要用于java项目集成node的项目进行一体化构建部署,也就是说将node的应用部署到java中,使用java容器运行node项目等功能!!!废话不说直接导上源码.

修改项目的pom文件增加以下代码(或者直接使用该代码覆盖原有的pom文件代码)

  
  
  
   
   
   <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
   
   
            xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
   
   
       <modelVersion>4.0.0</modelVersion>
   
   
       <groupId>com.edurt</groupId>
   
   
       <artifactId>springboot-angular-integration</artifactId>
   
   
       <packaging>jar</packaging>
   
   
       <version>1.0.0</version>
   
   
       <name>springboot-angular-integration</name>
   
   
       <url>http://maven.apache.org</url>
   
   
   
   
   
       <properties>
   
   
           <system.java.version>1.8</system.java.version>
   
   
           <!-- node & npm -->
   
   
           <system.node.version>v8.2.1</system.node.version>
   
   
           <system.npm.version>5.4.2</system.npm.version>
   
   
           <dependency.springboot.version>1.5.6.RELEASE</dependency.springboot.version>
   
   
           <plugin.springboot.version>1.5.9.RELEASE</plugin.springboot.version>
   
   
           <!-- plugin -->
   
   
           <plugin.frontend.version>0.0.27</plugin.frontend.version>
   
   
       </properties>
   
   
   
   
   
       <dependencies>
   
   
           <dependency>
   
   
               <groupId>org.springframework.boot</groupId>
   
   
               <artifactId>spring-boot-starter-web</artifactId>
   
   
               <version>${dependency.springboot.version}</version>
   
   
           </dependency>
   
   
           <dependency>
   
   
               <groupId>junit</groupId>
   
   
               <artifactId>junit</artifactId>
   
   
               <version>3.8.1</version>
   
   
               <scope>test</scope>
   
   
           </dependency>
   
   
       </dependencies>
   
   
   
   
   
       <build>
   
   
           <plugins>
   
   
               <plugin>
   
   
                   <groupId>org.springframework.boot</groupId>
   
   
                   <artifactId>spring-boot-maven-plugin</artifactId>
   
   
                   <version>${plugin.springboot.version}</version>
   
   
                   <configuration>
   
   
                       <fork>true</fork>
   
   
                   </configuration>
   
   
               </plugin>
   
   
               <!-- Frontend -->
   
   
               <plugin>
   
   
                   <groupId>com.github.eirslett</groupId>
   
   
                   <artifactId>frontend-maven-plugin</artifactId>
   
   
                   <version>${plugin.frontend.version}</version>
   
   
                   <configuration>
   
   
                       <!-- angular 源码根目录 angular -->
   
   
                       <workingDirectory>src/main/angular</workingDirectory>
   
   
                       <nodeDownloadRoot>https://npm.taobao.org/mirrors/node/</nodeDownloadRoot>
   
   
                       <nodeVersion>${system.node.version}</nodeVersion>
   
   
                       <npmVersion>${system.npm.version}</npmVersion>
   
   
                       <installDirectory>target</installDirectory>
   
   
                   </configuration>
   
   
                   <executions>
   
   
                       <execution>
   
   
                           <id>install node and npm</id>
   
   
                           <goals>
   
   
                               <goal>install-node-and-npm</goal>
   
   
                           </goals>
   
   
                           <phase>generate-resources</phase>
   
   
                       </execution>
   
   
                       <execution>
   
   
                           <id>npm install</id>
   
   
                           <goals>
   
   
                               <goal>npm</goal>
   
   
                           </goals>
   
   
                           <configuration>
   
   
                               <arguments>install</arguments>
   
   
                               <installDirectory>target</installDirectory>
   
   
                           </configuration>
   
   
                       </execution>
   
   
                       <execution>
   
   
                           <id>angular cli build</id>
   
   
                           <goals>
   
   
                               <goal>npm</goal>
   
   
                           </goals>
   
   
                           <phase>generate-resources</phase>
   
   
                           <configuration>
   
   
                               <arguments>run build</arguments>
   
   
                           </configuration>
   
   
                       </execution>
   
   
                   </executions>
   
   
               </plugin>
   
   
           </plugins>
   
   
   
   
   
       </build>
   
   
   
   
   
   </project>

我们在 frontend配置项中配置了部分需要的功能,详细的配置信息大家可以到 frontend插件官网中进行查看

在pom文件中配置完成后,我们需要修改 .angular-cli.json文件进行设置angular项目的编译输出配置

  
  
  
   
   
   "outDir": "../resources/static",

注意 outDir输出目录只能是java的resources目录下(可以是public/static/或者是其他自定义目录,自定义目录的话需要用户自己去写自定义目录配置)

本文分享自微信公众号 - Spring中文网（china-spring-all）。
如有侵权，请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”，欢迎正在阅读的你也加入，一起分享。

我们今天的关于支持Angular 5！Wijmo 前端开发控件新版本正式上线和web前端控件的分享已经告一段落，感谢您的关注，如果您想了解更多关于openGauss-graph 0.2.0 版本正式上线、SegmentFault 头条升级，β 版本正式上线、SpreadJS 纯前端表格控件推出新版本，正式支持Angular 2、SpringBoot整合Angular第二弹:配置支持Angular的相关信息，请在本站查询。

本文标签：