ApiBoot Logging Admin UI界面 + VUE初始化

Author: hengboy

api-boot-project/api-boot-plugins/api-boot-plugin-logging-admin-ui/babel.config.js

@@ -1,5 +1,21 @@
+/*
+ * Copyright 2014-2018 the original author or authors.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 module.exports = {
   presets: [
     '@vue/app'
   ]
-}
+};

api-boot-project/api-boot-plugins/api-boot-plugin-logging-admin-ui/package-lock.json

@@ -1,44 +1,105 @@
 {
-  "name": "api-boot-plugin-logging-admin-ui",
-  "description": "ApiBoot Logging Admin Ui",
-  "version": "2.1.3",
+  "name": "spring-boot-admin-server-ui",
+  "description": "Spring Boot Admin UI",
   "private": true,
   "scripts": {
-    "serve": "vue-cli-service serve",
+    "dev": "vue-cli-service serve",
+    "watch": "vue-cli-service build --watch",
     "build": "vue-cli-service build",
-    "lint": "vue-cli-service lint"
+    "lint": "vue-cli-service lint",
+    "test:unit": "vue-cli-service test:unit"
   },
   "dependencies": {
-    "copy-webpack-plugin": "latest",
-    "core-js": "^2.6.5",
-    "html-loader": "^0.5.5",
+    "@fortawesome/fontawesome-svg-core": "^1.2.19",
+    "@fortawesome/free-brands-svg-icons": "^5.9.0",
+    "@fortawesome/free-regular-svg-icons": "^5.9.0",
+    "@fortawesome/free-solid-svg-icons": "^5.9.0",
+    "@fortawesome/vue-fontawesome": "^0.1.6",
+    "ansi_up": "^4.0.3",
+    "autolinker": "^3.1.0",
+    "axios": "^0.19.0",
+    "bulma": "^0.7.5",
+    "bulma-badge": "^3.0.1",
+    "copy-webpack-plugin": "^5.0.4",
+    "d3-array": "^2.2.0",
+    "d3-axis": "^1.0.12",
+    "d3-brush": "^1.0.6",
+    "d3-scale": "^3.0.0",
+    "d3-selection": "^1.4.0",
+    "d3-shape": "^1.3.5",
+    "d3-time": "^1.0.11",
+    "event-source-polyfill": "^1.0.7",
+    "lodash": "^4.17.15",
+    "moment": "^2.24.0",
+    "moment-shortformat": "^2.1.0",
+    "popper.js": "^1.15.0",
+    "pretty-bytes": "^5.2.0",
+    "resize-observer-polyfill": "^1.5.1",
+    "rxjs": "^6.5.2",
     "vue": "^2.6.10",
-    "vue-router": "^3.0.7",
-    "webpack": "latest",
-    "webpack-bundle-analyzer": "latest"
+    "vue-clickaway2": "^2.3.1",
+    "vue-i18n": "^8.12.0",
+    "vue-infinite-loading": "^2.4.4",
+    "vue-router": "^3.0.7"
   },
   "devDependencies": {
-    "@vue/cli-plugin-babel": "^3.9.0",
-    "@vue/cli-plugin-eslint": "^3.9.0",
-    "@vue/cli-service": "^3.9.0",
-    "babel-eslint": "^10.0.1",
+    "@vue/cli-plugin-babel": "^3.9.2",
+    "@vue/cli-plugin-eslint": "^3.9.2",
+    "@vue/cli-plugin-unit-jest": "^3.9.0",
+    "@vue/cli-service": "^3.9.3",
+    "@vue/eslint-config-standard": "^4.0.0",
+    "@vue/test-utils": "^1.0.0-beta.29",
+    "babel-core": "7.0.0-bridge.0",
+    "babel-eslint": "^10.0.2",
+    "babel-jest": "^23.6.0",
     "eslint": "^5.16.0",
-    "eslint-plugin-vue": "^5.0.0",
-    "vue-template-compiler": "^2.6.10"
+    "eslint-plugin-vue": "^5.2.3",
+    "html-loader": "^0.5.5",
+    "jest": "^24.8.0",
+    "node-sass": "^4.12.0",
+    "sass-loader": "^7.0.1",
+    "vue-template-compiler": "^2.6.10",
+    "webpack": "^4.38.0",
+    "webpack-bundle-analyzer": "^3.3.2"
   },
   "eslintConfig": {
     "root": true,
     "env": {
       "node": true
     },
     "extends": [
-      "plugin:vue/essential",
-      "eslint:recommended"
+      "eslint:recommended",
+      "plugin:vue/strongly-recommended"
     ],
-    "rules": {},
+    "rules": {
+      "quotes": [
+        "error",
+        "single"
+      ],
+      "no-console": [
+        "error",
+        {
+          "allow": [
+            "warn"
+          ]
+        }
+      ],
+      "vue/max-attributes-per-line": "off",
+      "vue/component-name-in-template-casing": "kebab-case"
+    },
     "parserOptions": {
       "parser": "babel-eslint"
-    }
+    },
+    "overrides": [
+      {
+        "files": [
+          "*.spec.js"
+        ],
+        "env": {
+          "jest": true
+        }
+      }
+    ]
   },
   "postcss": {
     "plugins": {
@@ -47,6 +108,29 @@
   },
   "browserslist": [
     "> 1%",
-    "last 2 versions"
-  ]
+    "last 2 versions",
+    "not ie <= 8"
+  ],
+  "jest": {
+    "moduleFileExtensions": [
+      "js",
+      "json",
+      "vue"
+    ],
+    "transform": {
+      "^.+\\.vue$": "vue-jest",
+      ".+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$": "jest-transform-stub",
+      "^.+\\.js$": "babel-jest"
+    },
+    "moduleNameMapper": {
+      "^@/(.*)$": "<rootDir>/src/main/frontend/$1"
+    },
+    "snapshotSerializers": [
+      "jest-serializer-vue"
+    ],
+    "testMatch": [
+      "**/*.spec.js"
+    ],
+    "testURL": "http://example.com"
+  }
 }

api-boot-project/api-boot-plugins/api-boot-plugin-logging-admin-ui/package.json

@@ -45,11 +45,20 @@
             <artifactId>spring-boot-starter-web</artifactId>
             <optional>true</optional>
         </dependency>
+        <dependency>
+            <groupId>org.springframework.boot</groupId>
+            <artifactId>spring-boot-starter-thymeleaf</artifactId>
+        </dependency>
         <!--ApiBoot Logging Admin-->
         <dependency>
             <groupId>org.minbox.framework</groupId>
             <artifactId>api-boot-plugin-logging-admin</artifactId>
         </dependency>
+        <dependency>
+            <groupId>org.springframework.boot</groupId>
+            <artifactId>spring-boot-starter-security</artifactId>
+            <scope>test</scope>
+        </dependency>
     </dependencies>
     <build>
         <plugins>

api-boot-project/api-boot-plugins/api-boot-plugin-logging-admin-ui/pom.xml

@@ -0,0 +1,47 @@
+/*!
+ * Copyright 2014-2018 the original author or authors.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+//  Import the initial variables
+@import "~bulma/sass/utilities/initial-variables";
+@import "~bulma/sass/utilities/functions";
+
+//$turquoise: rgb(66, 211, 165);
+$turquoise: #78a744;
+// overrides
+$primary: $turquoise;
+$primary-invert: $white;
+
+//  Add new color variables to the color map.
+@import "~bulma/sass/utilities/derived-variables.sass";
+
+$addColors: ();
+$colors: map-merge($colors, $addColors);
+
+$link: $primary;
+
+$modal-card-head-background-color: $white;
+$modal-content-width: calc(100vh - 40px);
+
+$navbar-background-color: $black-ter;
+$navbar-item-color: $grey;
+$navbar-item-hover-color: $white;
+$navbar-item-hover-background-color: $navbar-background-color;
+$navbar-item-active-color: $white;
+$navbar-item-active-background-color: $navbar-background-color;
+
+@import "~bulma/sass/utilities/mixins.sass";
+
+// for calculations / originally rem
+$navbar-height-px: 52px;