add java source files

src/main/java/com/example/demo/DemoApplication.java

@@ -0,0 +1,34 @@
+package com.example.demo;
+
+import com.alibaba.druid.pool.DruidDataSource;
+import org.mybatis.spring.annotation.MapperScan;
+import org.springframework.boot.SpringApplication;
+import org.springframework.boot.autoconfigure.SpringBootApplication;
+import org.springframework.boot.context.properties.ConfigurationProperties;
+import org.springframework.context.annotation.Bean;
+import org.springframework.context.annotation.ComponentScan;
+import org.springframework.transaction.annotation.EnableTransactionManagement;
+
+import javax.sql.DataSource;
+
+
+@SpringBootApplication
+@EnableTransactionManagement   //开启事务管理
+@ComponentScan("com.example.demo")
+@MapperScan("com.example.demo.mapper")//与dao层的@Mapper二选一写上即可(主要作用是扫包)
+public class DemoApplication {
+
+    public static void main(String[] args) {
+
+        SpringApplication.run(DemoApplication.class, args);
+    }
+
+
+    @Bean(destroyMethod = "close", initMethod = "init")
+    @ConfigurationProperties(prefix = "spring.datasource")
+    public DataSource druidDataSource() {
+        DruidDataSource druidDataSource = new DruidDataSource();
+        return druidDataSource;
+    }
+
+}

src/main/java/com/example/demo/controller/UserController.java

@@ -0,0 +1,114 @@
+package com.example.demo.controller;
+
+import com.example.demo.entity.User;
+import com.example.demo.service.UserService;
+import com.example.demo.util.Json;
+import com.example.demo.util.Tool;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestMethod;
+import org.springframework.web.bind.annotation.ResponseBody;
+import org.springframework.web.servlet.ModelAndView;
+
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import javax.servlet.http.HttpSession;
+import java.util.ArrayList;
+import java.util.List;
+
+import static java.lang.System.out;
+
+@Controller
+@RequestMapping(value = "/user")//设置访问改控制类的"别名"
+public class UserController {
+
+    @Autowired
+    private UserService userService;
+
+    /*
+     **返回标准的Json格式数据其中包括（是否成功、状态码、消息、内容）
+     * 该方法是由于公司很多童鞋写接口时没有一个标准的定义，天马行空的编写数据接口导致调用时效率极低，因此自己写了一个标准的
+     * 接口调用方法，仅供大家参考
+     * @param statu
+     * @param code
+     * @param message
+     * @author lgf
+     * */
+    @RequestMapping("/getAllUser")
+    @ResponseBody
+    private void getAllUser(HttpServletResponse response)throws Exception {
+        List<User> users =  userService.getAllUser();
+        if(users.isEmpty()){
+            Json.toJson(new Tool(false,7000,"没有数据",null),response);
+            return;
+        }
+        List<User> listuser = new ArrayList<User>();
+        for (User entity : users) {
+            User user = new User();
+            user.setId(entity.getId());
+            user.setName(entity.getName());
+            user.setAge(entity.getAge());
+            user.setSex(entity.getSex());
+            listuser.add(entity);
+        }
+        Tool result = new Tool(true,200,"成功",listuser);
+        Json.toJson(result,response);
+
+    }
+    @RequestMapping("/find")
+    @ResponseBody
+    private User find() {
+        User users =  userService.getAllUserByName("小芳");
+        return users;
+    }
+    @RequestMapping("/checkLogin")
+    @ResponseBody
+    private User checkLogin() {
+        User users = new User();
+        return users;
+    }
+    /*
+     **登录调用方法跳转登录页面
+     * @author lgf
+     * */
+    @RequestMapping("/login")
+    //@GetMapping("/login")
+    private String index() {
+        return "Login2.html";
+    }
+    /*
+     **登录成功响应方法
+     * @param message
+     * @author lgf
+     * */
+    @RequestMapping(value="/success",method = {RequestMethod.POST, RequestMethod.GET})
+    private String ok() {
+        return "success";
+    }
+    /*
+     **输入账号密码登录校验方法
+     * @param message
+     * @author lgf
+     * */
+    @RequestMapping(value="/loginPage",method = {RequestMethod.POST, RequestMethod.GET})
+    private ModelAndView login(HttpServletRequest request, HttpSession session) {
+        ModelAndView mav=new ModelAndView();
+        //out.print("ajax进入后台！！");
+        String name = request.getParameter("username");
+        String id = request.getParameter("pwd");
+        User tname = userService.loginPage(name,id);
+        out.print(tname);
+        if (tname == null) {
+            mav.clear();
+            mav.setViewName("Login2");
+            return mav;
+        } else {
+            session.setAttribute("tname", tname.getName());
+            out.print(tname.getName());
+            //验证通过跳转首页
+            mav.setViewName("homePage");
+            return mav;
+        }
+    }
+}

src/main/java/com/example/demo/entity/User.java

@@ -0,0 +1,49 @@
+package com.example.demo.entity;
+
+public class User {
+
+    private String id;
+    private String name;
+    private String sex;
+    private String age ;
+   // private String memo;
+    public String getId() {
+        return id;
+    }
+
+    public void setId(String id) {
+        this.id = id;
+    }
+
+    public String getName() {
+        return name;
+    }
+
+    public void setName(String name) {
+        this.name = name;
+    }
+
+    public String getSex() {
+        return sex;
+    }
+
+    public void setSex(String sex) {
+        this.sex = sex;
+    }
+
+    public String getAge() {
+        return age;
+    }
+
+    public void setAge(String age) {
+        this.age = age;
+    }
+
+ /*   public String getMemo() {
+        return memo;
+    }
+
+    public void setMemo(String memo) {
+        this.memo = memo;
+    }*/
+}

src/main/java/com/example/demo/mapper/UserMapper.java

@@ -0,0 +1,18 @@
+package com.example.demo.mapper;
+
+import com.example.demo.entity.User;
+import org.apache.ibatis.annotations.Param;
+import org.apache.ibatis.annotations.Select;
+import org.springframework.stereotype.Repository;
+
+import java.util.List;
+
+//@Mapper         //声明是一个Mapper,与springbootApplication中的@MapperScan二选一写上即可
+@Repository
+public interface UserMapper {
+
+    List<User> getAllUser();
+    @Select("select name,id from user where name=#{name}")
+    User getAllUserByName(@Param("name") String name);
+    User loginPage(String name,String id);
+}

src/main/java/com/example/demo/service/UserService.java

@@ -0,0 +1,11 @@
+package com.example.demo.service;
+
+import com.example.demo.entity.User;
+
+import java.util.List;
+
+public interface UserService {
+    List<User> getAllUser();
+    User getAllUserByName(String name);
+    User loginPage(String name,String id);
+}

src/main/java/com/example/demo/service/impl/UserServiceImpl.java

@@ -0,0 +1,32 @@
+package com.example.demo.service.impl;
+
+import com.example.demo.entity.User;
+import com.example.demo.mapper.UserMapper;
+import com.example.demo.service.UserService;
+import org.springframework.stereotype.Service;
+
+import javax.annotation.Resource;
+import java.util.List;
+
+@Service(value = "userService")
+public class UserServiceImpl implements UserService {
+
+    @Resource
+    private UserMapper userMapper;
+
+
+    @Override
+    public List<User> getAllUser() {
+        return userMapper.getAllUser();
+    }
+
+    @Override
+    public User getAllUserByName(String name) {
+        return userMapper.getAllUserByName(name);
+    }
+
+    @Override
+    public User loginPage(String name, String id) {
+        return userMapper.loginPage(name,id);
+    }
+}

src/main/java/com/example/demo/util/Json.java

@@ -0,0 +1,34 @@
+package com.example.demo.util;
+
+
+import com.alibaba.fastjson.JSONObject;
+import com.alibaba.fastjson.serializer.SerializerFeature;
+
+import javax.servlet.http.HttpServletResponse;
+import java.io.PrintWriter;
+
+public class Json {
+    /*
+    **返回标准的Json格式数据其中包括（是否成功、状态码、消息、内容）
+     * @param statu
+     * @param code
+     * @param message
+    * @author lgf
+    * */
+    public static void toJson(Tool result, HttpServletResponse response)throws  Exception{
+     response.setContentType("text/json");
+     response.setHeader("Cache-Control","no-cache");
+        response.setCharacterEncoding("UTF-8");
+        PrintWriter writer = response.getWriter();
+
+        String json = JSONObject.toJSONString(result,
+                SerializerFeature.WriteMapNullValue,
+                SerializerFeature.WriteNullNumberAsZero,
+                SerializerFeature.WriteNullListAsEmpty,
+                SerializerFeature.WriteNullStringAsEmpty,
+                SerializerFeature.WriteNullBooleanAsFalse,
+                SerializerFeature.DisableCircularReferenceDetect);
+        writer.write(json);
+        writer.close();
+    }
+}

src/main/java/com/example/demo/util/ThymeleafProperties.java

@@ -0,0 +1,18 @@
+package com.example.demo.util;
+
+import org.springframework.boot.context.properties.ConfigurationProperties;
+import org.springframework.util.MimeType;
+
+import java.nio.charset.Charset;
+
+@ConfigurationProperties(prefix = "spring.thymeleaf")
+public class ThymeleafProperties {
+    private static final Charset DEFAULT_ENCODING = Charset.forName("UTF-8");
+
+    private static final MimeType DEFAULT_CONTENT_TYPE = MimeType.valueOf("text/html");
+
+    public static final String DEFAULT_PREFIX = "classpath:/templates/";
+
+    public static final String DEFAULT_SUFFIX = ".html";
+
+}

src/main/java/com/example/demo/util/Tool.java

@@ -0,0 +1,60 @@
+package com.example.demo.util;
+
+public class Tool {
+    private Integer code;//状态码
+    private Boolean isSuccess;//是否成功/状态
+
+    public Integer getCode() {
+        return code;
+    }
+
+    public void setCode(Integer code) {
+        this.code = code;
+    }
+
+    public Boolean getSuccess() {
+        return isSuccess;
+    }
+
+    public void setSuccess(Boolean success) {
+        isSuccess = success;
+    }
+
+    public String getMessage() {
+        return message;
+    }
+
+    public void setMessage(String message) {
+        this.message = message;
+    }
+
+    public Object getResult() {
+        return result;
+    }
+
+    public void setResult(Object result) {
+        this.result = result;
+    }
+
+    private String message;//消息
+    private Object result;//数据对象
+    /*
+    * 构造函数*/
+    public Tool(){
+        super();
+    }
+    /**
+     *返回标准的Json格式数据其中包括（是否成功、状态码、消息、内容）
+     * @param statu
+     * @param code
+     * @param message
+     */
+    public Tool(Boolean success,Integer code,String message,Object result ){
+         super();
+         this.isSuccess=success;
+         this.code=code;
+         this.message=message;
+         this.result=result;
+    }
+
+}

src/main/resources/application.properties

@@ -0,0 +1 @@
+

src/main/resources/application.yml

@@ -0,0 +1,37 @@
+#服务器端口和项目名称配置
+server:
+  port: 8081
+#数据库配置
+spring:
+    datasource:
+        name: springboot
+        driver-class-name: com.mysql.cj.jdbc.Driver
+        url: jdbc:mysql://localhost:3306/springboot?useUnicode=true&characterEncoding=utf-8&userSSL=false&serverTimezone=GMT%2B8
+        username: root
+        password: 123456
+        # 使用druid数据源
+        type: com.alibaba.druid.pool.DruidDataSource
+        filters: stat
+        maxActive: 20
+        initialSize: 1
+        maxWait: 60000
+        minIdle: 1
+        timeBetweenEvictionRunsMillis: 60000
+        minEvictableIdleTimeMillis: 300000
+        validationQuery: select 'x'
+        testWhileIdle: true
+        testOnBorrow: false
+        testOnReturn: false
+        poolPreparedStatements: true
+        maxOpenPreparedStatements: 20
+        # 这里我使用了devtool热部署技术，这样就不需要每次都重启服务！！-->
+    debug: true
+    spring:
+        devtools:
+            restart:
+                enabled: true  #设置开启热部署
+        freemarker:
+            cache: false    #页面不加载缓存，修改即时生效
+  #配置Mapper.xml映射文件
+mybatis:
+  mapper-locations: classpath*:mybatis/mapper/*.xml

src/main/resources/mybatis/mapper/UserMapper.xml

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+        "http://mybatis.org/dtd/mybatis-3-mapper.dtd" >
+
+<mapper namespace="com.example.demo.mapper.UserMapper">
+
+    <select id="getAllUser" resultType="com.example.demo.entity.User">
+        SELECT * FROM user
+    </select>
+   <!-- <select id="getAllUserByName" parameterType="String" resultType="com.example.demo.entity.User">
+        SELECT name,id FROM user where name=#{value}
+    </select>-->
+    <select id="loginPage" parameterType="String" resultType="com.example.demo.entity.User">
+        SELECT name FROM user where name=#{0} and id=#{1}
+    </select>
+</mapper>

src/main/resources/static/css/login.html

@@ -0,0 +1,145 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+    <script
+            src="http://code.jquery.com/jquery-latest.js"></script>
+    <meta charset="utf-8" />
+    <title>用户登录系统</title><base target="_blank" />
+    <style>
+        *{
+            padding:0px;
+            margin:0px;
+        }
+        a{color:White}
+        body{
+            font-family:Arial, Helvetica, sans-serif;
+            background:url(http://keleyi.com/keleyi/phtml/divcss/21/images/grass.jpg) no-repeat center;
+            font-size:13px;
+        }
+        img{
+            border:0;
+        }
+        .lg{width:468px; height:468px; margin:100px auto; background:url(http://keleyi.com/keleyi/phtml/divcss/21/images/login_bg.png) no-repeat;}
+        .lg_top{ height:200px; width:468px;}
+        .lg_main{width:400px; height:180px; margin:0 25px;}
+        .lg_m_1{
+            width:290px;
+            height:100px;
+            padding:60px 55px 20px 55px;
+        }
+        .ur{
+            height:37px;
+            border:0;
+            color:#666;
+            width:236px;
+            margin:4px 28px;
+            background:url(http://keleyi.com/keleyi/phtml/divcss/21/images/user.png) no-repeat;
+            padding-left:10px;
+            font-size:16pt;
+            font-family:Arial, Helvetica, sans-serif;
+        }
+        .pw{
+            height:37px;
+            border:0;
+            color:#666;
+            width:236px;
+            margin:4px 28px;
+            background:url(http://keleyi.com/keleyi/phtml/divcss/21/images/password.png) no-repeat;
+            padding-left:10px;
+            font-size:16pt;
+            font-family:Arial, Helvetica, sans-serif;
+        }
+        .bn{width:330px; height:72px; background:url(http://keleyi.com/keleyi/phtml/divcss/21/images/enter.png) no-repeat; border:0; display:block; font-size:18px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-weight:bolder;}
+        .lg_foot{
+            height:80px;
+            width:330px;
+            padding: 6px 68px 0 68px;
+        }
+    </style>
+</head>
+
+<body class="b">
+<div class="lg">
+    <form action="#" method="POST">
+        <div class="lg_top"></div>
+        <div class="lg_main">
+            <div class="lg_m_1">
+
+                <input name="username"  id="username"  class="ur" />
+                <input name="password"   id="password"   type="password"  class="pw" />
+
+            </div>
+        </div>
+        <div class="lg_foot">
+            <input type="button" value="点这里登录" class="bn"  id="bn"  /></div>
+    </form>
+</div>
+<div style="text-align:center;">
+    <p><a href="http://keleyi.com/">首页</a> <a href="http://keleyi.com/keleyi/phtml/">特效库</a> <a href="http://keleyi.com/a/bjae/6asac24d.htm">原文</a></p>
+</div>
+</body>
+<script type="text/javascript">
+
+    $("#bn").click(function(){
+        var username=$("#username").val();
+        var password=$("#password").val();
+        console.log(username);
+        console.log(password);
+        var error="";
+        if (username.length=="") {
+            error+="用户名不能为空";
+            error+="\n";
+
+        }
+        if (password.length=="") {
+            error+="密码不能为空";
+            error+="\n";
+        }
+        if (error!="") {
+            alert(error);
+        }
+        else{
+            /* debugger */
+            $.ajax({
+                type:'POST',
+                /* dataType:'json', */
+                dataType:'json',
+                url:'http://localhost:8080/panhai/login',
+                contentType:'application/json;charset=UTF-8',
+
+                data:JSON.stringify({"username":username,"password":password}),
+
+                success:function(data){//返回json结果
+
+                    //username==data.username&&password==data.password
+                    if(username==data.username&&password==data.password){
+                        //alert("用户名密码错误");//JSON.stringify(data)
+                        window.location.href="success.html?username="+data.username;
+                        //data.username
+                    }
+
+                    else {
+                        //debugger;
+                        alert("用户名密码,错误");
+                    }
+
+                }
+
+
+            });
+
+            /* console.log({"username":username,"password":password}); */
+
+
+        }
+
+
+
+    });
+
+</script>
+
+
+
+
+</html>

src/main/resources/static/html/index.html

@@ -0,0 +1,268 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="UTF-8">
+		<title></title>
+	
+	</head>
+	<style>
+	#title{
+	border-left: 0.2em solid #00397c;
+	font-family: "Microsoft YaHei", "Hiragino Sans GB", Arial-normal, "open sans", "Helvetica Neue", Helvetica, sans-serif;
+	font-size: 16px;
+	font-weight: bold;color: #00397c;
+	}
+	ul li {list-style: none;display: inline-block;text-align: center;color: #FFFFFF;font-size: 16px;padding: 0; float:left;width:30%}
+	#xsdlxx1,#xsdlxx {width: 100%;text-align: center;margin-top:0}
+    u {text-decoration: none;}
+    div ul li div u {font-size: 18px;}
+	.data-info {font-size: 19px;font-weight: bold;}
+	.p-title {color: #FFFFFF;font-size: 16px;font-weight: bold;padding: 1% 0px 1% 3%;}
+	#card-infor {width: 100%;height: 90%;position: relative;}
+	#card1,#card2,#card3 {width: 100%;height: 3%;border-radius: 10px;position: relative;margin: 7px auto;}
+	#xsyc-data li,#tqyc-data li {width: 40%;}
+	.warn {color: #fd4200;}
+    a {text-decoration: none;color: #FFFFFF;font-size: 12px;}
+    a:hover {cursor: pointer;}
+	#lxgd tr td {color: #ff4301;}th {font-weight: normal;background-color: #0067b4;border-right: 1px solid #0067b4;color: #FFFFFF;width: 24%;}
+	</style>
+	<body style="width:100%;height:98%;background:#F0F0F0;">
+	<div id="main" style="width:99%;height: 98%;position: absolute;top: 0%;left: 0%;">
+	    <div id="left-space" style="width:1%;height:100%;float: left;"></div>
+		<div id="left" style="width:69%;height:100%;float: left;">
+		 <div id="left-one" style="width:100%;height:50%;float: right;background:white;">
+			<div id="left-content" style="width:100%;height:10%;float: right;">
+			<label id="title">&nbsp;&nbsp;汉东省</label>
+			</div>
+			<div id="left-content" style="width:100%;height:90%;float:left;background:white;">
+				<div id="left-content1" style="float:left;width:20%;height:100%;">
+				内容1
+				</div>
+				<div id="left-content2" style="position: relative;width:50%;height:100%;float:left;">
+				内容2
+				</div>
+				<div id="left-content3" style="position: relative;width:30%;height:100%;float:left;">
+				内容3
+				</div>
+			</div>
+			<div if="right-space" style="width:100%;height:2%;float: right;background:#F0F0F0;"></div>
+			</div>
+			<div id="right-space" style="width:100%;height:2%;float: right;background:#F0F0F0;"></div>
+			 <div id="left-two" style="width:100%;height:48%;float: left;">
+                <div id="left-content4" style="float:left;width:100%;height:5%;background:white;">
+				<label id="title">&nbsp;&nbsp;彩票数据</label>
+				</div>
+			    <div id="card-infor" style="float:left;width:40%;height:95%;background:white;">
+				   <div id="card1" style="float:left;width:100%;height:30%;background:#555DFD;">
+					<p class="p-title">亏损信息</p>
+					<div id="xsdlxx">
+					<ul id="xsdlxx-data">
+											<li>
+												<div id="xs">
+													<label id="xsl" class="data-info">3.83</label>
+													<a href="#">%</a>
+													<br> <u>亏损率</u>
+												</div>
+											</li>
+											<li>
+												<div id="xs">
+													<label id="gdl" class="data-info">0.91</label>
+													<a href="#">亿元</a>
+													<br> <u>购买数</u>
+												</div>
+											</li>
+											<li>
+												<div id="xs">
+													<label id="sdl" class="data-info">0.87</label>
+													<a href="#">亿元</a>
+													<br> <u>中奖数</u>
+												</div>
+											</li>
+										</ul>
+					</div>
+					</div>
+					<div id="card2" style="float:left;width:100%;height:30%;background:#569FFE;">
+					<p class="p-title">亏损数</p>
+					<div id="xsyc">
+					<ul id="xsyc-data">
+											<li>
+												<div id="xlycyc">
+													<label id="xsl" class="data-info warn">3.83</label>
+													<a href="#">数</a>
+													<br> <u>异常</u>
+												</div>
+											</li>
+											<li>
+												<div id="xlyczc">
+													<label id="gdl" class="data-info">0.91</label>
+													<a href="#">数</a>
+													<br> <u>正常</u>
+												</div>
+											</li>
+										</ul>
+					</div>
+					</div>
+					<div id="card2" style="float:left;width:100%;height:30%;background:#018963;">
+					<p class="p-title">全省亏损数</p>
+					<div id="tqyc">
+					<ul id="tqyc-data">
+											<li>
+												<div id="tqycyc">
+													<label id="xsl" class="data-info warn">3.83</label>
+													<a href="#">数</a>
+													<br> <u>异常</u>
+												</div>
+											</li>
+											<li>
+												<div id="tqyczc">
+													<label id="gdl" class="data-info">0.91</label>
+													<a href="#">数</a>
+													<br> <u>正常</u>
+												</div>
+											</li>
+										</ul>
+					</div>
+					</div>
+				</div>
+				<div id="left-xsEchart" style="position: relative;width:60%;height:95%;float:left;background:white;">
+				内容2
+				</div>
+			</div>
+		</div>
+		<div id="right" style="width:29%;height:100%;float: right;background:red;">
+		  <div id="right-one" style="width:100%;height:50%;float:right;background:white;">
+		        <div id="right-content" style="float:left;width:100%;height:10%;">
+				<label id="title">&nbsp;&nbsp;工单数据</label>
+				</div>
+		        <div id="right-content1" style="float:left;width:100%;height:40%;background:white;">
+				 <table id="lxgd" style="background:#0067b4;height:12%;width:100%;align:center;font-size:12;font-weight: normal">
+				   <thead>
+								<th>工单类型</th>
+								<th>总数</th>
+								<th>未处理</th>
+								<th>处理率</th>
+				   </thead>
+				 <tr>
+				   <td>
+				   </td>
+				 </tr>
+				 </table>
+				</div>
+				<div id="right-content2" style="position: relative;width:100%;height:50%;float:left;background:white;">
+				内容2
+				</div>
+		</div>
+		<div if="right-space" style="width:100%;height:2%;float: right;background:#F0F0F0;"></div>
+		  <div if="right-two" style="width:100%;height:48%;float: right;background:white;">
+		       <div  style="float:left;width:100%;height:10%;">
+				<label id="title">&nbsp;&nbsp;指标数据</label>
+				</div>
+		        <div id="right-gjzbEchart" style="float:left;width:100%;height:90%;">
+				内容1
+				</div>
+		</div>
+		</div>
+	</div>
+	</body>
+	   <script src="../js/echarts.js"></script>
+	    <script src="../js/demo.js"></script>
+		<script src="../js/gjzb.js"></script>
+		<script src="../js/xjgds.js"></script>
+	<script type="text/javascript">
+		function newTab(text, url) {
+			openPage({
+				text: text,
+				link: url,
+				target: "tab"
+			});
+			window.location.reload(true);
+		}
+	var zx_Chart = echarts.init(document.getElementById("left-xsEchart"));
+	  option = {
+    title : {
+        text: ' 亏损率（%）'
+    },
+    tooltip : {
+        trigger: 'axis'
+    },
+    legend: {
+        data:['亏损率','亏损合格率','合格率']
+    },
+    toolbox: {
+        show : true,
+        feature : {
+            mark : {show: true},
+            dataView : {show: true, readOnly: false},
+            magicType : {show: true, type: ['line', 'bar']},
+            restore : {show: true},
+            saveAsImage : {show: true}
+        }
+    },
+    calculable : true,
+    xAxis : [
+        {
+            type : 'category',
+            boundaryGap : false,
+            data : ['周一','周二','周三','周四','周五','周六','周日']
+        }
+    ],
+    yAxis : [
+        {
+            type : 'value',
+            axisLabel : {
+                formatter: '{value} °C'
+            }
+        }
+    ],
+    series : [
+        {
+            name:'亏损率',
+            type:'line',
+            data:[11, 11, 15, 13, 12, 13, 10],
+            markPoint : {
+                data : [
+                    {type : 'max', name: '最大值'},
+                    {type : 'min', name: '最小值'}
+                ]
+            },
+            markLine : {
+                data : [
+                    {type : 'average', name: '平均值'}
+                ]
+            }
+        },
+        {
+            name:'合格率',
+            type:'line',
+            data:[1, -2, 2, 5, 3, 2, 0],
+            markPoint : {
+                data : [
+                    {name : '周最低', value : -2, xAxis: 1, yAxis: -1.5}
+                ]
+            },
+            markLine : {
+                data : [
+                    {type : 'average', name : '平均值'}
+                ]
+            }
+        },
+        {
+            name:'合格率',
+            type:'line',
+            data:[3, -2, 5, 0, 6, 0, 4],
+            markPoint : {
+                data : [
+                    {name : '周最低', value : -2, xAxis: 1, yAxis: -1.5}
+                ]
+            },
+            markLine : {
+                data : [
+                    {type : 'average', name : '平均值'}
+                ]
+            }
+        }
+    ]
+};
+  zx_Chart.setOption(option);            
+	</script>
+</html>

src/main/resources/static/js/gjzb.js

@@ -0,0 +1,97 @@
+var gjzb=echarts.init(document.getElementById("right-gjzbEchart"));
+
+           
+option = {
+    color: [ '#0068b7', '#006699', '#4cabce', '#e5323e' ],//统计图颜色系列值
+    tooltip : {
+        trigger: 'axis'
+    },
+    grid: {
+				borderWidth: 0,
+				x: 70,
+				y: 10,
+				top: 65,
+				left: 45,
+				right: 30,
+				bottom: 70,
+				//barWidth:1,
+				textStyle: {
+				color: "#fff"
+				}
+			},
+             legend: {
+        data:['蒸发量','降水量','平均温度']
+    },
+    toolbox: {
+        show : false,
+        feature : {
+            mark : {show: false},
+            dataView : {show: true, readOnly: false},
+            magicType: {show: true, type: ['line','bar']},
+            restore : {show: false},
+            saveAsImage : {show: true}
+        }
+    },
+    calculable : true,
+    xAxis : [
+        {
+            type : 'category',
+            data : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
+        }
+    ],
+    yAxis : [
+        {
+            type : 'value',
+            name : '降水量',
+            axisLabel : {
+           formatter: '{value}\r\nkW·h'
+            }
+        },
+        {
+            type : 'value',
+            name : '降水率',
+            axisLabel : {
+                formatter: '{value}\r\n%'
+            }
+        }
+    ],
+   series : [
+       {
+            name:'蒸发量',
+            type:'bar',
+            data:[2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3]/*,
+				barMaxWidth: 0,
+				large: false,
+				barMinHeight: 1,
+				itemStyle: {color: "#e5323e",
+				  normal :{ 
+				  	label: {
+                        		show: true,
+                        		distance: 0,
+                        		fontWeight: 'bolder',
+                        		position: 'top',
+                        		color: '#0068b7',
+                        		fontSize: 20,
+                        		formatter: function(value, index) {
+                        		return value.value+"%";
+                        		}
+                        	}
+                        	}
+                    }*/	  
+        },
+        {
+            name:'降水量',
+            type:'bar',
+			//barWidth:0,
+            data:[2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3]
+        },
+        {
+            name:'平均温度',
+            type:'line',
+            yAxisIndex: 1,
+            data:[-4.0, 6.2, -3.3, 4.5, -9.3, 10.2, 20.3, 23.4, -23.0, 16.5, -12.0, 6.2]
+        } 
+    ]
+
+};
+gjzb.setOption(option);

src/main/resources/static/js/xjgds.js

@@ -0,0 +1,90 @@
+var xjgds1=echarts.init(document.getElementById("left-content1"));
+var xjgds2=echarts.init(document.getElementById("left-content3"));
+option = {
+    tooltip : {
+        trigger: 'item',
+        formatter: "{a} <br/>{b} : {c} ({d}%)"
+    },
+    legend: {
+        orient : 'vertical',
+        x : 'left',
+        data:['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
+    },
+    toolbox: {
+        show : false,
+        feature : {
+            mark : {show: true},
+            dataView : {show: true, readOnly: false},
+            magicType : {
+                show: true, 
+                type: ['pie', 'funnel'],
+                option: {
+                    funnel: {
+                        x: '25%',
+                        width: '50%',
+                        funnelAlign: 'left',
+                        max: 1548
+                    }
+                }
+            },
+            restore : {show: true},
+            saveAsImage : {show: true}
+        }
+    },
+    calculable : true,
+    series : [
+        {
+            name:'访问来源',
+            type:'pie',
+            radius : '55%',
+            center: ['50%', '60%'],
+            data:[
+                {value:335, name:'直接访问'},
+                {value:310, name:'邮件营销'},
+                {value:234, name:'联盟广告'},
+                {value:135, name:'视频广告'},
+                {value:1548, name:'搜索引擎'}
+            ]
+        }
+    ]
+};
+                    
+option1 = {
+    color: ['#3398DB'],
+    tooltip : {
+        trigger: 'axis',
+        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
+            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
+        }
+    },
+    grid: {
+        left: '1%',
+        right: '2%',
+        bottom: '1%',
+        containLabel: true
+    },
+    xAxis : [
+        {
+            type : 'category',
+            data : ['Sat', 'Sun'],
+            axisTick: {
+                alignWithLabel: true
+            }
+        }
+    ],
+    yAxis : [
+        {
+            type : 'value'
+        }
+    ],
+    series : [
+        {
+            name:'直接访问',
+            type:'bar',
+            barWidth: '40%',
+            data:[10, 52]
+        }
+    ]
+};
+xjgds1.setOption(option1);
+xjgds2.setOption(option);

src/main/resources/templates/Login2.html

@@ -0,0 +1,212 @@
+<!doctype html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>login</title>
+    <style type="text/css">
+        *{
+            margin: 0;
+            padding: 0;
+        }
+        #wrap {
+            height: 719px;
+            width: 100;
+            background-image: url(../images/login.jpg);
+            background-repeat: no-repeat;
+            background-position: center center;
+            position: relative;
+        }
+        #head {
+            height: 80px;
+            width: 100;
+            background-color: white;
+            text-align: center;
+            position: relative;
+        }
+        #foot {
+            width: 100;
+            height: 126px;
+            background-color: white;
+            position: relative;
+        }
+        #wrap .logGet {
+            height: 408px;
+            width: 368px;
+            position: absolute;
+            background-color: #FFFFFF;
+            top: 20%;
+            right: 10%;
+        }
+        #submit{
+            width: 100%;
+            height: 45px;
+            background-color: #ee7700;
+            border: none;
+            color: white;
+            font-size: 18px;
+        }
+        .logGet .logD.logDtip .p1 {
+            display: inline-block;
+            font-size: 28px;
+            margin-top: 30px;
+            width: 86%;
+        }
+        #wrap .logGet .logD.logDtip {
+            width: 86%;
+            border-bottom: 1px solid #ee7700;
+            margin-bottom: 60px;
+            margin-top: 0px;
+            margin-right: auto;
+            margin-left: auto;
+        }
+        .logGet .lgD img {
+            position: absolute;
+            top: 12px;
+            left: 8px;
+        }
+        .logGet .lgD input {
+            width: 100%;
+            height: 42px;
+            text-indent: 2.5rem;
+        }
+        #wrap .logGet .lgD {
+            width: 86%;
+            position: relative;
+            margin-bottom: 30px;
+            margin-top: 30px;
+            margin-right: auto;
+            margin-left: auto;
+        }
+        #wrap .logGet .logC {
+            width: 86%;
+            margin-top: 0px;
+            margin-right: auto;
+            margin-bottom: 0px;
+            margin-left: auto;
+        }
+
+
+        .title {
+            font-family: 微软雅黑;
+            font-size: 26px;
+            color: black;
+            position: absolute;
+            background-color: white;
+            top: 50%;
+            left: 7%;
+            transform: translate(-50%, -50%);  /* 使用css3的transform来实现 */
+            font-size: 36px;
+            height: 40px;
+            width: 30%;
+        }
+
+        .copyright {
+            font-family: "宋体";
+            color: black;
+            position: absolute;
+            background-color: white;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);  /* 使用css3的transform来实现 */
+            height: 60px;
+            width: 40%;
+            text-align:center;
+        }
+
+
+        #foot .copyright .img {
+            width: 100%;
+            height: 24px;
+            position: relative;
+        }
+        .copyright .img .icon {
+            display: inline-block;
+            width: 24px;
+            height: 24px;
+            margin-left: 22px;
+            vertical-align: middle;
+            background-image: url(%E7%94%B5%E5%AD%90%E9%82%AE%E4%BB%B6.png);
+            background-repeat: no-repeat;
+            vertical-align: middle;
+            margin-right: 5px;
+        }
+
+        .copyright .img .icon1 {
+            display: inline-block;
+            width: 24px;
+            height: 24px;
+            margin-left: 22px;
+            vertical-align: middle;
+            background-image: url(%E5%9C%B0%E5%9D%80.png);
+            background-repeat: no-repeat;
+            vertical-align: middle;
+            margin-right: 5px;
+        }
+        .copyright .img .icon2 {
+            display: inline-block;
+            width: 24px;
+            height: 24px;
+            margin-left: 22px;
+            vertical-align: middle;
+            background-repeat: no-repeat;
+            vertical-align: middle;
+            margin-right: 5px;
+        }
+        #foot .copyright p {
+            height: 24px;
+            width: 100%;
+        }
+    </style>
+</head>
+
+<body style="width: 100%;height: 100%">
+
+<div class="header" id="head">
+    <div class="title">娱乐管理系统</div>
+
+</div>
+
+<div class="wrap" id="wrap">
+    <div class="logGet">
+        <form action="./loginPage" method="post">
+        <!-- 头部提示信息 -->
+        <div class="logD logDtip">
+            <p class="p1">登录</p>
+        </div>
+        <!-- 输入框 -->
+        <div class="lgD">
+            <img src="../images/name.png" width="20" height="20" alt=""/>
+            <input type="text"
+                   placeholder="输入用户名" name="username"/>
+        </div>
+        <div class="lgD">
+            <img src="../images/pwd.png" width="20" height="20" alt=""/>
+            <input type="password"
+                   placeholder="输入用户密码" name="pwd"/>
+        </div>
+        <div class="logC">
+            <input type="submit" id="submit"/>
+        </div>
+        </form>
+    </div>
+</div>
+
+<div class="footer" id="foot">
+    <div class="copyright">
+        <p>Copyright © 2019 Qunar.com Inc. All Rights Reserved.</p>
+        <div class="img">
+            <i class="icon1"></i><span>联系地址：贵州省南明区</span>
+        </div>
+
+        <div class="img">
+            <i class="icon2"></i><span>联系电话：183****</span>
+        </div>
+
+
+    </div>
+
+</div>
+
+
+</body>
+</html>

src/main/resources/templates/homePage.html

@@ -0,0 +1,85 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+  <title>layout 后台大布局 - Layui</title>
+  <link rel="stylesheet" href="../css/layui.css">
+</head>
+<body class="layui-layout-body">
+<div class="layui-layout layui-layout-admin">
+  <div class="layui-header">
+    <div class="layui-logo">layui 后台布局</div>
+    <!-- 头部区域（可配合layui已有的水平导航） -->
+    <ul class="layui-nav layui-layout-left">
+      <li class="layui-nav-item"><a href="">控制台</a></li>
+      <li class="layui-nav-item"><a href="">商品管理</a></li>
+      <li class="layui-nav-item"><a href="">用户</a></li>
+      <li class="layui-nav-item">
+        <a href="javascript:;">其它系统</a>
+        <dl class="layui-nav-child">
+          <dd><a href="">邮件管理</a></dd>
+          <dd><a href="">消息管理</a></dd>
+          <dd><a href="">授权管理</a></dd>
+        </dl>
+      </li>
+    </ul>
+    <ul class="layui-nav layui-layout-right">
+      <li class="layui-nav-item">
+        <a href="javascript:;">
+          <img src="http://t.cn/RCzsdCq" class="layui-nav-img">
+          罗帅帅
+        </a>
+        <dl class="layui-nav-child">
+          <dd><a href="">基本资料</a></dd>
+          <dd><a href="">安全设置</a></dd>
+        </dl>
+      </li>
+      <li class="layui-nav-item"><a href="">退了</a></li>
+    </ul>
+  </div>
+  
+  <div class="layui-side layui-bg-black">
+    <div class="layui-side-scroll">
+      <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
+      <ul class="layui-nav layui-nav-tree"  lay-filter="test">
+        <li class="layui-nav-item layui-nav-itemed">
+          <a class="" href="javascript:;">所有商品</a>
+          <dl class="layui-nav-child">
+            <dd><a href="javascript:;">列表一</a></dd>
+            <dd><a href="javascript:;">列表二</a></dd>
+            <dd><a href="javascript:;">列表三</a></dd>
+            <dd><a href="">超链接</a></dd>
+          </dl>
+        </li>
+        <li class="layui-nav-item">
+          <a href="javascript:;">解决方案</a>
+          <dl class="layui-nav-child">
+            <dd><a href="javascript:;">列表一</a></dd>
+            <dd><a href="javascript:;">列表二</a></dd>
+            <dd><a href="">超链接</a></dd>
+          </dl>
+        </li>
+        <li class="layui-nav-item"><a href="">云市场</a></li>
+        <li class="layui-nav-item"><a href="">发布商品</a></li>
+      </ul>
+    </div>
+  </div>
+  
+  <div class="layui-body">
+    <!-- 内容主体区域 -->
+    <iframe id="content" src="../html/index.html" frameborder="0" style="width: 100%; height: 100%;">
+	</iframe>
+  </div>
+ 
+</div>
+<script src="../js/layui.js"></script>
+<script>
+//JavaScript代码区域
+layui.use('element', function(){
+  var element = layui.element;
+  
+});
+</script>
+</body>
+</html>

src/main/resources/templates/success.html

@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <script
+            src="../js/jquery-2.1.1.min.js"></script>
+    <meta charset="UTF-8">
+    <title>Insert title here</title>
+</head>
+<body>
+成功登陆
+
+<marquee direction="left" behavior="alternate"><span id="name"></span>
+</marquee>
+</body>
+<script type="text/javascript">
+
+    $(function(){
+
+            var url=window.location.href;
+            var records=url.split("=");
+
+            //var obj=eval('(' + records[1] + ')');
+            document.getElementById("name").innerHTML= records[1];;
+            //          $("#name").html(obj.username) ;
+
+            // console.log(records);
+            // alert( records[1]);
+        }
+
+    )
+
+
+
+
+</script>
+<!-- <script type="text/javascript">
+	$(function(){
+		$.ajax({
+			type:'GET',
+			/* dataType:'json', */
+			dataType:'text',
+			url:'http://localhost:8080/panhai/d',
+			contentType:'application/json;charset=UTF-8',
+
+			/* data:JSON.stringify({"username":username,"password":password}), */
+
+			success:function(data){//返回json结果
+
+			alert(data);
+
+			}
+
+
+		});
+	})
+</script> -->
+</html>

src/test/java/com/example/demo/DemoApplicationTests.java

@@ -0,0 +1,16 @@
+package com.example.demo;
+
+import org.junit.Test;
+import org.junit.runner.RunWith;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.context.junit4.SpringRunner;
+
+@RunWith(SpringRunner.class)
+@SpringBootTest
+public class DemoApplicationTests {
+
+    @Test
+    public void contextLoads() {
+    }
+
+}