自分のビューを作成します

共有されたデフォルトファイルの編集が好きでない場合、または本当に異なるUIが欲しい場合には、自分のカスタムビューを作成するのが一番です。

新しいビューの追加

前節で示したように、新しいUIビューをロードするためにいくつかのファイルを設定する必要があります。

• 新しいフォルダの作成 web-ui/src/main/resources/catalog/views/ それがそうです。

• 追加する templates/index.html このファイルの中にあります。

• マスターAngularJSモジュールにインストールされたjavascriptファイルの追加

• より少ないファイルを追加する

あなたのビューをカスタマイズします

カスタマイズされたビュー名を作成したいと仮定します geoportal それがそうです。

• 新しいフォルダを作成する必要があります web-ui/src/main/resources/catalog/views/geoportal それがそうです。

• 新しいファイルを追加する web-ui/src/main/resources/catalog/views/geoportal/templates/index.html ハム

<div class="geoportal">Welcome to geoportal</div>

• 新しいファイルを追加する web-ui/src/main/resources/catalog/views/geoportal/search.js ハム

(function() {

  goog.provide('gn_search_geoportal');
  goog.require('gn_search');

  var module = angular.module('gn_search_geoportal', ['gn_search']);

})();

注釈

あなたは含まなければなりません gn_search モジュールです。

• 新しいファイルを追加する web-ui/src/main/resources/catalog/geoportal/views/geoportal/less/gn_search_geoportal.less ハム

.geoportal {
    font-size: 36px;
    font-weight: bold;
}

ビューを起動します

新しいビューを見るには、起動することができます catalog.search 新しいパラメトリック·ビュー付きサービス：http：//localhost：8080/geonnetwork/srv/eng/Catalog.search？view=GeoPortal

または、管理者設定ページに入って設定する system/ui/defaultView () User interface configuration -> Choose the user interface to use )から geoportal それがそうです。