将MEAN js的角度部分与JAX RS进行整合

时间:2016-10-05 13:28:16

标签: javascript java angularjs jax-rs mean-stack

我有一个MEAN js 3.2应用程序,我需要与JAX RS一起部署。

我在index.server.view.html目录中有layout.server.view.html/app/views个文件。

我无法理解哪个是我的index.html文件?

有人能告诉我需要做些什么改变吗?我只是将公共文件夹的内容从MEAN粘贴到JAX-RS的webapp上吗?

1 个答案:

答案 0 :(得分:0)

MEANJS中的所有角度部分都在public/文件夹中。

您只需创建并提供index.html文件。

此文件如下所示:

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">

<head>
    <title>{{title}}</title>

    <!-- General META -->
    <meta charset="utf-8">
    <meta http-equiv="Content-type" content="text/html;charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <!-- Semantic META -->
    <meta name="keywords" content="{{keywords}}">
    <meta name="description" content="{{description}}">

    <!-- Facebook META -->
    <meta property="fb:app_id" content="{{facebookAppId}}">
    <meta property="og:site_name" content="{{title}}">
    <meta property="og:title" content="{{title}}">
    <meta property="og:description" content="{{description}}">
    <meta property="og:url" content="{{url}}">
    <meta property="og:image" content="/img/brand/logo.png">
    <meta property="og:type" content="website">

    <!-- Twitter META -->
    <meta name="twitter:title" content="{{title}}">
    <meta name="twitter:description" content="{{description}}">
    <meta name="twitter:url" content="{{url}}">
    <meta name="twitter:image" content="/img/brand/logo.png">

    <!-- Fav Icon -->
    <link href="/modules/core/img/brand/favicon.ico" rel="shortcut icon" type="image/x-icon">

    <!--Application CSS Files-->


    <!-- HTML5 Shim -->
    <!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>

<body class="ng-cloak">
    <header data-ng-include="'/modules/core/views/header.client.view.html'" class="navbar navbar-fixed-top navbar-inverse"></header>
    <section class="content">
        <section class="container">
            <section data-ui-view></section>
        </section>
    </section>

    <!--Embedding The User Object-->
    <script type="text/javascript">
        var user = {{ user | json | safe }};
    </script>

    <!--Application JavaScript Files-->

    <!--[if lt IE 9]>
    <section class="browsehappy jumbotron hide">
        <h1>Hello there!</h1>
        <p>You are using an old browser which we unfortunately do not support.</p>
        <p>Please <a href="http://browsehappy.com/">click here</a> to update your browser before using the website.</p>
        <p><a href="http://browsehappy.com" class="btn btn-primary btn-lg" role="button">Yes, upgrade my browser!</a></p>
    </section>
    <![endif]-->
</body>

</html>

你真正的问题是MEANJS处理与nodejs的所有依赖关系,你也必须使用JAX-RS或webpack等来处理它......如你所愿。

PS:不要忘记用你需要的东西替换{{value}};)