mqtt消息记录优化，控制台页面样式优化

springboot-init-main/src/main/resources/application.yml

@@ -4,9 +4,9 @@ spring:
   # DataSource Config
   datasource:
     driver-class-name: com.mysql.cj.jdbc.Driver
-    url: jdbc:mysql://yuyun-us1.stormrain.cn:3306/mqtt_power?useUnicode=true&characterEncoding=utf-8&serverTimezone=Asia/Shanghai
-    username: root
-    password: mysql_a4MQ4P
+    url: jdbc:mysql://${DB_HOST:localhost}:${DB_PORT:3306}/${DB_NAME:mqtt_power}?useUnicode=true&characterEncoding=utf-8&serverTimezone=Asia/Shanghai
+    username: ${DB_USER:root}
+    password: ${DB_PASSWORD:your_default_db_password} # STRONG PASSWORD RECOMMENDED, to be overridden by env var
   mvc:
     pathmatch:
       matching-strategy: ANT_PATH_MATCHER
@@ -51,9 +51,9 @@ logging:
 # MQTT Configurations
 # ===================================================================
 mqtt:
-  broker-url: tcp://broker.emqx.io:1883
-  username:  # Public broker, no credentials specified for connection
-  password:  # Public broker, no credentials specified for connection
+  broker-url: ${MQTT_BROKER_URL:tcp://broker.emqx.io:1883} # To be overridden by env var for local dockerized emqx
+  username: ${MQTT_USERNAME:} # Public broker or to be set by env var
+  password: ${MQTT_PASSWORD:} # Public broker or to be set by env var
   client-id-prefix: backend-yupi-mqtt-power- # Unique client ID prefix for our project
   default-qos: 1 # Default Quality of Service (0, 1, 2)
   connection-timeout: 30 # Connection timeout in seconds