員工管理系統---SpringBoot

阿新 • • 發佈：2021-01-16

目錄結構
在這裡插入圖片描述
全部程式碼

package com.kuang.config;

import org.springframework.web.servlet.HandlerInterceptor;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

//攔截器
public class LoginHandlerInterceptor implements HandlerInterceptor {
    @Override 

    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
        //登入成功之後，應該有使用者的session
        Object loginuser = request.getSession().getAttribute("loginuser");

        if(loginuser==null){
            //沒有登入，而是直接進入的首頁，肯定是不讓進的 

            request.setAttribute("msg", "沒有許可權，請先登入");
            request.getRequestDispatcher("/index.html").forward(request, response);
            return false;
        }else {
            return true;
        }

    }
}

package com.kuang.config;

import org.springframework. 
boot.autoconfigure.web.WebProperties;
import org.springframework.util.StringUtils;
import org.springframework.web.servlet.LocaleResolver;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.util.Locale;

//國際化
public class MyLocaleResolver implements LocaleResolver {
    //解析請求
    @Override
    public Locale resolveLocale(HttpServletRequest request) {
        //獲取請求中的語言引數
        String lan = request.getParameter("l");
        Locale locale = Locale.getDefault(); //如果沒有就使用預設的

        //如果請求的連結攜帶了國際化的引數
        if (!StringUtils.isEmpty(lan)) {
            String[] split = lan.split("_");
            //國家，地區
            locale = new Locale(split[0], split[1]);
        }
        return locale;
    }

    @Override
    public void setLocale(HttpServletRequest request, HttpServletResponse response, Locale locale) {

    }
}

package com.kuang.config;


import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.LocaleResolver;
import org.springframework.web.servlet.config.annotation.InterceptorRegistry;
import org.springframework.web.servlet.config.annotation.ViewControllerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

@Configuration
public class MyMvcConfig implements WebMvcConfigurer {
    @Override
    public void addViewControllers(ViewControllerRegistry registry) {
        registry.addViewController("/").setViewName("index");
        registry.addViewController("/index.html").setViewName("index");
        registry.addViewController("/main.html").setViewName("dashboard");
    }

    //自定義的國際化元件就生效了
    @Bean
    public LocaleResolver localeResolver(){
        return new MyLocaleResolver();
    }


    @Override
    public void addInterceptors(InterceptorRegistry registry) {
        registry.addInterceptor(new LoginHandlerInterceptor())
                .addPathPatterns("/**").excludePathPatterns("/index.html","/","/user/login","/css/**","/js/**","/img/**");
    }



}

package com.kuang.controller;

import com.kuang.dao.DepartmentDao;
import com.kuang.dao.EmployeeDao;
import com.kuang.pojo.Department;
import com.kuang.pojo.Employee;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;

import java.util.Collection;

@Controller
public class EmployeeController {
    @Autowired
    DepartmentDao departmentDao;

    @Autowired
    EmployeeDao employeeDao;

    @RequestMapping("/emps")
    public String list(Model model) {
        Collection<Employee> employees = employeeDao.getAll();
        model.addAttribute("emps", employees);
        return "emp/list";
    }

    @GetMapping("/emp")
    public String toAdd(Model model) {
        //查出部門的所有資訊
        Collection<Department> departments = departmentDao.getDepartment();
        model.addAttribute("departments", departments);
        return "emp/add";
    }

    @PostMapping("/emp")
    public String add(Employee employee) {
        System.out.println(employee);
//        新增的操作
        employeeDao.save(employee);
        return "redirect:/emps";
    }

    //去員工的修改頁面
    @GetMapping("/upemp/{id}")
    public String toupdataEmp(@PathVariable("id") Integer id, Model model) {
        //查出原來的資料
        Employee employee = employeeDao.getEmployeeById(id);
        model.addAttribute("emp", employee);

        Collection<Department> departments = departmentDao.getDepartment();
        model.addAttribute("departments", departments);

        return "emp/update";
    }

    @PostMapping("/updateEmp")
    public String updataEmp(Employee employee) {
        employeeDao.save(employee);
        return "redirect:/emps";
    }

    //刪除員工
    @GetMapping("/deleteEmp/{id}")
    public String deleteEmp(@PathVariable("id") int id) {
        employeeDao.delete(id);
        return "redirect:/emps";
    }

}

package com.kuang.controller;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.util.StringUtils;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;

import javax.servlet.http.HttpSession;

@Controller
public class LoginController {
    @RequestMapping("/user/login")

    public String login(
            @RequestParam("username") String username,
            @RequestParam("password") String password,
            Model model,
            HttpSession session
    ) {
        //具體的業務
        if (!StringUtils.isEmpty(username) && "123456".equals(password)) {
            session.setAttribute("loginuser", username);
            return "redirect:/main.html";
        } else {
            //告訴使用者你登入失敗了
            model.addAttribute("msg", "使用者名稱或者密碼錯誤");
            return "index";
        }
    }

    @RequestMapping("/user/loginout")
    public String loginout(HttpSession session) {
        session.invalidate();
        return "redirect:/index/html";
    }

}

package com.kuang.dao;

import com.kuang.pojo.Department;
import org.springframework.stereotype.Repository;

import java.util.Collection;
import java.util.HashMap;
import java.util.Map;

@Repository
public class DepartmentDao {
    //模擬資料庫的資料

    private static Map<Integer, Department> departments = null;

    static {
        //建立一個部門表
        departments = new HashMap<Integer, Department>();
        departments.put(101, new Department(101, "教學部"));
        departments.put(102, new Department(102, "市場部"));
        departments.put(103, new Department(103, "教研部"));
        departments.put(104, new Department(104, "運營部"));
        departments.put(105, new Department(105, "後勤部"));
    }



    //獲得所有部門資訊
    public Collection<Department> getDepartment(){
        return departments.values();
    }

    //通過ID的到部門
    public Department getDepartmentById(Integer id){
        return  departments.get(id);
    }

}

package com.kuang.dao;

import com.kuang.pojo.Department;
import com.kuang.pojo.Employee;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Repository;

import java.util.Collection;
import java.util.HashMap;
import java.util.Map;

@Repository
//員工Dao
public class EmployeeDao {
    //模擬資料中的資訊
    private static Map<Integer, Employee> employees = null;
    //員工有所屬的部門
    @Autowired
    private DepartmentDao departmentDao;

    static {
        //建立一個員工表
        employees = new HashMap<Integer, Employee>();
        employees.put(1001, new Employee(1001, "AA", "[email protected]", 1, new Department(101, "教學部")));
        employees.put(1002, new Employee(1002, "BB", "[email protected]", 0, new Department(102, "市場部")));
        employees.put(1003, new Employee(1003, "CC", "[email protected]", 1, new Department(103, "教研部")));
        employees.put(1004, new Employee(1004, "DD", "[email protected]", 0, new Department(104, "運營部")));
        employees.put(1005, new Employee(1005, "EE", "[email protected]", 1, new Department(105, "後勤部")));
    }

    //主鍵自增加
    private static Integer initId = 1006;

    //增加一個員工
    public void save(Employee employee) {
        if (employee.getId() == null) {
            employee.setId(initId++);
        }
        employee.setDepartment(departmentDao.getDepartmentById(employee.getDepartment().getId()));

        employees.put(employee.getId(), employee);
    }

    //查詢全部的員工資訊
    public Collection<Employee> getAll(){
        return employees.values();
    }

    //通過ID查詢員工
    public Employee getEmployeeById(Integer id){
        return employees.get(id);
    }

    //通過ID刪除員工
    public void delete(Integer id){
        employees.remove(id);
    }
}

package com.kuang.pojo;

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
import org.springframework.beans.factory.annotation.Autowired;

@Data
@AllArgsConstructor
@NoArgsConstructor
public class Department {
    private  Integer id;
    private String departmentName;
}

package com.kuang.pojo;

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;

import java.util.Date;
@Data
@NoArgsConstructor
public class Employee {
    private Integer id;
    private String lastName;
    private String email;
    private Integer gender;
    private Department department;
    private Date birth;

    public Employee(Integer id, String lastName, String email, Integer gender, Department department) {
        this.id = id;
        this.lastName = lastName;
        this.email = email;
        this.gender = gender;
        this.department = department;
        this.birth=new Date();
    }
}

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<!--頭部導航欄-->
<!--頂部導航欄-->
<nav class="navbar navbar-dark sticky-top bg-dark flex-md-nowrap p-0" th:fragment="topbar">
    <a class="navbar-brand col-sm-3 col-md-2 mr-0" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">[[${session.loginuser}]]</a>
    <input class="form-control form-control-dark w-100" type="text" placeholder="Search" aria-label="Search">
    <ul class="navbar-nav px-3">
        <li class="nav-item text-nowrap">
            <a class="nav-link" th:href="@{/user/loginout}">登出</a>
        </li>
    </ul>
</nav>


<!--側邊欄-->
<!--側邊欄-->
<nav class="col-md-2 d-none d-md-block bg-light sidebar" th:fragment="sidebar">
    <div class="sidebar-sticky">
        <ul class="nav flex-column">
            <li class="nav-item">
                <a th:class="${active=='main.html'?'nav-link active':'nav-link'}" th:href="@{/templates/index.html}">
                    <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">
                        <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
                        <polyline points="9 22 9 12 15 12 15 22"></polyline>
                    </svg>
                    首頁 <span class="sr-only">(current)</span>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">
                    <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">
                        <path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path>
                        <polyline points="13 2 13 9 20 9"></polyline>
                    </svg>
                    Orders
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">
                    <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">
                        <circle cx="9" cy="21" r="1"></circle>
                        <circle cx="20" cy="21" r="1"></circle>
                        <path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path>
                    </svg>
                    Products
                </a>
            </li>
            <li class="nav-item">
                <a th:class="${active=='list.html'?'nav-link active':'nav-link'}"  th:href="@{/emps}">
                    <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">
                        <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
                        <circle cx="9" cy="7" r="4"></circle>
                        <path d="M23 21v-2a4 4 0 0 0-3-3.87"></path>
                        <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
                    </svg>
                    員工管理
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">
                    <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">
                        <line x1="18" y1="20" x2="18" y2="10"></line>
                        <line x1="12" y1="20" x2="12" y2="4"></line>
                        <line x1="6" y1="20" x2="6" y2="14"></line>
                    </svg>
                    Reports
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">
                    <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">
                        <polygon points="12 2 2 7 12 12 22 7 12 2"></polygon>
                        <polyline points="2 17 12 22 22 17"></polyline>
                        <polyline points="2 12 12 17 22 12"></polyline>
                    </svg>
                    Integrations
                </a>
            </li>
        </ul>

        <h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted">
            <span>Saved reports</span>
            <a class="d-flex align-items-center text-muted" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">
                <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>
            </a>
        </h6>
        <ul class="nav flex-column mb-2">
            <li class="nav-item">
                <a class="nav-link" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">
                    <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">
                        <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
                        <polyline points="14 2 14 8 20 8"></polyline>
                        <line x1="16" y1="13" x2="8" y2="13"></line>
                        <line x1="16" y1="17" x2="8" y2="17"></line>
                        <polyline points="10 9 9 9 8 9"></polyline>
                    </svg>
                    Current month
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">
                    <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">
                        <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
                        <polyline points="14 2 14 8 20 8"></polyline>
                        <line x1="16" y1="13" x2="8" y2="13"></line>
                        <line x1="16" y1="17" x2="8" y2="17"></line>
                        <polyline points="10 9 9 9 8 9"></polyline>
                    </svg>
                    Last quarter
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">
                    <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">
                        <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
                        <polyline points="14 2 14 8 20 8"></polyline>
                        <line x1="16" y1="13" x2="8" y2="13"></line>
                        <line x1="16" y1="17" x2="8" y2="17"></line>
                        <polyline points="10 9 9 9 8 9"></polyline>
                    </svg>
                    Social engagement
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">
                    <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">
                        <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
                        <polyline points="14 2 14 8 20 8"></polyline>
                        <line x1="16" y1="13" x2="8" y2="13"></line>
                        <line x1="16" y1="17" x2="8" y2="17"></line>
                        <polyline points="10 9 9 9 8 9"></polyline>
                    </svg>
                    Year-end sale
                </a>
            </li>
        </ul>
    </div>
</nav>

</html>

<!DOCTYPE html>
<!-- saved from url=(0052)http://getbootstrap.com/docs/4.0/examples/dashboard/ -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
   <meta name="description" content="">
   <meta name="author" content="">

   <title>Dashboard Template for Bootstrap</title>
   <!-- Bootstrap core CSS -->
   <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">

   <!-- Custom styles for this template -->
   <link th:href="@{/css/dashboard.css}" rel="stylesheet">
   <style type="text/css">
      /* Chart.js */

      @-webkit-keyframes chartjs-render-animation {
         from {
            opacity: 0.99
         }
         to {
            opacity: 1
         }
      }

      @keyframes chartjs-render-animation {
         from {
            opacity: 0.99
         }
         to {
            opacity: 1
         }
      }

      .chartjs-render-monitor {
         -webkit-animation: chartjs-render-animation 0.001s;
         animation: chartjs-render-animation 0.001s;
      }
   </style>
</head>

<body>
<div th:replace="~{commons/commons::topbar}"></div>

<div class="container-fluid">
   <div class="row">
      <div th:replace="~{commons/commons::sidebar(active='list.html')}"></div>

      <main role="main" class="col-md-9 ml-sm-auto col-lg-10 pt-3 px-4">
         <form class="form-horizontal" th:action="@{/emp}" method="post">
            <div class="form-group">
               <label class="col-sm-2 control-label">名字</label>
               <div class="col-sm-10">
                  <input type="text" class="form-control" placeholder="張三" name="lastName">
               </div>
            </div>
            <div class="form-group">
               <label class="col-sm-2 control-label">郵件</label>
               <div class="col-sm-10">
                  <input type="email" class="form-control" placeholder="[email protected]" name="email">
               </div>
            </div>
            <div class="form-group">
               <label class="col-sm-2 control-label">性別</label>
               <div class="col-sm-offset-2 col-sm-10">
                  <label>
                     <input type="radio" name="gender" checked value="1">&nbsp;男
                  </label>
                  &nbsp;&nbsp;&nbsp;
                  <label>
                     <input type="radio" name="gender" value="0">&nbsp;女
                  </label>
               </div>
            </div>
            <div class="form-group">
               <label class="col-sm-2 control-label">部門</label>
               <div class="col-sm-10">
                  <select class="form-control" name="department.id">
                     <option th:each="dept:${departments}" th:text="${dept.getDepartmentName()}" th:value="${dept.getId()}"></option>
                  </select>
               </div>

            </div>
            <div class="form-group">
               <label class="col-sm-2 control-label">生日</label>
               <div class="col-sm-10">
                  <input type="text" class="form-control" placeholder="2000/11/11" name="birth">
               </div>
            </div>
            <div class="form-group">
               <div class="col-sm-offset-2 col-sm-10">
                  <button class="btn btn-sm btn-success" type="submit">新增</button>
               </div>
            </div>
         </form>
      </main>
   </div>
</div>

<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script type="text/javascript" src="/js/jquery-3.2.1.slim.min.js"></script>
<script type="text/javascript" src="/js/popper.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>

<!-- Icons -->
<script type="text/javascript" src="/js/feather.min.js"></script>
<script>
   feather.replace()
</script>

<!-- Graphs -->
<script type="text/javascript" src="/js/Chart.min.js"></script>
<script>
   var ctx = document.getElementById("myChart");
   var myChart = new Chart(ctx, {
      type: 'line',
      data: {
         labels: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
         datasets: [{
            data: [15339, 21345, 18483, 24003, 23489, 24092, 12034],
            lineTension: 0,
            backgroundColor: 'transparent',
            borderColor: '#007bff',
            borderWidth: 4,
            pointBackgroundColor: '#007bff'
         }]
      },
      options: {
         scales: {
            yAxes: [{
               ticks: {
                  beginAtZero: false
               }
            }]
         },
         legend: {
            display: false,
         }
      }
   });
</script>

</body>

</html>

<!DOCTYPE html>
<!-- saved from url=(0052)http://getbootstrap.com/docs/4.0/examples/dashboard/ -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
   <meta name="description" content="">
   <meta name="author" content="">

   <title>Dashboard Template for Bootstrap</title>
   <!-- Bootstrap core CSS -->
   <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">

   <!-- Custom styles for this template -->
   <link th:href="@{/css/dashboard.css}" rel="stylesheet">
   <style type="text/css">
      /* Chart.js */

      @-webkit-keyframes chartjs-render-animation {
         from {
            opacity: 0.99
         }
         to {
            opacity: 1
         }
      }

      @keyframes chartjs-render-animation {
         from {
            opacity: 0.99
         }
         to {
            opacity: 1
         }
      }

      .chartjs-render-monitor {
         -webkit-animation: chartjs-render-animation 0.001s;
         animation: chartjs-render-animation 0.001s;
      }
   </style>
</head>

<body>
<div th:replace="~{commons/commons::topbar}"> </div>

<div class="container-fluid">
   <div class="row">
      <div th:replace="~{commons/commons::sidebar(active='list.html')}"></div>

      <main role="main" class="col-md-9 ml-sm-auto col-lg-10 pt-3 px-4">

         <form class="form-inline" style="float: left;">
            <h2>員工列表</h2>
            <p style="width: 650px;"></p>
            <a class="btn btn-sm btn-success" th:href="@{/emp}">新增</a>
         </form>

         <div class="table-responsive">
            <table class="table table-striped table-sm">
               <thead>
               <tr>
                  <th>編號</th>
                  <th>姓名</th>
                  <th>郵箱</th>
                  <th>性別</th>
                  <th>部門</th>
                  <th>生日</th>
                  <th>操作</th>
               </tr>
               </thead>
               <tbody>
               <tr th:each="emp:${emps}">
                  <td th:text="${emp.getId()}"></td>
                  <td th:text="${emp.getLastName()}"></td>
                  <td th:text="${emp.getEmail()}"></td>
                  <td th:text="${emp.getGender()==0?'女':'男'}"></td>
                  <td th:text="${emp.getDepartment().getDepartmentName()}"></td>
                  <td th:text="${#dates.format(emp.getBirth(),'yyyy-MM-dd')}"></td>
                  <td>
                     <a class="btn btn-sm btn-primary" th:href="@{/upemp/}+${emp.getId()}">編輯</a>
                     <a class="btn btn-sm btn-danger"  th:href="@{/deleteEmp/}+${emp.getId()}">刪除</a>
                  </td>
               </tr>
               </tbody>
            </table>
         </div>
      </main>
   </div>
</div>

<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script type="text/javascript" src="/js/jquery-3.2.1.slim.min.js"></script>
<script type="text/javascript" src="/js/popper.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>

<!-- Icons -->
<script type="text/javascript" src="/js/feather.min.js"></script>
<script>
   feather.replace()
</script>

<!-- Graphs -->
<script type="text/javascript" src="asserts/js/Chart.min.js"></script>
<script>
   var ctx = document.getElementById("myChart");
   var myChart = new Chart(ctx, {
      type: 'line',
      data: {
         labels: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
         datasets: [{
            data: [15339, 21345, 18483, 24003, 23489, 24092, 12034],
            lineTension: 0,
            backgroundColor: 'transparent',
            borderColor: '#007bff',
            borderWidth: 4,
            pointBackgroundColor: '#007bff'
         }]
      },
      options: {
         scales: {
            yAxes: [{
               ticks: {
                  beginAtZero: false
               }
            }]
         },
         legend: {
            display: false,
         }
      }
   });
</script>

</body>

</html>

<!DOCTYPE html>
<!-- saved from url=(0052)http://getbootstrap.com/docs/4.0/examples/dashboard/ -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
   <meta name="description" content="">
   <meta name="author" content="">

   <title>Dashboard Template for Bootstrap</title>
   <!-- Bootstrap core CSS -->
   <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">

   <!-- Custom styles for this template -->
   <link th:href="@{ /css/dashboard.css}" rel="stylesheet">
   <style type="text/css">
      /* Chart.js */

      @-webkit-keyframes chartjs-render-animation {
         from {
            opacity: 0.99
         }
         to {
            opacity: 1
         }
      }

      @keyframes chartjs-render-animation {
         from {
            opacity: 0.99
         }
         to {
            opacity: 1
         }
      }

      .chartjs-render-monitor {
         -webkit-animation: chartjs-render-animation 0.001s;
         animation: chartjs-render-animation 0.001s;
      }
   </style>
</head>

<body>
<div th:replace="~{commons/commons::topbar}"></div>

<div class="container-fluid">
   <div class="row">
      <div th:replace="~{commons/commons::sidebar(active='list.html')}"></div>

      <main role="main" class="col-md-9 ml-sm-auto col-lg-10 pt-3 px-4">
         <form class="form-horizontal" th:action="@{/updateEmp}" method="post">
            <input type="hidden" name="id" th:value="${emp.getId()}" >
            <div class="form-group">
               <label class="col-sm-2 control-label">名字</label>
               <div class="col-sm-10">
                  <input type="text" class="form-control"  name="lastName" th:value="${emp.getLastName()}">
               </div>
            </div>
            <div class="form-group">
               <label class="col-sm-2 control-label">郵件</label>
               <div class="col-sm-10">
                  <input type="email" class="form-control" th:value="${emp.getEmail()}" name="email">
               </div>
            </div>
            <div class="form-group">
               <label class="col-sm-2 control-label">性別</label>
               <div class="col-sm-offset-2 col-sm-10">
                  <label>
                     <input th:checked="${emp.getGender()==1}" type="radio" name="gender" checked value="1">&nbsp;男
                  </label>
                  &nbsp;&nbsp;&nbsp;
                  <label>
                     <input th:checked="${emp.getGender()==0}" type="radio" name="gender" value="0">&nbsp;女
                  </label>
               </div>
            </div>
            <div class="form-group">
               <label class="col-sm-2 control-label">部門</label>
               <div class="col-sm-10">
                  <select class="form-control" name="department.id">
                     <option th:selected="${emp.getDepartment().getId()==dept.getId()}" th:each="dept:${departments}" th:text="${dept.getDepartmentName()}" th:value="${dept.getId()}"></option>
                  </select>
               </div>

            </div>
            <div class="form-group">
               <label class="col-sm-2 control-label">生日</label>
               <div class="col-sm-10">
                  <input th:value="${#dates.format(emp.getBirth(),'yyyy/MM/dd')}" type="text" class="form-control"  name="birth">
               </div>
            </div>
            <div class="form-group">
               <div class="col-sm-offset-2 col-sm-10">
                  <button class="btn btn-sm btn-success" type="submit">修改</button>
               </div>
            </div>
         </form>
      </main>
   </div>
</div>

<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script type="text/javascript" src="/js/jquery-3.2.1.slim.min.js"></script>
<script type="text/javascript" src="/js/popper.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>

<!-- Icons -->
<script type="text/javascript" src="/js/feather.min.js"></script>
<script>
   feather.replace()
</script>

<!-- Graphs -->
<script type="text/javascript" src="/js/Chart.min.js"></script>
<script>
   var ctx = document.getElementById("myChart");
   var myChart = new Chart(ctx, {
      type: 'line',
      data: {
         labels: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
         datasets: [{
            data: [15339, 21345, 18483, 24003, 23489, 24092, 12034],
            lineTension: 0,
            backgroundColor: 'transparent',
            borderColor: '#007bff',
            borderWidth: 4,
            pointBackgroundColor: '#007bff'
         }]
      },
      options: {
         scales: {
            yAxes: [{
               ticks: {
                  beginAtZero: false
               }
            }]
         },
         legend: {
            display: false,
         }
      }
   });
</script>

</body>

</html>

<!DOCTYPE html>
<!-- saved from url=(0052)http://getbootstrap.com/docs/4.0/examples/dashboard/ -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
   <meta name="description" content="">
   <meta name="author" content="">

   <title>Dashboard Template for Bootstrap</title>
   <!-- Bootstrap core CSS -->
   <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">

   <!-- Custom styles for this template -->
   <link th:href="@{/css/dashboard.css}" rel="stylesheet">
   <style type="text/css">
      /* Chart.js */

      @-webkit-keyframes chartjs-render-animation {
         from {
            opacity: 0.99
         }
         to {
            opacity: 1
         }
      }

      @keyframes chartjs-render-animation {
         from {
            opacity: 0.99
         }
         to {
            opacity: 1
         }
      }

      .chartjs-render-monitor {
         -webkit-animation: chartjs-render-animation 0.001s;
         animation: chartjs-render-animation 0.001s;
      }
   </style>
</head>

<body>
<div th:replace="~{commons/commons::topbar}"> </div>

<div class="container-fluid">
   <div class="row">
      <!--側邊欄-->
      <!--傳遞引數給元件-->
      <div th:replace="~{commons/commons::sidebar(active='main.html')}"></div>

      <main role="main" class="col-md-9 ml-sm-auto col-lg-10 pt-3 px-4">
         <div class="chartjs-size-monitor" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; pointer-events: none; visibility: hidden; z-index: -1;">
            <div class="chartjs-size-monitor-expand" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;">
               <div style="position:absolute;width:1000000px;height:1000000px;left:0;top:0"></div>
            </div>
            <div class="chartjs-size-monitor-shrink" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;">
               <div style="position:absolute;width:200%;height:200%;left:0; top:0"></div>
            </div>
         </div>
         <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pb-2 mb-3 border-bottom">
            <h1 class="h2">Dashboard</h1>
            <div class="btn-toolbar mb-2 mb-md-0">
               <div class="btn-group mr-2">
                  <button class="btn btn-sm btn-outline-secondary">Share</button>
                  <button class="btn btn-sm btn-outline-secondary">Export</button>
               </div>
               <button class="btn btn-sm btn-outline-secondary dropdown-toggle">
                  <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-calendar"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>
                  This week
               </button>
            </div>
         </div>

         <canvas class="my-4 chartjs-render-monitor" id="myChart" width="1076" height="454" style="display: block; width: 1076px; height: 454px;"></canvas>


      </main>
   </div>
</div>

<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script type="text/javascript" src="/js/jquery-3.2.1.slim.min.js" ></script>
<script type="text/javascript" src="/js/popper.min.js" ></script>
<script type="text/javascript" src="/js/bootstrap.min.js" ></script>

<!-- Icons -->
<script type="text/javascript" src="/js/feather.min.js" ></script>
<script>
   feather.replace()
</script>

<!-- Graphs -->
<script type="text/javascript" src="/js/Chart.min.js" ></script>
<script>
   var ctx = document.getElementById("myChart");
   var myChart = new Chart(ctx, {
      type: 'line',
      data: {
         labels: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
         datasets: [{
            data: [15339, 21345, 18483, 24003, 23489, 24092, 12034],
            lineTension: 0,
            backgroundColor: 'transparent',
            borderColor: '#007bff',
            borderWidth: 4,
            pointBackgroundColor: '#007bff'
         }]
      },
      options: {
         scales: {
            yAxes: [{
               ticks: {
                  beginAtZero: false
               }
            }]
         },
         legend: {
            display: false,
         }
      }
   });
</script>

</body>

</html>

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thmeleaf.org">
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
      <meta name="description" content="">
      <meta name="author" content="">
      <title>Signin Template for Bootstrap</title>
      <!-- Bootstrap core CSS -->
      <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
      <!-- Custom styles for this template -->
      <link th:href="@{/css/signin.css}" rel="stylesheet">
   </head>

   <body class="text-center">
      <form class="form-signin" th:action="@{/user/login}">
         <img class="mb-4" th:src="@{/img/bootstrap-solid.svg}" alt="" width="72" height="72">
         <h1 class="h3 mb-3 font-weight-normal" th:text="#{login.tip}">Please sign in</h1>
         <!--如果msg的值為空則不顯示訊息-->
         <p style="color: red" th:text="${msg}" th:if="${not #strings.isEmpty(msg)}"></p>
         <input type="text" name="username" class="form-control" th:placeholder="#{login.username}" required="" autofocus="">
         <input type="password" name="password" class="form-control" th:placeholder="#{login.password}" required="">
         <div class="checkbox mb-3">
            <label>
          <input type="checkbox" value="remember-me" th:text="#{login.remember}">
        </label>
         </div>
         <button class="btn btn-lg btn-primary btn-block" type="submit">[[#{login.btn}]]</button>
         <p class="mt-5 mb-3 text-muted">© 2017-2018</p>
         <a class="btn btn-sm" th:href="@{/index.html(l='zh_CN')}">中文</a>
         <a class="btn btn-sm" th:href="@{/index.html(l='en_US')}">English</a>

      </form>

   </body>

</html>

員工管理系統---SpringBoot

技術標籤：SpringBoot學習javaspring 目錄結構全部程式碼 package com.kuang.config; import org.springframework.web.servlet.HandlerInterceptor;

SpringBoot員工管理系統（整合Mybatis+mysql）

技術標籤：Spring Bootmybatismysql資料庫javaspring SpringBoot員工管理系統（整合Mybatis+mysql）

springboot員工管理系統：8.刪除資訊功能實現

刪除員工實現 1、list頁面，編寫提交地址 <a class="btn btn-sm btn-danger" th:href="@{\'/delEmp/\'+${emp.getId()}}">刪除</a>

SpringBoot學習筆記——簡單例項-員工管理系統

前置知識： SpringBoot學習筆記——SpringBoot簡介與HelloWord SpringBoot學習筆記——原始碼初步解析

SpringBoot 員工管理系統①

準備工作、首頁實現、國際化 SpringBoot 員工管理系統① 好久沒寫 SpringBoot 了···發現還是寫演算法題有意思，寫完就溜不會還能看看答案。不過最後還是得把這個小小專案寫一下。

SpringBoot 員工管理系統②

登入功能實現、登入攔截器 SpringBoot 員工管理系統② 1. 登入功能實現接上回，現在才進入專案的主體部分，首先需要完成一個登入模組。

springboot-員工管理系統:國際化

承接:springboot-員工管理系統:首頁實現 1 在resources目錄下新建一個資料夾 i18n 2 在 i18n 資料夾下建立國際化的配置檔案

使用WebAPI建置員工管理系統

WebAPI簡介 WebAPI是一個網路服務架構，可以用來建置RESTful應用程式 RESTful中文名稱為具象狀態傳輸，是一種設計的風格並非標準

Servlet之員工管理系統

技術標籤：servletjavaoraclejsp資料庫目錄 1.專案結構 2.db.properties 3.WEB-INF下的web.xml

員工管理系統

# _*_ coding：utf-8 _*_# 開發人員：wht# 開發時間：2021-01-1114:19# 開發名稱：1.py# 開發工具：PyCharmdef init():print(\'***************歡迎****************\')print(\'1查詢員工\')print(\'2新增\')print(\

Python設計員工管理系統

def init():print(\'------------員工管理系統-------------\')print(\'1.查詢員工\')print(\'2.新增員工\')print(\'3.編輯員工\')print(\'4.刪除員工\')print(\'5.退出\')print(\'--------------------------------

員工管理系統函式封裝版與裝飾器的常見使用

# 1.編寫員⼯管理系統進階版 #功能全部封裝成函式資料全部來源於⽂件 #⼤致功能:註冊登入新增員⼯檢視員⼯等

SpringBoot後臺許可權管理系統（二)—前端工程搭建

SpringBoot 後臺許可權框架搭建（一）—後臺框架搭建 SpringBoot後臺許可權管理系統（二)—前端工程搭建

SpringBoot後臺許可權管理系統（三)—許可權模組

SpringBoot 後臺許可權框架搭建（一）—後臺框架搭建SpringBoot後臺許可權管理系統（二)—前端工程搭建SpringBoot後臺許可權管理系統（三)—許可權模組SpringBoot後臺許可權管理系統（四)—部署

SpringBoot + Vue + ElementUI 實現後臺管理系統模板 -- 後端篇（五）：資料表設計、使用 jwt、redis、sms 工具類完善註冊登入邏輯

（1）相關博文地址： SpringBoot + Vue + ElementUI 實現後臺管理系統模板 -- 前端篇（一）：搭建基本環境：https://www.cnblogs.com/l-y-h/p/12930895.html

若依管理系統前後端分離版基於ElementUI和SpringBoot怎樣實現Excel匯入和匯出

場景使用若依前後端分離版實現Excel的匯入和匯出。前端:Vue+ElementUI 後端:SpringBoot+POI+Mysql

SpringBoot + Layui +Mybatis-plus實現簡單後臺管理系統（內建安全過濾器）

1. 簡介 layui（諧音：類UI)是一款採用自身模組規範編寫的前端UI框架，遵循原生HTML/CSS/JS的書寫與組織形式，門檻極低，拿來即用。其外在極簡，卻又不失飽滿的內在，體積輕盈，元件豐盈，從核心程式碼到API的每

基於SpringBoot+vue的前後端分離學生成績管理系統的設計與實現--畢業設計

開發環境 JAVA8、MySQL5.7、SpringBoot2.1.0、Vue、ElementUI、JPA 主要功能學生資訊：學號、姓名、性別、聯絡方式、班級、成績管理：學號、課程編號、成績班級管理：班級名稱，班主任、工號、聯絡方式

基於springboot學生管理系統

技術：springboot+mybstis+mysql 截圖部分資料庫： CREATE TABLE class ( class_id varchar(255) NOT NULL, class_name varchar(255) DEFAULT NULL, class_teacher varchar(255) DEFAULT NULL, class_count

Springboot +Shiro 前後端分離式許可權管理系統

前後端分離要實現前後端分離，需要考慮以下2個問題： 1. 專案不再基於session了，如何知道訪問者是誰？ 2. 如何確認訪問者的許可權？

員工管理系統---SpringBoot

相關推薦