fix

pom.xml

@@ -0,0 +1,77 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+  xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
+  <modelVersion>4.0.0</modelVersion>
+
+  <groupId>com.jl</groupId>
+  <artifactId>A</artifactId>
+  <version>1.0-SNAPSHOT</version>
+  <packaging>war</packaging>
+
+  <name>A Maven Webapp</name>
+  <!-- FIXME change it to the project's website -->
+  <url>http://www.example.com</url>
+
+  <properties>
+    <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
+    <maven.compiler.source>1.7</maven.compiler.source>
+    <maven.compiler.target>1.7</maven.compiler.target>
+  </properties>
+
+  <parent>
+    <artifactId>spring-boot-dependencies</artifactId>
+    <groupId>org.springframework.boot</groupId>
+    <version>2.2.5.RELEASE</version>
+  </parent>
+  
+  <dependencies>
+    <dependency>
+      <groupId>junit</groupId>
+      <artifactId>junit</artifactId>
+      <version>4.11</version>
+      <scope>test</scope>
+    </dependency>
+    <dependency>
+      <groupId>org.springframework.boot</groupId>
+      <artifactId>spring-boot-starter-web</artifactId>
+    </dependency>
+  </dependencies>
+
+  <build>
+    <finalName>A</finalName>
+    <pluginManagement><!-- lock down plugins versions to avoid using Maven defaults (may be moved to parent pom) -->
+      <plugins>
+        <plugin>
+          <artifactId>maven-clean-plugin</artifactId>
+          <version>3.1.0</version>
+        </plugin>
+        <!-- see http://maven.apache.org/ref/current/maven-core/default-bindings.html#Plugin_bindings_for_war_packaging -->
+        <plugin>
+          <artifactId>maven-resources-plugin</artifactId>
+          <version>3.0.2</version>
+        </plugin>
+        <plugin>
+          <artifactId>maven-compiler-plugin</artifactId>
+          <version>3.8.0</version>
+        </plugin>
+        <plugin>
+          <artifactId>maven-surefire-plugin</artifactId>
+          <version>2.22.1</version>
+        </plugin>
+        <plugin>
+          <artifactId>maven-war-plugin</artifactId>
+          <version>3.2.2</version>
+        </plugin>
+        <plugin>
+          <artifactId>maven-install-plugin</artifactId>
+          <version>2.5.2</version>
+        </plugin>
+        <plugin>
+          <artifactId>maven-deploy-plugin</artifactId>
+          <version>2.8.2</version>
+        </plugin>
+      </plugins>
+    </pluginManagement>
+  </build>
+</project>

src/main/java/com/jl/SpringBootDemo.java

@@ -0,0 +1,11 @@
+package com.jl;
+
+import org.springframework.boot.SpringApplication;
+import org.springframework.boot.autoconfigure.SpringBootApplication;
+
+@SpringBootApplication
+public class SpringBootDemo {
+    public static void main(String[] args) {
+        SpringApplication.run(SpringBootDemo.class, args);
+    }
+}

src/main/java/com/jl/controller/HelloWordController.java

@@ -0,0 +1,18 @@
+package com.jl.controller;
+
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.ResponseBody;
+import org.springframework.boot.autoconfigure.EnableAutoConfiguration;
+
+/**
+ * @author Administrator
+ */
+@EnableAutoConfiguration
+@Controller
+public class HelloWordController {
+    @RequestMapping("/hello")
+    public String hello(){
+        return "index";
+    }
+}

src/main/resources/application.yml

@@ -0,0 +1,8 @@
+server:
+  port: 8081
+  
+spring:
+  mvc:
+    view:
+      prefix: /
+      suffix: .html

src/main/webapp/WEB-INF/web.xml

@@ -0,0 +1,7 @@
+<!DOCTYPE web-app PUBLIC
+ "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
+ "http://java.sun.com/dtd/web-app_2_3.dtd" >
+
+<web-app>
+  <display-name>Archetype Created Web Application</display-name>
+</web-app>

src/main/webapp/css/index.css

@@ -0,0 +1,33 @@
+.carInfoDiv,.dataDiv,.passwordDiv,.jcdataDiv{
+    width: 200px;
+    height: 330px;
+    border: 1px solid black;
+    padding-left: 5px;
+    float: left;
+}
+.passwordDiv input{
+    width: 40px;
+}
+.LiquidDiv{
+    border: 1px solid black;
+    padding-left: 5px;
+    width: 130px;
+    float: left;
+}
+.LiquidDiv input{
+    width: 40px;
+}
+h4,h5{
+    text-align: center;
+    color: red;
+}
+input{
+    width: 100px;
+}
+button{
+    width: 50px;
+    height: 30px;
+}
+select{
+    width: 50px;
+}

src/main/webapp/index.html

@@ -0,0 +1,174 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+    <link rel="stylesheet" type="text/css" href="css/index.css">
+</head>
+<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
+<script src="js/index.js"></script>
+<body>
+<div>
+    <!--车辆信息 服务器信息-->
+    <div class="carInfoDiv">
+        <h4>车辆基本信息</h4>
+        <span>手机号：</span>
+        <input id="phone" type="text" maxlength="12" value="013253046318">
+        <br>
+        <h4>服务器信息</h4>
+        <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;IP：</span>
+        <input id="ip" type="text" value="121.199.29.128">
+        <br>
+        <span>端口号：</span>
+        <input id="port" type="text" value="9021">
+        <br><br>
+        <div style="text-align: center">
+            <button onclick="">连接</button>
+            <button onclick="">断开</button>
+            <button onclick="">注销</button>
+        </div>
+        <h5>未连接</h5>
+    </div>
+    <!--仓数 上报数据 阀门个数-->
+    <div class="dataDiv">
+        <h4>数据</h4>
+        <span>仓数:</span>
+        <select id="cangShu">
+            <option value="1">1仓</option>
+            <option value="2">2仓</option>
+            <option value="3">3仓</option>
+            <option value="4">4仓</option>
+            <option value="5">5仓</option>
+            <option value="6">6仓</option>
+            <option value="7">7仓</option>
+            <option value="8">8仓</option>
+        </select>
+        <br>
+        <input style="width: 20px" type="checkbox" name="data" checked onclick="return false;">开关+铅封
+        <br>
+        <input id="liquid" style="width: 20px" type="checkbox" name="data">液位
+        <h4>阀门个数</h4>
+        <span>人孔大盖：</span>
+        <select id="bigManholecover">
+            <option value="1">1个</option>
+            <option value="2">2个</option>
+            <option value="3">3个</option>
+            <option value="4">4个</option>
+        </select>
+        <br>
+        <span>人孔小盖：</span>
+        <select id="smallManholecover">
+            <option value="1">1个</option>
+            <option value="2">2个</option>
+            <option value="3">3个</option>
+            <option value="4">4个</option>
+        </select>
+        <br>
+        <span>&nbsp;&nbsp;&nbsp;卸油阀：</span>
+        <select id="unloadingvalve">
+            <option value="1">1个</option>
+            <option value="2">2个</option>
+            <option value="3">3个</option>
+            <option value="4">4个</option>
+        </select>
+        <br>
+        <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;底阀：</span>
+        <select id="bottomvalve">
+            <option value="1">1个</option>
+            <option value="2">2个</option>
+            <option value="3">3个</option>
+            <option value="4">4个</option>
+        </select>
+        <br><br>
+        <div style="text-align: center">
+            <button onclick="sure()">确定</button>
+        </div>
+    </div>
+    <div class="jcdataDiv">
+        <h4>基础数据</h4>
+        <span>位置：</span>
+        <button onclick="">地图</button>
+        <br>
+        <span>&nbsp;&nbsp;&nbsp;&nbsp;经纬度：</span>
+        <input id="latAndLng" type="text" value="120.165106,30.186228">
+        <br>
+        <span>报警标志：</span>
+        <input id="alarmSign" type="text" maxlength="8" value="00000000">
+        <br>
+        <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;状态：</span>
+        <input id="status" type="text" maxlength="8" value="00000003">
+        <br>
+        <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;速度：</span>
+        <input id="speed" type="text" maxlength="2" style="width: 30px" value="0">km/h
+        <br>
+    </div>
+    <!--密码-->
+    <div class="passwordDiv" style="width: 150px">
+        <h4>密码</h4>
+        <span>整车：</span>
+        <input id="cang0" type="text" value="0000" readonly>
+        <br>
+        <span>&nbsp;1仓：</span>
+        <input id="cang1" type="text" value="0000" readonly>
+        <br>
+        <span>&nbsp;2仓：</span>
+        <input id="cang2" type="text" value="0000" readonly>
+        <br>
+        <span>&nbsp;3仓：</span>
+        <input id="cang3" type="text" value="0000" readonly>
+        <br>
+        <span>&nbsp;4仓：</span>
+        <input id="cang4" type="text" value="0000" readonly>
+        <br>
+        <span>&nbsp;5仓：</span>
+        <input id="cang5" type="text" value="0000" readonly>
+        <br>
+        <span>&nbsp;6仓：</span>
+        <input id="cang6" type="text" value="0000" readonly>
+        <br>
+        <span>&nbsp;7仓：</span>
+        <input id="cang7" type="text" value="0000" readonly>
+        <br>
+        <span>&nbsp;8仓：</span>
+        <input id="cang8" type="text" value="0000" readonly>
+        <br><br>
+        <div style="text-align: center">
+            <button onclick="">查询</button>
+        </div>
+    </div>
+    <div id="LiquidDivs">
+        <h4>液位/温度/压力</h4>
+       <!-- <div class="LiquidDiv" id="LiquidDiv1">
+            <h5>1仓</h5>
+            <span>温度1：</span>
+            <input id="temperature11" type="text" value="0">
+            <br>
+            <span>温度2：</span>
+            <input id="temperature21" type="text" value="0">
+            <br>
+            <span>温度3：</span>
+            <input id="temperature31" type="text" value="0">
+            <br>
+            <span>倾角x：</span>
+            <input id="InclinationX1" type="text" value="0">
+            <br>
+            <span>倾角y：</span>
+            <input id="InclinationY1" type="text" value="0">
+            <br>
+            <span>&nbsp;密度：</span>
+            <input id="density1" type="text" value="0">
+            <br>
+            <span>&nbsp;压力：</span>
+            <input id="pressure1" type="text" value="0">
+            <br>
+            <span>&nbsp;液位：</span>
+            <input id="liquidLevel1" type="text" value="0">
+            <br>
+        </div>-->
+        
+        
+        
+    </div>
+</div>
+</body>
+</html>

src/main/webapp/js/index.js

@@ -0,0 +1,66 @@
+/**
+ * 点击确定
+ */
+function sure() {
+    var cangshu = $("#cangShu option:selected").val();
+    if ($("#liquid")[0].checked) {//需要液位
+        var div = $("#LiquidDivs");
+        for (let i=1; i<=cangshu;i++){
+            var parentdiv = $('<div></div>');
+            parentdiv.attr('calss','LiquidDiv');
+            parentdiv.attr('id','LiquidDiv'+i);
+            
+            parentdiv.append($('<h5>'+i+'仓</h5>'));
+            parentdiv.append($('<span>温度1：</span>'));
+            var input1=$('<input type="text" value="0">');
+            input1.attr('id','temperature1'+i);
+            parentdiv.append(input1);
+            parentdiv.append($('<br>'));
+            
+            parentdiv.append($('<span>温度2：</span>'));
+            var input2=$('<input type="text" value="0">');
+            input2.attr('id','temperature2'+i);
+            parentdiv.append(input2);
+            parentdiv.append($('<br>'));
+            
+            parentdiv.append($('<span>温度3：</span>'));
+            var input3=$('<input type="text" value="0">');
+            input1.attr('id','temperature3'+i);
+            parentdiv.append(input3);
+            parentdiv.append($('<br>'));
+            
+            parentdiv.append($('<span>倾角x：</span>'));
+            var input4=$('<input type="text" value="0">');
+            input1.attr('id','InclinationX'+i);
+            parentdiv.append(input4);
+            parentdiv.append($('<br>'));
+            
+            parentdiv.append($('<span>倾角y：</span>'));
+            var input5=$('<input type="text" value="0">');
+            input1.attr('id','InclinationY'+i);
+            parentdiv.append(input5);
+            parentdiv.append($('<br>'));
+            
+            parentdiv.append($('<span>&nbsp;密度：</span>'));
+            var input6=$('<input type="text" value="0">');
+            input1.attr('id','density'+i);
+            parentdiv.append(input6);
+            parentdiv.append($('<br>'));
+            
+            parentdiv.append($('<span>&nbsp;压力：</span>'));
+            var input7=$('<input type="text" value="0">');
+            input1.attr('id','pressure'+i);
+            parentdiv.append(input7);
+            parentdiv.append($('<br>'));
+            
+            parentdiv.append($('<span>&nbsp;液位：</span>'));
+            var input8=$('<input type="text" value="0">');
+            input1.attr('id','liquidLevel'+i);
+            parentdiv.append(input8);
+            parentdiv.append($('<br>'));
+            
+            
+            div.append(parentdiv);
+        }
+    }
+}