gpt4 book ai didi

maven - 如何将 AngularJS 2 与 Magnolia CMS 结合使用

转载 作者:行者123 更新时间:2023-11-28 21:57:48 25 4
gpt4 key购买 nike

我想将 AngularJS2 集成到 Magnolia CMS 中(我是 AngularJS 的新手)。我尝试了 quickstart Project在本地它可以与 npm start 一起正常工作。

我使用 npm tsc 获取 .js 文件以使用 Magnolia 中的文件来测试它是否有效。我通过 unpkg.com 获得的所有 node_modules 文件(我在终端锁定了用于快速启动项目的文件并集成了所有这些文件)。添加 <my-app> ftl 模板中的标记和同一位置的所有脚本(App-js 文件是从 magnolia 本身加载的)。这没有用,所以我不知道我错过了什么。

我也尝试做类似 this 的事情一个(但使用 @angular 而不是 angular2 beta)。

我不确定是否可以这样做,因为 Quickstart 有效(使用 npm start)但在我的 tomcat 服务器上却无效。我认为可能是tomcat服务器的问题。

我也在没有任何服务器的情况下尝试过,只是剪掉了这段代码,结构如下:

测试/测试.html

测试/app/app.component.js & app.module.js & main.js

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- Update these package versions as needed -->
<script src="https://unpkg.com/zone.js@0.7.6/dist/zone.js"></script>
<script src="https://unpkg.com/systemjs@0.20.5/dist/system.src.js"></script>
<script src="https://unpkg.com/core-js@2.4.1/client/shim.min.js"></script>
<script src="https://unpkg.com/@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js"></script>
<script src="https://unpkg.com/@angular/platform-browser/bundles/platform-browser.umd.js"></script>
<script src="https://unpkg.com/@angular/core/bundles/core.umd.js"></script>
<script src="https://unpkg.com/@angular/common/bundles/common.umd.js"></script>
<script src="https://unpkg.com/@angular/compiler/bundles/compiler.umd.js"></script>
<script src="https://unpkg.com/rxjs/symbol/observable.js"></script>
<script src="https://unpkg.com/rxjs/Observable.js"></script>
<script src="https://unpkg.com/rxjs/Subject.js"></script>
<script src="https://unpkg.com/rxjs/util/root.js"></script>
<script src="https://unpkg.com/rxjs/util/toSubscriber.js"></script>
<script src="https://unpkg.com/rxjs/Subscriber.js"></script>
<script src="https://unpkg.com/rxjs/Subscription.js"></script>
<script src="https://unpkg.com/rxjs/util/ObjectUnsubscribedError.js"></script>
<script src="https://unpkg.com/rxjs/SubjectSubscription.js"></script>
<script src="https://unpkg.com/rxjs/symbol/rxSubscriber.js"></script>
<script src="https://unpkg.com/rxjs/Observer.js"></script>
<script src="https://unpkg.com/rxjs/util/isFunction.js"></script>
<script src="https://unpkg.com/rxjs/util/isArray.js"></script>
<script src="https://unpkg.com/rxjs/util/isObject.js"></script>
<script src="https://unpkg.com/rxjs/util/tryCatch.js"></script>
<script src="https://unpkg.com/rxjs/util/errorObject.js"></script>
<script src="https://unpkg.com/rxjs/util/UnsubscriptionError.js"></script>
<script src="app/app.component.js"></script>
<script src="app/app.module.js"></script>
<script src="app/main.js"></script>
<script>
System.import('app').catch(function(err){ console.error(err); });
</script>
<title>Title</title>
</head>
<body>
<my-app>Loading AppComponent content here ...</my-app>
</body>
</html>

但这也没有用。

我有一个 REST API 来获取公式和其他内容的验证器。但现在我需要为公式建立一个页面。我不知道如何构建此页面。是否可以使用 ftl 在 Magnolia 中执行此操作?这里最好的解决方案是什么

最佳答案

为什么不使用 Magnolia CLI (NPM) 将其构建为 Magnolia light 模块,并在build设置输出中运行 gulp 以进入/webresources 文件夹?
这样,您就可以轻松地编译所有内容,并让 Magnolia 为您提供 js 文件,并且可以设置安全性、在运行时重新加载内容以及 Magnolia 通常为您做的所有其他事情。

关于 CLI 的更多信息, Light Module structurelight development in general .

关于maven - 如何将 AngularJS 2 与 Magnolia CMS 结合使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42113468/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com