3.7
fxl
2023-03-07 52cffc4ab8e9787a6f233295502c7c9788dddae1
src/main/webapp/hxzk/login.jsp
@@ -1,206 +1,322 @@
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<html lang="en">
<head>
    <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">
   <title></title>
   <link rel="icon" type="image/x-icon" href="/hxzkoa/hxzk/assets/img/favicon.ico"/>
    <link href="https://fonts.googleapis.com/css?family=Quicksand:400,500,600,700&display=swap" rel="stylesheet">
    <link href="/hxzkoa/hxzk/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="/hxzkoa/hxzk/assets/css/plugins.css" rel="stylesheet" type="text/css" />
    <link href="/hxzkoa/hxzk/assets/css/authentication/form-2.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="/hxzkoa/hxzk/assets/css/forms/theme-checkbox-radio.css">
    <link rel="stylesheet" type="text/css" href="/hxzkoa/hxzk/assets/css/forms/switches.css">
    <link href="/hxzkoa/hxzk/plugins/sweetalerts/sweetalert2.min.css" rel="stylesheet" type="text/css" />
   <link href="/hxzkoa/hxzk/plugins/sweetalerts/sweetalert.css" rel="stylesheet" type="text/css" />
   <style>
   .form-control {
       height: auto;
       border: 1px solid #1b2e4b;
       color: #009688;
       font-size: 15px;
       padding: 8px 10px;
       letter-spacing: 1px;
       height: calc(1.4em + 1.4rem + 2px);
       padding: .75rem 1.25rem;
       border-radius: 6px;
       background: #1b2e4b;
       line-height: 1.5;
   }
   </style>
    <script src="/hxzkoa/hxzk/assets/js/libs/jquery-3.1.1.min.js"></script>
    <script src="/hxzkoa/hxzk/bootstrap/js/popper.min.js"></script>
    <script src="/hxzkoa/hxzk/bootstrap/js/bootstrap.min.js"></script>
    <script src="/hxzkoa/hxzk/assets/js/authentication/form-2.js"></script>
    <script src="/hxzkoa/hxzk/plugins/sweetalerts/sweetalert2.min.js"></script>
   <script src="/hxzkoa/hxzk/plugins/sweetalerts/custom-sweetalert.js"></script>
</head>
<body class="form">
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
   <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
      <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
         <html lang="en">
    <div class="form-container outer">
        <div class="form-form" style="position:absolute;width:20%;float:left;margin-left:40%;">
            <div class="form-form-wrap">
                <div class="form-container" >
                    <div class="form-content">
                        <h1 class="" ><span id="headTitle">华星智控定位管理系统</span></h1>
                        <form class="text-left">
                            <div class="form">
                                <div id="username-field" class="field-wrapper input">
                                    <label for="username">用户名</label>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
                                    <input id="username" name="username" type="text" class="form-control" placeholder="用户名" required="required">
                                </div>
         <head>
            <meta charset="utf-8">
            <meta http-equiv="X-UA-Compatible" content="IE=edge">
            <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">
            <title></title>
            <link rel="icon" type="image/x-icon" href="/hxzkoa/hxzk/assets/img/favicon.ico" />
            <link href="https://fonts.googleapis.com/css?family=Quicksand:400,500,600,700&display=swap"
               rel="stylesheet">
            <link href="/hxzkoa/hxzk/Cesium-1.88/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
            <link href="/hxzkoa/hxzk/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
            <link href="/hxzkoa/hxzk/assets/css/plugins.css" rel="stylesheet" type="text/css" />
            <link href="/hxzkoa/hxzk/assets/css/authentication/form-2.css" rel="stylesheet" type="text/css" />
            <link rel="stylesheet" type="text/css" href="/hxzkoa/hxzk/assets/css/forms/theme-checkbox-radio.css">
            <link rel="stylesheet" type="text/css" href="/hxzkoa/hxzk/assets/css/forms/switches.css">
            <link href="/hxzkoa/hxzk/plugins/sweetalerts/sweetalert2.min.css" rel="stylesheet" type="text/css" />
            <link href="/hxzkoa/hxzk/plugins/sweetalerts/sweetalert.css" rel="stylesheet" type="text/css" />
            <style>
               body {
                  margin: 0px;
                  width: 100%;
                  min-width: 1580px;
                  max-width: 100%;
                  height: 100%;
                  background-color: #F0F0F0;
               }
                                <div id="password-field" class="field-wrapper input mb-2">
                                    <div class="d-flex justify-content-between">
                                        <label for="password">密码</label>
                                    </div>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-lock"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>
                                    <input id="password" name="password" type="password" class="form-control" placeholder="密码" required="required">
                                </div>
                                <div id="password-field" class="field-wrapper input mb-2">
                                    <div class="d-flex justify-content-between">
                                        <label for="password">验证码</label>
                                    </div>
                           <svg t="1618403857453" class="feather feather-lock" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2231" width="24" height="24"><path d="M895.744 273.28a59.2 59.2 0 0 0-46.72-51.936A1103.36 1103.36 0 0 1 697.92 186.56a561.28 561.28 0 0 1-135.008-78.912 61.76 61.76 0 0 0-72.16 0 354.112 354.112 0 0 1-136.032 78.4 507.264 507.264 0 0 1-146.944 36.32 55.04 55.04 0 0 0-46.208 51.936S160 404.64 160 519.36C160 727.04 405.056 928 527.616 928c122.528 0 330.24-141.76 363.456-405.504 8.32-155.776 2.56-248.704 2.56-248.704l2.112-0.544z m-133.44 160.416l-256 241.44c-11.52 10.976-29.12 12.704-42.56 4.16l-6.72-5.728-141.248-146.912a35.264 35.264 0 0 1 51.904-47.776l116.32 122.016 230.528-218.08a35.264 35.264 0 1 1 47.776 51.936v-1.056z" p-id="2232" fill="#bfbfbf"></path></svg>
                           <input id="yanzheng" name="yanzheng" type="text" class="form-control" placeholder="验证码" style ="width:40%;float:left;">
<!--                          <input type="button"  onclick="createCode()" id="code"  style ="margin-left:10px;width:40%;height:46.8px;font-family:Arial;font-style:italic;font-weight:bold;border:0;letter-spacing:2px;color:blue;"/>  -->
                           <button onclick="createCode()" id="code" style ="margin-left:10px;width:40%;height:46.8px;font-family:Arial;font-style:italic;font-weight:bold;border-radius:10px;border:0;letter-spacing:2px;color:blue;"></button>
                                </div>
                                <div class="d-sm-flex justify-content-between">
                                    <div class="field-wrapper">
                                        <button type="button" class="btn btn-primary login" value="">登录</button>
                                    </div>
                                </div>
                            </div>
                        </form>
               #head {
                  background-color: #FFFF00;
                  width: 100%;
                  height: 100px;
               }
                    </div>
                </div>
            </div>
        </div>
    </div>
               #center {
                  background-color: #00FFFF;
                  width: 100%;
                  min-height: 100%;
               }
    <!-- BEGIN GLOBAL MANDATORY SCRIPTS -->
               #foot {
                  background-color: #FF00FF;
                  width: 100%;
                  height: 100px;
               }
    <script>
    var code ; //在全局定义验证码
   //产生验证码
   window.onload = function createCode(){
       code = "";
       var codeLength = 4;//验证码的长度
       var checkCode = document.getElementById("code");
       var random = new Array(0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R',
       'S','T','U','V','W','X','Y','Z');//随机数
       for(var i = 0; i < codeLength; i++) {//循环操作
         var index = Math.floor(Math.random()*36);//取得随机数的索引(0~35)
         code += random[index];//根据索引取得随机数加到code上
      }
      checkCode.innerHTML = code;//把code值赋给验证码
   }
   //校验验证码
   function validate(){
      var inputCode = document.getElementById("input").value.toUpperCase(); //取得输入的验证码并转化为大写
      if(inputCode.length <= 0) { //若输入的验证码长度为0
         alert("请输入验证码!"); //则弹出请输入验证码
      }
      else if(inputCode != code ) { //若输入的验证码与产生的验证码不一致时
         alert("验证码输入错误!@_@"); //则弹出验证码输入错误
         createCode();//刷新验证码
         document.getElementById("input").value = "";//清空文本框
      }
      else { //输入正确时
         alert("^-^"); //弹出^-^
      }
   }
    $(document).ready(function(){
      var title=""
      $.ajax({
         async : false, //同步的
         type : "POST",
         url : "/hxzkoa/getSysSetting_list.do",
         data : {
         },
         dataType : "json",
         success:function(data){
               title = data[0].title
               var obj = document.getElementById("headTitle");
            //console.log("head:",title)
            obj.innerText= title;
            document.title = title;
            },
      });
    })
   function login () {
      var inputCode = document.getElementById("yanzheng").value.toUpperCase(); //取得输入的验证码并转化为大写
      if(inputCode.length <= 0) { //若输入的验证码长度为0
         //console.log('if')
         swal(
            '登录失败!',
            '请输入验证码!',
            'error'
         )
      }
      else if(inputCode != code ) { //若输入的验证码与产生的验证码不一致时
         //console.log('elseif')
         swal(
            '登录失败!',
            '验证码错误!',
            'error'
         )
         createCode();//刷新验证码
         document.getElementById("input").value = "";//清空文本框
      }
      else { //输入正确时
         //console.log('else')
         var username = $("#username").val();
         var password = $("#password").val();
         $.ajax({
            async : false, //同步的
            type : "POST",
            url : "/hxzkoa/login.do",
            data : {
               username : username,
               password : password,
            },
            dataType : "json",
            success:function(data){
                  //console.log(data)
                  if (data=="1"){
                     window.location.href="/hxzkoa/show.do"
                  } else {
                     swal(
                     '登录失败!',
                     '用户名和密码错误!',
                     'error'
                  )
                  }
               },
         });
      }
   }
   window.onkeydown=(e)=>{
      if(e.code== "Enter"){
         login()
         return false
      }
   }
    // 新增功能
   $('.login').on('click', login);
    </script>
    <!-- END GLOBAL MANDATORY SCRIPTS -->
               .form-control {
                  height: auto;
                  border: 1px solid #1b2e4b;
                  color: #009688;
                  font-size: 15px;
                  padding: 8px 10px;
                  letter-spacing: 1px;
                  height: calc(1.4em + 1.4rem + 2px);
                  padding: .75rem 1.25rem;
                  border-radius: 6px;
                  background: #1b2e4b;
                  line-height: 1.5;
               }
               #cesiumContainer {
                  width: 100%;
                  height: 100%;
                  margin: 0;
                  padding: 0;
                  overflow: hidden;
               }
            </style>
            <script src="/hxzkoa/hxzk/assets/js/libs/jquery-3.1.1.min.js"></script>
            <script src="/hxzkoa/hxzk/Cesium-1.88/Build/Cesium/Cesium.js"></script>
            <script src="/hxzkoa/hxzk/bootstrap/js/popper.min.js"></script>
            <script src="/hxzkoa/hxzk/bootstrap/js/bootstrap.min.js"></script>
            <script src="/hxzkoa/hxzk/assets/js/authentication/form-2.js"></script>
            <script src="/hxzkoa/hxzk/plugins/sweetalerts/sweetalert2.min.js"></script>
            <script src="/hxzkoa/hxzk/plugins/sweetalerts/custom-sweetalert.js"></script>
         </head>
         <body class="form">
            <div id="cesiumContainer"></div>
            <div class="form-container outer" style="width: 26%;height: 40%;position: absolute;z-index: 6;top: 24%;margin-left: 37%;">
               <div class="form-form" style="position: absolute; float: left;">
                  <div class="form-form-wrap">
                     <div class="form-container">
                        <div class="form-content">
                           <h1 class="">
                              <span id="headTitle"></span>
                           </h1>
                           <form class="text-left">
                              <div class="form">
                                 <div id="username-field" class="field-wrapper input">
                                    <label for="username" style="color: #131527;"></label>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                       viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                       stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                       class="feather feather-user">
                                       <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
                                       <circle cx="12" cy="7" r="4"></circle>
                                    </svg>
                                    <input id="username" name="username" type="text" class="form-control"
                                       placeholder="用户名" required="required">
                                 </div>
                                 <div id="password-field" class="field-wrapper input mb-2">
                                    <!-- <div class="d-flex justify-content-between">
                                       <label for="password" style="color: #131527;">密码</label>
                                    </div> -->
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                       viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                       stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                       class="feather feather-lock">
                                       <rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect>
                                       <path d="M7 11V7a5 5 0 0 1 10 0v4"></path>
                                    </svg>
                                    <input id="password" name="password" type="password"
                                       class="form-control" placeholder="密码" required="required">
                                 </div>
                                 <div id="password-field" class="field-wrapper input mb-2">
                                    <!-- <div class="d-flex justify-content-between">
                                       <label for="password" style="color: #131527;">验证码</label>
                                    </div> -->
                                    <svg t="1618403857453" class="feather feather-lock"
                                       viewBox="0 0 1024 1024" version="1.1"
                                       xmlns="http://www.w3.org/2000/svg" p-id="2231" width="24"
                                       height="24">
                                       <path
                                          d="M895.744 273.28a59.2 59.2 0 0 0-46.72-51.936A1103.36 1103.36 0 0 1 697.92 186.56a561.28 561.28 0 0 1-135.008-78.912 61.76 61.76 0 0 0-72.16 0 354.112 354.112 0 0 1-136.032 78.4 507.264 507.264 0 0 1-146.944 36.32 55.04 55.04 0 0 0-46.208 51.936S160 404.64 160 519.36C160 727.04 405.056 928 527.616 928c122.528 0 330.24-141.76 363.456-405.504 8.32-155.776 2.56-248.704 2.56-248.704l2.112-0.544z m-133.44 160.416l-256 241.44c-11.52 10.976-29.12 12.704-42.56 4.16l-6.72-5.728-141.248-146.912a35.264 35.264 0 0 1 51.904-47.776l116.32 122.016 230.528-218.08a35.264 35.264 0 1 1 47.776 51.936v-1.056z"
                                          p-id="2232" fill="#bfbfbf"></path>
                                    </svg>
                                    <input id="yanzheng" name="yanzheng" type="text" class="form-control"
                                       placeholder="验证码" style="width: 48.6%; float: left;">
                                    <!--                          <input type="button"  onclick="createCode()" id="code"  style ="margin-left:10px;width:40%;height:46.8px;font-family:Arial;font-style:italic;font-weight:bold;border:0;letter-spacing:2px;color:blue;"/>  -->
                                    <button type="button" onclick="shuaxin()" id="code"
                                       style="margin-left: 10px; width: 48.6%; height: 46.8px; font-family: Arial; font-style: italic; font-weight: bold; border-radius: 10px; border: 0; letter-spacing: 2px; color: blue;"></button>
                                 </div>
                                 <div class="d-sm-flex justify-content-between">
                                    <div class="field-wrapper">
                                       <button type="button" class="btn btn-primary login"
                                          value="">登录</button>
                                    </div>
                                 </div>
                                 <div style="text-align: center;margin-top: 20px;color: brown;font-size: 18px;">
                                    请使用谷歌浏览器访问
                                 </div>
                              </div>
                           </form>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
</body>
</html>
            <!-- BEGIN GLOBAL MANDATORY SCRIPTS -->
            <script>
               // Your access token can be found at: https://cesium.com/ion/tokens.
               // Replace `your_access_token` with your Cesium ion access token.
               Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiIxZmMzMjg2MS0xMjY0LTRlMjQtOTE2ZC00N2FkNjE4ZWJjODYiLCJpZCI6NjcyMTUsImlhdCI6MTYzMTYxMTU1MX0.of1_REEEydYC_meH3g12qk5-O3-9sI2g_mmPoHFErVg';
               // Initialize the Cesium Viewer in the HTML element with the `cesiumContainer` ID.
               const viewer = new Cesium.Viewer('cesiumContainer', {
                  shouldAnimate: true,// 自动播放
                  geocoder: false,//控制右上角第一个位置的查找工具
                  homeButton: false,//控制右上角第二个位置的home图标
                  sceneModePicker: false,//控制右上角第三个位置的选择视角模式,2d,3d
                  baseLayerPicker: false,//控制右上角第四个位置的图层选择器
                  navigationHelpButton: false,//控制右上角第五个位置的导航帮助按钮
                  timeline: false,//控制下方时间线
                  fullscreenButton: false,//右下角全屏按钮
                  terrainProvider: Cesium.createWorldTerrain()
               });
               viewer.clockViewModel.multiplier *= 700;
               viewer._cesiumWidget._creditContainer.style.display = "none";//取消版权信息
               viewer.scene.globe.enableLighting = true;
               // Add Cesium OSM Buildings, a global 3D buildings layer.
               const buildingTileset = viewer.scene.primitives.add(Cesium.createOsmBuildings());
               // Fly the camera to San Francisco at the given longitude, latitude, and height.
               viewer.camera.flyTo({
                  //   destination : Cesium.Cartesian3.fromDegrees(-122.4175, 37.655, 400),
                  orientation: {
                     heading: Cesium.Math.toRadians(0.0),
                     pitch: Cesium.Math.toRadians(-15.0),
                  }
               });
            </script>
            <script>
               var code; //在全局定义验证码
               //产生验证码
               window.onload = function createCode() {
                  code = "";
                  var codeLength = 4;//验证码的长度
                  var checkCode = document.getElementById("code");
                  var random = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9);//随机数
                  for (var i = 0; i < codeLength; i++) {//循环操作
                     var index = Math.floor(Math.random() * 10);//取得随机数的索引(0~35)
                     code += random[index];//根据索引取得随机数加到code上
                  }
                  var aaa = document.getElementById("yanzheng")
                  aaa.value = code
                  checkCode.innerHTML = code;//把code值赋给验证码
               }
               //刷新验证码
               function shuaxin() {
                  code = "";
                  var codeLength = 4;//验证码的长度
                  var checkCode = document.getElementById("code");
                  var random = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9);//随机数
                  for (var i = 0; i < codeLength; i++) {//循环操作
                     var index = Math.floor(Math.random() * 10);//取得随机数的索引(0~35)
                     code += random[index];//根据索引取得随机数加到code上
                  }
                  var aaa = document.getElementById("yanzheng")
                  aaa.value = code
                  checkCode.innerHTML = code;//把code值赋给验证码
               }
               //校验验证码
               function validate() {
                  var inputCode = document.getElementById("input").value.toUpperCase(); //取得输入的验证码并转化为大写
                  if (inputCode.length <= 0) { //若输入的验证码长度为0
                     alert("请输入验证码!"); //则弹出请输入验证码
                  }
                  else if (inputCode != code) { //若输入的验证码与产生的验证码不一致时
                     alert("验证码输入错误!@_@"); //则弹出验证码输入错误
                     createCode();//刷新验证码
                     document.getElementById("input").value = "";//清空文本框
                  }
                  else { //输入正确时
                     alert("^-^"); //弹出^-^
                  }
               }
               $(document).ready(function () {
                  var title = ""
                  $.ajax({
                     async: false, //同步的
                     type: "POST",
                     url: "/hxzkoa/getSysSetting_list.do",
                     data: {
                     },
                     dataType: "json",
                     success: function (data) {
                        title = data[0].title
                        var obj = document.getElementById("headTitle");
                        //console.log("head:",title)
                        obj.innerText = title;
                        document.title = title;
                     },
                  });
               })
               function login() {
                  var inputCode = document.getElementById("yanzheng").value.toUpperCase(); //取得输入的验证码并转化为大写
                  if (inputCode.length <= 0) { //若输入的验证码长度为0
                     //console.log('if')
                     swal(
                        '登录失败!',
                        '请输入验证码!',
                        'error'
                     )
                  }
                  else if (inputCode != code) { //若输入的验证码与产生的验证码不一致时
                     //console.log('elseif')
                     swal(
                        '登录失败!',
                        '验证码错误!',
                        'error'
                     )
                     createCode();//刷新验证码
                     document.getElementById("input").value = "";//清空文本框
                  }
                  else { //输入正确时
                     //console.log('else')
                     var username = $("#username").val();
                     var password = $("#password").val();
                     $.ajax({
                        async: false, //同步的
                        type: "POST",
                        url: "/hxzkoa/login.do",
                        data: {
                           username: username,
                           password: password,
                        },
                        dataType: "json",
                        success: function (data) {
                           //console.log(data)
                           if (data == "1") {
                              window.location.href = "/hxzkoa/show.do"
                           } else {
                              swal(
                                 '登录失败!',
                                 '用户名和密码错误!',
                                 'error'
                              )
                           }
                        },
                     });
                  }
               }
               window.onkeydown = (e) => {
                  if (e.code == "Enter") {
                     login()
                     return false
                  }
               }
               // 新增功能
               $('.login').on('click', login);
            </script>
            <!-- END GLOBAL MANDATORY SCRIPTS -->
         </body>
         </html>