springboot异常

浏览 82 分享
    1. 定义异常（专门一个文件夹 exception） ```java package com.atguigu.springboot.exception;

    public class UserNotExistException extends RuntimeException {

    1. public UserNotExistException() {
    2.     super("用户不存在");
    3. }

    }

    2. 2. 定义异常处理器（controller层）
    3. ```java
    4. package com.atguigu.springboot.controller;
    6. import com.atguigu.springboot.exception.UserNotExistException;
    7. import org.springframework.web.bind.annotation.ControllerAdvice;
    8. import org.springframework.web.bind.annotation.ExceptionHandler;
    9. import org.springframework.web.bind.annotation.ResponseBody;
    11. import javax.servlet.http.HttpServletRequest;
    12. import java.util.HashMap;
    13. import java.util.Map;
    15. @ControllerAdvice
    16. public class MyExceptionHandler {
    18.     //1、浏览器客户端返回的都是json
    19. //    @ResponseBody
    20. //    @ExceptionHandler(UserNotExistException.class)
    21. //    public Map<String,Object> handleException(Exception e){
    22. //        Map<String,Object> map = new HashMap<>();
    23. //        map.put("code","user.notexist");
    24. //        map.put("message",e.getMessage());
    25. //        return map;
    26. //    }
    27.     @ExceptionHandler(UserNotExistException.class)
    28.     public String handleException(Exception e, HttpServletRequest request){
    29.         Map<String,Object> map = new HashMap<>();
    30.         //传入我们自己的错误状态码  4xx 5xx
    31.         /**
    32.          * Integer statusCode = (Integer) request
    33.          .getAttribute("javax.servlet.error.status_code");
    34.          */
    35.         request.setAttribute("javax.servlet.error.status_code",500);
    36.         map.put("code","user.notexist");
    37.         map.put("message","用户出错啦");
    39.         request.setAttribute("ext",map);
    40.         //转发到/error
    41.         return "forward:/error";
    42.     }
    43. }
    1. 自定义一个ErrorAttributes（在component) ```java package com.atguigu.springboot.component;

    import org.springframework.boot.autoconfigure.web.DefaultErrorAttributes; import org.springframework.stereotype.Component; import org.springframework.web.context.request.RequestAttributes;

    import java.util.Map;

    //给容器中加入我们自己定义的ErrorAttributes @Component public class MyErrorAttributes extends DefaultErrorAttributes {

    1. //返回值的map就是页面和json能获取的所有字段
    2. @Override
    3. public Map<String, Object> getErrorAttributes(RequestAttributes requestAttributes, boolean includeStackTrace) {
    4.     Map<String, Object> map = super.getErrorAttributes(requestAttributes, includeStackTrace);
    5.     //我们的异常处理器携带的数据
    6.     Map<String,Object> ext = (Map<String, Object>) requestAttributes.getAttribute("ext", 0);
    7.     map.put("ext",ext);
    8.     return map;
    9. }

    }

    2. 4. template文件夹中的error表标签
    3. - 404.html
    4. ```java
    5. <!DOCTYPE html>
    6. <!-- saved from url=(0052)http://getbootstrap.com/docs/4.0/examples/dashboard/ -->
    7. <html lang="en">
    8.     <head>
    9.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    10.         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    11.         <meta name="description" content="">
    12.         <meta name="author" content="">
    14.         <title>Dashboard Template for Bootstrap</title>
    15.         <!-- Bootstrap core CSS -->
    16.         <link href="asserts/css/bootstrap.min.css" rel="stylesheet">
    18.         <!-- Custom styles for this template -->
    19.         <link href="asserts/css/dashboard.css" rel="stylesheet">
    20.         <style type="text/css">
    21.             /* Chart.js */
    23.             @-webkit-keyframes chartjs-render-animation {
    24.                 from {
    25.                     opacity: 0.99
    26.                 }
    27.                 to {
    28.                     opacity: 1
    29.                 }
    30.             }
    32.             @keyframes chartjs-render-animation {
    33.                 from {
    34.                     opacity: 0.99
    35.                 }
    36.                 to {
    37.                     opacity: 1
    38.                 }
    39.             }
    41.             .chartjs-render-monitor {
    42.                 -webkit-animation: chartjs-render-animation 0.001s;
    43.                 animation: chartjs-render-animation 0.001s;
    44.             }
    45.         </style>
    46.     </head>
    48.     <body>
    49.         <nav class="navbar navbar-dark sticky-top bg-dark flex-md-nowrap p-0">
    50.             <a class="navbar-brand col-sm-3 col-md-2 mr-0" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">Company name</a>
    51.             <input class="form-control form-control-dark w-100" type="text" placeholder="Search" aria-label="Search">
    52.             <ul class="navbar-nav px-3">
    53.                 <li class="nav-item text-nowrap">
    54.                     <a class="nav-link" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">Sign out</a>
    55.                 </li>
    56.             </ul>
    57.         </nav>
    59.         <div class="container-fluid">
    60.             <div class="row">
    61.                 <nav class="col-md-2 d-none d-md-block bg-light sidebar">
    62.                     <div class="sidebar-sticky">
    63.                         <ul class="nav flex-column">
    64.                             <li class="nav-item">
    65.                                 <a class="nav-link active" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">
    66.                                     <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-home">
    67.                                         <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
    68.                                         <polyline points="9 22 9 12 15 12 15 22"></polyline>
    69.                                     </svg>
    70.                                     Dashboard <span class="sr-only">(current)</span>
    71.                                 </a>
    72.                             </li>
    73.                             <li class="nav-item">
    74.                                 <a class="nav-link" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">
    75.                                     <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-file">
    76.                                         <path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path>
    77.                                         <polyline points="13 2 13 9 20 9"></polyline>
    78.                                     </svg>
    79.                                     Orders
    80.                                 </a>
    81.                             </li>
    82.                             <li class="nav-item">
    83.                                 <a class="nav-link" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">
    84.                                     <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-shopping-cart">
    85.                                         <circle cx="9" cy="21" r="1"></circle>
    86.                                         <circle cx="20" cy="21" r="1"></circle>
    87.                                         <path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path>
    88.                                     </svg>
    89.                                     Products
    90.                                 </a>
    91.                             </li>
    92.                             <li class="nav-item">
    93.                                 <a class="nav-link" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">
    94.                                     <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-users">
    95.                                         <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
    96.                                         <circle cx="9" cy="7" r="4"></circle>
    97.                                         <path d="M23 21v-2a4 4 0 0 0-3-3.87"></path>
    98.                                         <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
    99.                                     </svg>
    100.                                     Customers
    101.                                 </a>
    102.                             </li>
    103.                             <li class="nav-item">
    104.                                 <a class="nav-link" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">
    105.                                     <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-bar-chart-2">
    106.                                         <line x1="18" y1="20" x2="18" y2="10"></line>
    107.                                         <line x1="12" y1="20" x2="12" y2="4"></line>
    108.                                         <line x1="6" y1="20" x2="6" y2="14"></line>
    109.                                     </svg>
    110.                                     Reports
    111.                                 </a>
    112.                             </li>
    113.                             <li class="nav-item">
    114.                                 <a class="nav-link" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">
    115.                                     <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-layers">
    116.                                         <polygon points="12 2 2 7 12 12 22 7 12 2"></polygon>
    117.                                         <polyline points="2 17 12 22 22 17"></polyline>
    118.                                         <polyline points="2 12 12 17 22 12"></polyline>
    119.                                     </svg>
    120.                                     Integrations
    121.                                 </a>
    122.                             </li>
    123.                         </ul>
    125.                         <h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted">
    126.               <span>Saved reports</span>
    127.               <a class="d-flex align-items-center text-muted" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">
    128.                 <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-plus-circle"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="16"></line><line x1="8" y1="12" x2="16" y2="12"></line></svg>
    129.               </a>
    130.             </h6>
    131.                         <ul class="nav flex-column mb-2">
    132.                             <li class="nav-item">
    133.                                 <a class="nav-link" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">
    134.                                     <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-file-text">
    135.                                         <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
    136.                                         <polyline points="14 2 14 8 20 8"></polyline>
    137.                                         <line x1="16" y1="13" x2="8" y2="13"></line>
    138.                                         <line x1="16" y1="17" x2="8" y2="17"></line>
    139.                                         <polyline points="10 9 9 9 8 9"></polyline>
    140.                                     </svg>
    141.                                     Current month
    142.                                 </a>
    143.                             </li>
    144.                             <li class="nav-item">
    145.                                 <a class="nav-link" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">
    146.                                     <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-file-text">
    147.                                         <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
    148.                                         <polyline points="14 2 14 8 20 8"></polyline>
    149.                                         <line x1="16" y1="13" x2="8" y2="13"></line>
    150.                                         <line x1="16" y1="17" x2="8" y2="17"></line>
    151.                                         <polyline points="10 9 9 9 8 9"></polyline>
    152.                                     </svg>
    153.                                     Last quarter
    154.                                 </a>
    155.                             </li>
    156.                             <li class="nav-item">
    157.                                 <a class="nav-link" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">
    158.                                     <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-file-text">
    159.                                         <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
    160.                                         <polyline points="14 2 14 8 20 8"></polyline>
    161.                                         <line x1="16" y1="13" x2="8" y2="13"></line>
    162.                                         <line x1="16" y1="17" x2="8" y2="17"></line>
    163.                                         <polyline points="10 9 9 9 8 9"></polyline>
    164.                                     </svg>
    165.                                     Social engagement
    166.                                 </a>
    167.                             </li>
    168.                             <li class="nav-item">
    169.                                 <a class="nav-link" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">
    170.                                     <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-file-text">
    171.                                         <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
    172.                                         <polyline points="14 2 14 8 20 8"></polyline>
    173.                                         <line x1="16" y1="13" x2="8" y2="13"></line>
    174.                                         <line x1="16" y1="17" x2="8" y2="17"></line>
    175.                                         <polyline points="10 9 9 9 8 9"></polyline>
    176.                                     </svg>
    177.                                     Year-end sale
    178.                                 </a>
    179.                             </li>
    180.                         </ul>
    181.                     </div>
    182.                 </nav>
    184.                 <main role="main" class="col-md-9 ml-sm-auto col-lg-10 pt-3 px-4">
    185.                     <h1>status:[[${status}]]</h1>
    186.                     <h2>timestamp:[[${timestamp}]]</h2>
    187.                 </main>
    188.             </div>
    189.         </div>
    191.         <!-- Bootstrap core JavaScript
    192.     ================================================== -->
    193.         <!-- Placed at the end of the document so the pages load faster -->
    194.         <script type="text/javascript" src="asserts/js/jquery-3.2.1.slim.min.js" ></script>
    195.         <script type="text/javascript" src="asserts/js/popper.min.js" ></script>
    196.         <script type="text/javascript" src="asserts/js/bootstrap.min.js" ></script>
    198.         <!-- Icons -->
    199.         <script type="text/javascript" src="asserts/js/feather.min.js" ></script>
    200.         <script>
    201.             feather.replace()
    202.         </script>
    204.         <!-- Graphs -->
    205.         <script type="text/javascript" src="asserts/js/Chart.min.js" ></script>
    206.         <script>
    207.             var ctx = document.getElementById("myChart");
    208.             var myChart = new Chart(ctx, {
    209.                 type: 'line',
    210.                 data: {
    211.                     labels: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
    212.                     datasets: [{
    213.                         data: [15339, 21345, 18483, 24003, 23489, 24092, 12034],
    214.                         lineTension: 0,
    215.                         backgroundColor: 'transparent',
    216.                         borderColor: '#007bff',
    217.                         borderWidth: 4,
    218.                         pointBackgroundColor: '#007bff'
    219.                     }]
    220.                 },
    221.                 options: {
    222.                     scales: {
    223.                         yAxes: [{
    224.                             ticks: {
    225.                                 beginAtZero: false
    226.                             }
    227.                         }]
    228.                     },
    229.                     legend: {
    230.                         display: false,
    231.                     }
    232.                 }
    233.             });
    234.         </script>
    236.     </body>
    238. </html>

    2. - 5××.html
    3. ```html
    4. <!DOCTYPE html>
    5. <!-- saved from url=(0052)http://getbootstrap.com/docs/4.0/examples/dashboard/ -->
    6. <html lang="en">
    7.     <head>
    8.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    9.         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    10.         <meta name="description" content="">
    11.         <meta name="author" content="">
    13.         <title>Dashboard Template for Bootstrap</title>
    14.         <!-- Bootstrap core CSS -->
    15.         <link href="asserts/css/bootstrap.min.css" rel="stylesheet">
    17.         <!-- Custom styles for this template -->
    18.         <link href="asserts/css/dashboard.css" rel="stylesheet">
    19.         <style type="text/css">
    20.             /* Chart.js */
    22.             @-webkit-keyframes chartjs-render-animation {
    23.                 from {
    24.                     opacity: 0.99
    25.                 }
    26.                 to {
    27.                     opacity: 1
    28.                 }
    29.             }
    31.             @keyframes chartjs-render-animation {
    32.                 from {
    33.                     opacity: 0.99
    34.                 }
    35.                 to {
    36.                     opacity: 1
    37.                 }
    38.             }
    40.             .chartjs-render-monitor {
    41.                 -webkit-animation: chartjs-render-animation 0.001s;
    42.                 animation: chartjs-render-animation 0.001s;
    43.             }
    44.         </style>
    45.     </head>
    47.     <body>
    48.         <nav class="navbar navbar-dark sticky-top bg-dark flex-md-nowrap p-0">
    49.             <a class="navbar-brand col-sm-3 col-md-2 mr-0" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">Company name</a>
    50.             <input class="form-control form-control-dark w-100" type="text" placeholder="Search" aria-label="Search">
    51.             <ul class="navbar-nav px-3">
    52.                 <li class="nav-item text-nowrap">
    53.                     <a class="nav-link" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">Sign out</a>
    54.                 </li>
    55.             </ul>
    56.         </nav>
    58.         <div class="container-fluid">
    59.             <div class="row">
    60.                 <nav class="col-md-2 d-none d-md-block bg-light sidebar">
    61.                     <div class="sidebar-sticky">
    62.                         <ul class="nav flex-column">
    63.                             <li class="nav-item">
    64.                                 <a class="nav-link active" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">
    65.                                     <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-home">
    66.                                         <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
    67.                                         <polyline points="9 22 9 12 15 12 15 22"></polyline>
    68.                                     </svg>
    69.                                     Dashboard <span class="sr-only">(current)</span>
    70.                                 </a>
    71.                             </li>
    72.                             <li class="nav-item">
    73.                                 <a class="nav-link" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">
    74.                                     <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-file">
    75.                                         <path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path>
    76.                                         <polyline points="13 2 13 9 20 9"></polyline>
    77.                                     </svg>
    78.                                     Orders
    79.                                 </a>
    80.                             </li>
    81.                             <li class="nav-item">
    82.                                 <a class="nav-link" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">
    83.                                     <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-shopping-cart">
    84.                                         <circle cx="9" cy="21" r="1"></circle>
    85.                                         <circle cx="20" cy="21" r="1"></circle>
    86.                                         <path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path>
    87.                                     </svg>
    88.                                     Products
    89.                                 </a>
    90.                             </li>
    91.                             <li class="nav-item">
    92.                                 <a class="nav-link" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">
    93.                                     <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-users">
    94.                                         <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
    95.                                         <circle cx="9" cy="7" r="4"></circle>
    96.                                         <path d="M23 21v-2a4 4 0 0 0-3-3.87"></path>
    97.                                         <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
    98.                                     </svg>
    99.                                     Customers
    100.                                 </a>
    101.                             </li>
    102.                             <li class="nav-item">
    103.                                 <a class="nav-link" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">
    104.                                     <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-bar-chart-2">
    105.                                         <line x1="18" y1="20" x2="18" y2="10"></line>
    106.                                         <line x1="12" y1="20" x2="12" y2="4"></line>
    107.                                         <line x1="6" y1="20" x2="6" y2="14"></line>
    108.                                     </svg>
    109.                                     Reports
    110.                                 </a>
    111.                             </li>
    112.                             <li class="nav-item">
    113.                                 <a class="nav-link" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">
    114.                                     <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-layers">
    115.                                         <polygon points="12 2 2 7 12 12 22 7 12 2"></polygon>
    116.                                         <polyline points="2 17 12 22 22 17"></polyline>
    117.                                         <polyline points="2 12 12 17 22 12"></polyline>
    118.                                     </svg>
    119.                                     Integrations
    120.                                 </a>
    121.                             </li>
    122.                         </ul>
    124.                         <h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted">
    125.               <span>Saved reports</span>
    126.               <a class="d-flex align-items-center text-muted" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">
    127.                 <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-plus-circle"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="16"></line><line x1="8" y1="12" x2="16" y2="12"></line></svg>
    128.               </a>
    129.             </h6>
    130.                         <ul class="nav flex-column mb-2">
    131.                             <li class="nav-item">
    132.                                 <a class="nav-link" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">
    133.                                     <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-file-text">
    134.                                         <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
    135.                                         <polyline points="14 2 14 8 20 8"></polyline>
    136.                                         <line x1="16" y1="13" x2="8" y2="13"></line>
    137.                                         <line x1="16" y1="17" x2="8" y2="17"></line>
    138.                                         <polyline points="10 9 9 9 8 9"></polyline>
    139.                                     </svg>
    140.                                     Current month
    141.                                 </a>
    142.                             </li>
    143.                             <li class="nav-item">
    144.                                 <a class="nav-link" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">
    145.                                     <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-file-text">
    146.                                         <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
    147.                                         <polyline points="14 2 14 8 20 8"></polyline>
    148.                                         <line x1="16" y1="13" x2="8" y2="13"></line>
    149.                                         <line x1="16" y1="17" x2="8" y2="17"></line>
    150.                                         <polyline points="10 9 9 9 8 9"></polyline>
    151.                                     </svg>
    152.                                     Last quarter
    153.                                 </a>
    154.                             </li>
    155.                             <li class="nav-item">
    156.                                 <a class="nav-link" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">
    157.                                     <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-file-text">
    158.                                         <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
    159.                                         <polyline points="14 2 14 8 20 8"></polyline>
    160.                                         <line x1="16" y1="13" x2="8" y2="13"></line>
    161.                                         <line x1="16" y1="17" x2="8" y2="17"></line>
    162.                                         <polyline points="10 9 9 9 8 9"></polyline>
    163.                                     </svg>
    164.                                     Social engagement
    165.                                 </a>
    166.                             </li>
    167.                             <li class="nav-item">
    168.                                 <a class="nav-link" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">
    169.                                     <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-file-text">
    170.                                         <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
    171.                                         <polyline points="14 2 14 8 20 8"></polyline>
    172.                                         <line x1="16" y1="13" x2="8" y2="13"></line>
    173.                                         <line x1="16" y1="17" x2="8" y2="17"></line>
    174.                                         <polyline points="10 9 9 9 8 9"></polyline>
    175.                                     </svg>
    176.                                     Year-end sale
    177.                                 </a>
    178.                             </li>
    179.                         </ul>
    180.                     </div>
    181.                 </nav>
    183.                 <main role="main" class="col-md-9 ml-sm-auto col-lg-10 pt-3 px-4">
    184.                     <h1>status:[[${status}]]</h1>
    185.                     <h2>timestamp:[[${timestamp}]]</h2>
    186.                     <h2>exception:[[${exception}]]</h2>
    187.                     <h2>message:[[${message}]]</h2>
    188.                     <h2>ext:[[${ext.code}]]</h2>
    189.                     <h2>ext:[[${ext.message}]]</h2>
    190.                 </main>
    191.             </div>
    192.         </div>
    194.         <!-- Bootstrap core JavaScript
    195.     ================================================== -->
    196.         <!-- Placed at the end of the document so the pages load faster -->
    197.         <script type="text/javascript" src="asserts/js/jquery-3.2.1.slim.min.js" ></script>
    198.         <script type="text/javascript" src="asserts/js/popper.min.js" ></script>
    199.         <script type="text/javascript" src="asserts/js/bootstrap.min.js" ></script>
    201.         <!-- Icons -->
    202.         <script type="text/javascript" src="asserts/js/feather.min.js" ></script>
    203.         <script>
    204.             feather.replace()
    205.         </script>
    207.         <!-- Graphs -->
    208.         <script type="text/javascript" src="asserts/js/Chart.min.js" ></script>
    209.         <script>
    210.             var ctx = document.getElementById("myChart");
    211.             var myChart = new Chart(ctx, {
    212.                 type: 'line',
    213.                 data: {
    214.                     labels: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
    215.                     datasets: [{
    216.                         data: [15339, 21345, 18483, 24003, 23489, 24092, 12034],
    217.                         lineTension: 0,
    218.                         backgroundColor: 'transparent',
    219.                         borderColor: '#007bff',
    220.                         borderWidth: 4,
    221.                         pointBackgroundColor: '#007bff'
    222.                     }]
    223.                 },
    224.                 options: {
    225.                     scales: {
    226.                         yAxes: [{
    227.                             ticks: {
    228.                                 beginAtZero: false
    229.                             }
    230.                         }]
    231.                     },
    232.                     legend: {
    233.                         display: false,
    234.                     }
    235.                 }
    236.             });
    237.         </script>
    239.     </body>
    241. </html>

    若有收获，就点个赞吧

    0 人点赞

    暂无相关搜索结果！

      让时间为你证明

      展开/收起文章目录