用户后台管理

User Management

这是通过SpringBoot完成的用户后台管理系统

一些解释说明也在代码里面, 源码及资源 会放在文末哦!!!

– 这是效果图

• 大概就这些功能不多

; 1.登录拦截器

package com.xiaomin.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 {
    Object loginUser = request.getSession().getAttribute("loginUser");
    if (loginUser == null) {
      request.setAttribute("msg","没有权限，请先登录");
      request.getRequestDispatcher("/index.html").forward(request,response);
      return false;
    }else {
      return true;
    }
  }
}

2.MVC的配置类

package com.xiaomin.config;

import org.springframework.context.annotation.Configuration;
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("main");
    registry.addViewController("/main").setViewName("main");

    registry.addViewController("/member_add").setViewName("X-Admin/member-add");
    registry.addViewController("/member_show").setViewName("X-Admin/member-show");
    registry.addViewController("/member_edit").setViewName("X-Admin/member-edit");

  }

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

3.登录控制器

package com.xiaomin.controller;

import com.xiaomin.dao.UserDao;
import com.xiaomin.pojo.User;
import com.xiaomin.service.UserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.*;

import javax.servlet.http.HttpSession;

@Controller
public class LoginController {

  @Autowired
  private UserService userService;

  @RequestMapping("/user/login")
  public String login(
    @RequestParam("userName") String userName,
    @RequestParam("password") String password,
    Model model, HttpSession session){

    User userLogin = userService.login(userName, password);
    if (userName.equals("XiaoMin") &&
        password.equals("1314520")){
      session.setAttribute("loginUser",userName);
      return "redirect:/main.html";
    }else if (userLogin!=null && userLogin.getIdentity()==1 && userLogin.getStatus()==1){
      session.setAttribute("loginUser",userName);
      return "redirect:/main.html";
    }else if (userLogin!=null && userLogin.getIdentity()==0){
      model.addAttribute("msg","您的权限不够,请使用管理员账户登录");
      return "index";
    }else if (userLogin!=null && userLogin.getIdentity()==1 && userLogin.getStatus()==0){
      model.addAttribute("msg","您的账号已停用,请联系XiaoMin大BOSS修改");
      return "index";
    }else {
      model.addAttribute("msg","用户名或密码错误");
      return "index";
    }
  }

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

4.用户控制器===>控制一些请求等操作CRUD

package com.xiaomin.controller;

import com.xiaomin.dao.UserDao;
import com.xiaomin.mapper.UserMapper;
import com.xiaomin.pojo.User;
import com.xiaomin.service.UserService;
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.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

import java.util.ArrayList;
import java.util.Arrays;
import java.util.Collection;
import java.util.List;

@Controller
public class UserController {

  @Autowired
  private UserService userService;

  @GetMapping("/AllUserList")
  @ResponseBody
  public Collection<User> getAllUser() {
    System.out.println("进入User列表");
    Collection<User> allUser = userService.getAllUser();
    allUser.forEach(x-> System.out.println(x));
    return allUser;
  }

  @RequestMapping("/list")
  public String list(Model model){

    Collection<User> users = userService.getAllUser();
    model.addAttribute("users",users);
    return "X-Admin/member-list";
  }
  @RequestMapping("/vip-list")
  public String vipList(Model model){

    Collection<User> users = userService.getAllUser();
    model.addAttribute("users",users);
    return "X-Admin/member-vip-list";
  }

  @RequestMapping("/user/register")
  public String ToRegisterPage(){
    System.out.println("进入注册页面");
    return "registered";
  }
  @RequestMapping("/register")
  public String ToRegister(User user){
    System.out.println("===>"+user.toString());
    userService.addUser(user);
    return "redirect:/index.html";
  }

  @RequestMapping("/user/add")
  public String toAdd(User user){
    userService.addUser(user);
    return "main";
  }
  @RequestMapping("/user/edit")
  public String toEdit(User user){
    System.out.println(user);
    userService.updateUser(user);
    return "main";
  }
  @RequestMapping("/user/del")
  public String toDel(Integer id){
    System.out.println("执行删除方法,删除===>"+id);
    userService.deleteUserById(id);
    return "main";
  }
  @RequestMapping("/user/delSelector")
  public String toDelSelector(String ids){
    System.out.println("进入了批量删除====>"+ids);
    String[] id=ids.split(",");
    for (String s : id) {
      int i = Integer.parseInt(s);
      userService.deleteUserById(i);
    }
    return "main";
  }

  @RequestMapping("/user/getUserById")
  public String toGetUserById(Integer username,Model model){
    User user = userService.getUserById(username);
    System.out.println("============>"+username);
    model.addAttribute("getUserById",user);
    return "main";
  }

  @RequestMapping("/level")
  public String toLevelPage(){
    return "X-Admin/member-level";
  }
  @RequestMapping("/kiss")
  public String toKissPage(){
    return "X-Admin/member-kiss";
  }

  @RequestMapping("/echarts1")
  public String toEcharts1Page(){
    return "X-Admin/echarts1";
  }
  @RequestMapping("/echarts2")
  public String toEcharts2Page(){
    return "X-Admin/echarts2";
  }
  @RequestMapping("/echarts4")
  public String toEcharts4Page(){
    return "X-Admin/echarts4";
  }
  @RequestMapping("/echarts5")
  public String toEcharts5Page(){
    return "X-Admin/echarts5";
  }
  @RequestMapping("/echarts6")
  public String toEcharts6Page(){
    return "X-Admin/echarts6";
  }

  @RequestMapping("/demo")
  public String toDemoPage(){
    return "X-Admin/demo";
  }
}

5.dao层如果使用数据库的话可以不用看这一个这是一个模拟数据的

package com.xiaomin.dao;

import com.xiaomin.pojo.User;
import org.springframework.stereotype.Repository;

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

@Repository
public class UserDao {

public static Map<Integer, User> users=null;
static {
users=new HashMap<Integer, User>();
users.put(1001,new User(1001,"XiaoMin","1314520",1,"xiaomin.spring@qq.com",1,1));
users.put(1002,new User(1002,"XiaoYan","1314520",0,"xiaomin.summer@qq.com",1,1));
users.put(1003,new User(1003,"JieNiYou","1314520",1,"xiaomin.winter@qq.com",0,0));
users.put(1004,new User(1004,"JunXin","1314520",0,"xiaomin.autumn@qq.com",0,0));
users.put(1005,new User(1005,"小敏","1314520",1,"xiaomin.spring@qq.com",0,0));
users.put(1006,new User(1006,"小艳","1314520",0,"xiaomin.winter@qq.com",0,0));
users.put(1007,new User(1007,"解你忧","1314520",1,"xiaomin.spring@qq.com",0,0));
users.put(1008,new User(1008,"君心","1314520",0,"xiaomin.summer@qq.com",0,0));
users.put(1009,new User(1009,"张三","5201314",1,"xiaomin.spring@qq.com",0,0));
users.put(1010,new User(1010,"李四","5201314",1,"xiaomin.autumn@qq.com",0,0));
users.put(1011,new User(1011,"王二麻","5201314",0,"xiaomin.spring@qq.com",0,0));
users.put(1012,new User(1012,"ZhangSan","5201314",1,"xiaomin.summer@qq.com",0,0));
users.put(1013,new User(1013,"LiSi","5201314",1,"xiaomin.autumn@qq.com",0,0));
users.put(1014,new User(1014,"WangErMa","5201314",0,"xiaomin.summer@qq.com",0,0));

}

public static Integer initId=1015;

public void addUser(User user){
if (user.getId() == null) {
user.setId(initId++);
}
if (user.getStatus()==null){
user.setStatus(0);
}
users.put(user.getId(),user);
}

public Collection<User> getAllUser(){
return users.values();
}

public User getUserById(Integer id){
return users.get(id);
}

public void deleteUserById(Integer id){
users.remove(id);
}

}

6.mapper===>定义接口

package com.xiaomin.mapper;

import com.xiaomin.pojo.User;
import org.apache.ibatis.annotations.Mapper;
import org.springframework.stereotype.Repository;

import java.util.Collection;
import java.util.List;

@Mapper
@Repository
public interface UserMapper {

  Collection<User> getAllUser();
  User getUserById(Integer id);
  User login(String userName,String password);

  void addUser(User user);
  void deleteUserById(Integer id);

  void updateUser(User user);
  void updateUserStatusById(Integer id,Integer status);

}

7.userpojo==>userbean层

package com.xiaomin.pojo;

import lombok.Data;
import lombok.NoArgsConstructor;
import org.apache.ibatis.type.Alias;

import java.util.Date;

@Data
@NoArgsConstructor
@Alias("user")
public class User {
  private Integer id;
  private String userName;
  private String password;
  private Integer gender;
  private String email;
  private Date birth;

  private Integer identity;

  private Integer status;

  public User(Integer id, String userName, String password, Integer gender, String email,Integer identity,Integer status) {
    this.id = id;
    this.userName = userName;
    this.password = password;
    this.gender = gender;
    this.email = email;

    this.birth = new Date();
    this.identity = identity;
    this.status = status;
  }
}

8.业务层(接口)

package com.xiaomin.service;

import com.xiaomin.pojo.User;

import java.util.Collection;
import java.util.List;

public interface UserService {
  Collection<User> getAllUser();
  User getUserById(Integer id);
  User login(String userName,String password);
  void addUser(User user);
  void deleteUserById(Integer id);

  void updateUser(User user);
  void updateUserStatusById(Integer id,Integer status);
}

9.业务层(实现类)

package com.xiaomin.service.impl;

import com.xiaomin.mapper.UserMapper;
import com.xiaomin.pojo.User;
import com.xiaomin.service.UserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import java.util.Collection;
import java.util.List;

@Service
public class UserServiceImpl implements UserService {

  @Autowired
  private UserMapper userMapper;
  @Override
  public Collection<User> getAllUser() {
    return userMapper.getAllUser();
  }

  @Override
  public User getUserById(Integer id) {
    return userMapper.getUserById(id);
  }
  @Override
  public User login(String userName,String password){
    return userMapper.login(userName,password);
  }

  @Override
  public void addUser(User user) {
    userMapper.addUser(user);
  }

  @Override
  public void deleteUserById(Integer id) {
    userMapper.deleteUserById(id);
  }

  @Override
  public void updateUser(User user) {
    userMapper.updateUser(user);
  }

  @Override
  public void updateUserStatusById(Integer id,Integer status) {
    userMapper.updateUserStatusById(id,status);
  }
}

10.userMapper===>相当于操作数据库的代码

DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd" >
<mapper namespace="com.xiaomin.mapper.UserMapper">
  <resultMap id="user" type="com.xiaomin.pojo.User"/>
  <parameterMap id="user" type="com.xiaomin.pojo.User"/>

  <select id="getAllUser" resultMap="user">
    select  * from user_tb
  select>
  <select id="login" resultMap="user">
    select  userName,password,identity,status from user_tb
    where userName=#{userName} and password=#{password}
  select>

  <insert id="addUser" parameterType="User" keyProperty="id" useGeneratedKeys="true">
    insert into user_tb (userName, password, gender, email, birth, identity, status)
    values (#{userName}, #{password}, #{gender}, #{email}, #{birth}, #{identity}, ifnull(#{status},0));
  insert>

  <update id="updateUser" parameterType="User">
    # ifnull()防止传入空值影影响数据
    update user_tb
    set userName = ifnull(#{userName},userName),
    password = ifnull(#{password},password),
    gender = ifnull(#{gender},gender),
    email = ifnull(#{email},email),
    birth = ifnull(#{birth},birth),
    identity = ifnull(#{identity},identity),
    status = ifnull(#{status},status)
    where id=#{id};
  update>

  <delete id="deleteUserById" parameterType="User">
    delete from user_tb where id=#{id};
  delete>
mapper>

11.commons====>这是一些页面都有的东西放在一个共有页面,可以直接调取

DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity5">

  <div class="container" th:fragment="topbar">
    <div class="logo"><a href="">XiaoMina>div>
    <div class="open-nav"><i class="iconfont">i>div>
    <ul class="layui-nav right" lay-filter="">
      <li class="layui-nav-item">

        <a href="" th:text="${session.loginUser}"/>
        <dl class="layui-nav-child">
          <dd><a href="">个人信息a>dd>
          <dd><a href="/">切换帐号a>dd>
          <dd><a th:href="@{/user/logout}">退出a>dd>
        dl>
      li>
      <li class="layui-nav-item"><a th:href="@{/main}">前台首页a>li>
    ul>
  div>

  <div class="left-nav" th:fragment="leftbar">
    <div id="side-nav">
      <ul id="nav">

        <li class="list" current>
          <a href="/main">
            <i class="iconfont">i>
            欢迎页面
            <i class="iconfont nav_right">i>
          a>
        li>
        <li class="list" current>
          <a th:href="@{/demo}">
            <i class="iconfont">i>
            小Demo
            <i class="iconfont nav_right">i>
          a>
        li>

        <li class="list">
          <a href="javascript:;">
            <i class="iconfont">i>
            用户管理
            <i class="iconfont nav_right">i>
          a>
          <ul class="sub-menu">
            <li>
              <a th:href="@{/list}">
                <i class="iconfont">i>
                用户列表
              a>
            li>
            <li>
              <a th:href="@{/level}">
                <i class="iconfont">i>
                等级管理
              a>
            li>
            <li>
              <a th:href="@{/kiss}">
                <i class="iconfont">i>
                积分管理
              a>
            li>
          ul>
        li>

        <li class="list" >
          <a href="javascript:;">
            <i class="iconfont">i>
            管理员管理
            <i class="iconfont nav_right">i>
          a>
          <ul class="sub-menu" style="display:none">
            <li>
              <a th:href="@{/vip-list}">
                <i class="iconfont">i>
                管理员列表
              a>
            li>
          ul>
        li>

        <li class="list" >
          <a href="javascript:;">
            <i class="iconfont">i>
            系统统计
            <i class="iconfont nav_right">i>
          a>
          <ul class="sub-menu" style="display:none">
            <li>
              <a th:href="@{/echarts1}">
                <i class="iconfont">i>
                拆线图
              a>
            li>
            <li>
              <a th:href="@{/echarts2}">
                <i class="iconfont">i>
                柱状图
              a>
            li>
            <li>
              <a th:href="@{/echarts4}">
                <i class="iconfont">i>
                饼图
              a>
            li>
            <li>
              <a th:href="@{/echarts5}">
                <i class="iconfont">i>
                k线图
              a>
            li>
            <li>
              <a th:href="@{/echarts6}">
                <i class="iconfont">i>
                仪表图
              a>
            li>
          ul>
        li>

      ul>
    div>
  div>

  <form class="layui-form xbs" method="post" th:action="@{/user/getUserById}" target="_self" th:fragment="R_search">
    <div class="layui-form-pane" style="text-align: center;">
      <div class="layui-form-item" style="display: inline-block;">
        <label class="layui-form-label xbs768">日期范围label>
        <div class="layui-input-inline xbs768">
          <input class="layui-input" placeholder="开始日" id="LAY_demorange_s">
        div>
        <div class="layui-input-inline xbs768">
          <input class="layui-input" placeholder="截止日" id="LAY_demorange_e">
        div>
        <div class="layui-input-inline">
          <input type="text" name="username"  placeholder="请输入用户名" autocomplete="off" class="layui-input">
        div>
        <div class="layui-input-inline" style="width:80px">
          <button class="layui-btn" type="submit"  lay-submit="" lay-filter="search"><i class="layui-icon">i>button>
        div>
      div>
    div>
  form>
  <xblock th:fragment="xblockAdd">
    <button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon">i>批量删除button>
    <button class="layui-btn" onclick="member_add('添加用户','/member_add','600','500')"><i class="layui-icon">i>添加button>

  xblock>

  <thead th:fragment="thead">
    <tr>
      <th>
        <input type="checkbox" id="selectAll"/>
      th>
      <th>IDth>
      <th>用户名th>
      <th>密码th>
      <th>性别th>
      <th>邮箱th>
      <th>生日th>
      <th>身份th>
      <th>状态th>
      <th>操作th>
    tr>
  thead>
  <tbody th:each="user:${users}" th:fragment="id(userid)">
    <tr th:if="${user.identity}==${userid}">
      <td>
        <input type="checkbox" th:value="${user.id}">
      td>
      <td th:text="${user.id}"/>
      <td>
        <u style="cursor:pointer" th:onclick="member_show('[[${user.userName}]]',
                                              '/member_show','[[${user.userName}]]','[[${user.email}]]','[[${user.gender}]]',
                                              '[[${user.identity}]]','400','600')">
          [[${user.userName}]]
        u>
      td>
      <td th:text="${user.password}"/>
      <td th:text="${user.gender==0?'女':'男'}"/>
      <td th:text="${user.email}"/>
      <td th:text="${#dates.format(user.birth,'yyyy-MM-dd')}"/>
      <td th:text="${user.identity}==1?'超级管理员':'普通用户'"/>
      <td class="td-status">
        <span th:if="${user.status==1}" class="layui-btn layui-btn-normal layui-btn-mini"
              th:text="${user.status==1?'已启用':'已停用'}"/>
        <span th:if="${user.status==0}" class="layui-btn layui-btn-disabled layui-btn-mini"
              th:text="${user.status==0?'已停用':'已启用'}"/>
      td>
      <td class="td-manage">

        <a th:if="${user.status==1}" style="text-decoration:none"
           th:onclick="member_stop(this,'[[${user.id}]]','0')"
           href="javascript:;" title="停用">
          <i class="layui-icon">i>
        a>

        <a th:if="${user.status==0}" style="text-decoration:none"
           th:onclick="member_start(this,'[[${user.id}]]','1')"
           href="javascript:;" title="启用">
          <i class="layui-icon">i>
        a>

        <a title="编辑" href="javascript:;" th:onclick="member_edit(
                                                      '编辑','/member_edit',
                                                      '[[${user.id}]]','[[${user.userName}]]',
                                                      '[[${user.password}]]','[[${user.gender}]]',
                                                      '[[${user.email}]]','[[${user.birth}]]',
                                                      '[[${user.identity}]]','[[${user.status}]]',
                                                      '','510')"
           class="ml-5" style="text-decoration:none">
          <i class="layui-icon">i>
        a>
        <a title="删除" href="javascript:;" th:onclick="member_del(this,'[[${user.id}]]')"
           style="text-decoration:none">
          <i class="layui-icon">i>
        a>

      td>
    tr>
  tbody>

  div>

<div class="footer" th:fragment="footerbar">
  <div class="copyright">Copyright ©2022 xiaomin v2.3 All Rights Reserved.div>
div>

<div class="bg-changer" th:fragment="bgchange">
  <div class="swiper-container changer-list">
    <div class="swiper-wrapper">
      <div class="swiper-slide"><img class="item" th:src="@{/X-Admin/images/a.jpg}" alt="">div>
      <div class="swiper-slide"><img class="item" th:src="@{/X-Admin/images/b.jpg}" alt="">div>
      <div class="swiper-slide"><img class="item" th:src="@{/X-Admin/images/c.jpg}" alt="">div>
      <div class="swiper-slide"><img class="item" th:src="@{/X-Admin/images/d.jpg}" alt="">div>
      <div class="swiper-slide"><img class="item" th:src="@{/X-Admin/images/e.jpg}" alt="">div>
      <div class="swiper-slide"><img class="item" th:src="@{/X-Admin/images/f.jpg}" alt="">div>
      <div class="swiper-slide"><img class="item" th:src="@{/X-Admin/images/g.jpg}" alt="">div>
      <div class="swiper-slide"><img class="item" th:src="@{/X-Admin/images/h.jpg}" alt="">div>
      <div class="swiper-slide"><img class="item" th:src="@{/X-Admin/images/i.jpg}" alt="">div>
      <div class="swiper-slide"><img class="item" th:src="@{/X-Admin/images/j.jpg}" alt="">div>
      <div class="swiper-slide"><img class="item" th:src="@{/X-Admin/images/k.jpg}" alt="">div>
      <div class="swiper-slide"><img class="item" th:src="@{/X-Admin/images/l.jpg}" alt="">div>
      <div class="swiper-slide"><span class="reset">初始化span>div>
    div>
  div>
  <div class="bg-out">div>
  <div id="changer-set"><i class="iconfont">i>div>
div>

html>

12.自定义错误页面直接建文件夹和404.html

; 13.登录页

DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link th:href="@{/css/bootstrap.min.css}" type="text/css" rel="stylesheet">
    <link th:href="@{/css/font-awesome.min.css}" type="text/javascript" rel="stylesheet">
    <link th:href="@{/css/bootsnav.css}" type="text/css" rel="stylesheet">
    <link th:href="@{/css/normalize.css}" type="text/css" rel="stylesheet">
    <link th:href="@{/css/css.css}" rel="stylesheet" type="text/css">
    <script th:src="@{/js/jquery-1.11.0.min.js}" type="text/javascript">script>
    <script th:src="@{/js/bootstrap.min.js}" type="text/javascript">script>
    <script th:src="@{/js/bootsnav.js}" type="text/javascript">script>
    <script th:src="@{/js/jquery.js}" type="text/javascript">script>
    <script th:src="@{/js/html5.js}"  type="text/javascript">script>
    <title>登录title>
  head>

  <body class="logobg_style">

    <div id="large-header" class="large-header login-page">
      <canvas id="demo-canvas" width="1590" height="711">canvas>
      <div class="login-form">
        <div class="login-content">
          <h1 class="title_name">账户登录h1>

          <form th:action="@{/user/login}" method="post" role="form" id="form_login" class="login_padding">
            <div class="form-group clearfix">
              <div class="input-group">
                <div class="input-group-addon">
                  <i class="icon_user">i>
                div>
                <input type="text" class="form-control" name="userName" id="username" placeholder="用户名" autocomplete="off" required="" autofocus="" value="XiaoMin">
              div>
            div>
            <div class="form-group clearfix">
              <div class="input-group">
                <div class="input-group-addon">
                  <i class="icon_password">i>
                div>
                <input type="password" class="form-control" name="password" id="password" placeholder="密码" required="" autocomplete="off" value="1314520">
              div>
            div>
            <div class=" textright"><a href="" class="forget">忘记密码？a>div>
            <div class="tishi">div>
            <div class="form-group">
              <p style="color: red" th:text="${msg}" th:if="${not #strings.isEmpty(msg)}"/>
              <input type="submit" class="btn btn-danger btn-block btn-login" value="登录"/>
            div>
            <div class=" textright"><a th:href="@{/user/register}" class="forget">立即注册a>div>
            <div class="form-group">
            div>
          form>
        div>

      div>
    div>

    <script th:src="@{/js/TweenLite/TweenLite.min.js}">script>
    <script th:src="@{/js/TweenLite/EasePack.min.js}">script>
    <script th:src="@{/js/TweenLite/rAF.js}">script>
    <script th:src="@{/js/TweenLite/demo-1.js}">script>
  body>
html>

14.主页面main

doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
  <head>
    <meta charset="UTF-8">
    <title>首页title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" th:href="@{/favicon.ico}" type="image/x-icon" />
    <link rel="stylesheet" th:href="@{/X-Admin/css/font.css}">
    <link rel="stylesheet" th:href="@{/X-Admin/css/xadmin.css}">
    <link rel="stylesheet" th:href="@{https://cdn.bootcss.com/Swiper/3.4.2/css/swiper.min.css}">
    <script type="text/javascript" th:src="@{https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js}">script>
    <script type="text/javascript" th:src="@{https://cdn.bootcss.com/Swiper/3.4.2/js/swiper.jquery.min.js}">script>
    <script th:src="@{/X-Admin/lib/layui/layui.js}" charset="utf-8">script>
    <script type="text/javascript" th:src="@{/X-Admin/js/xadmin.js}">script>

  head>
  <body>

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

    <div class="wrapper">

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

      <div class="page-content">
        <div class="content">

          <blockquote class="layui-elem-quote">
            注意：每个页面都可以独立设置一个背景主题，如果每个都设置会比较消耗本地的存储，如果想全部恢复，请重置。
          blockquote>
          <blockquote class="layui-elem-quote">
            欢迎使用XiaoMin后台管理系统！<span class="f-14">v18.0span>
          blockquote>
          <fieldset class="layui-elem-field layui-field-title site-title">
            <legend><a name="default">信息统计a>legend>
          fieldset>
          <table class="layui-table">
            <thead>
              <tr>
                <th>统计th>
                <th>资讯库th>
                <th>图片库th>
                <th>产品库th>
                <th>用户th>
                <th>管理员th>
              tr>
            thead>
            <tbody>
              <tr>
                <td>总数td>
                <td>92td>
                <td>9td>
                <td>0td>
                <td>8td>
                <td>20td>
              tr>
              <tr>
                <td>今日td>
                <td>0td>
                <td>0td>
                <td>0td>
                <td>0td>
                <td>0td>
              tr>
              <tr>
                <td>昨日td>
                <td>0td>
                <td>0td>
                <td>0td>
                <td>0td>
                <td>0td>
              tr>
              <tr>
                <td>本周td>
                <td>2td>
                <td>0td>
                <td>0td>
                <td>0td>
                <td>0td>
              tr>
              <tr>
                <td>本月td>
                <td>2td>
                <td>0td>
                <td>0td>
                <td>0td>
                <td>0td>
              tr>
            tbody>
          table>
          <table class="layui-table">
            <thead>
              <tr>
                <th colspan="2" scope="col">服务器信息th>
              tr>
            thead>
            <tbody>
              <tr>
                <th width="30%">服务器计算机名th>
                <td><span id="lbServerName">http://127.0.0.1/span>td>
              tr>
              <tr>
                <td>服务器IP地址td>
                <td>192.168.1.1td>
              tr>
              <tr>
                <td>服务器域名td>
                <td>jieniyoutd>
              tr>
              <tr>
                <td>服务器端口 td>
                <td>80td>
              tr>
              <tr>
                <td>服务器IIS版本 td>
                <td>Microsoft-IIS/6.0td>
              tr>
              <tr>
                <td>本文件所在文件夹 td>
                <td>本地td>
              tr>
              <tr>
                <td>服务器操作系统 td>
                <td>Microsoft Windows NT 5.2.3790 Service Pack 2td>
              tr>
              <tr>
                <td>系统所在文件夹 td>
                <td>C:\WINDOWS\system32td>
              tr>
              <tr>
                <td>服务器脚本超时时间 td>
                <td>30000秒td>
              tr>
              <tr>
                <td>服务器的语言种类 td>
                <td>Chinese (People's Republic of China)td>
              tr>
              <tr>
                <td>.NET Framework 版本 td>
                <td>2.050727.3655td>
              tr>
              <tr>
                <td>服务器当前时间 td>
                <td>td>
              tr>
              <tr>
                <td>服务器IE版本 td>
                <td>6.0000td>
              tr>
              <tr>
                <td>服务器上次启动到现在已运行 td>
                <td>7210分钟td>
              tr>
              <tr>
                <td>逻辑驱动器 td>
                <td>C:\D:\td>
              tr>
              <tr>
                <td>CPU 总数 td>
                <td>4td>
              tr>
              <tr>
                <td>CPU 类型 td>
                <td>x86 Family 6 Model 42 Stepping 1, GenuineInteltd>
              tr>
              <tr>
                <td>虚拟内存 td>
                <td>52480Mtd>
              tr>
              <tr>
                <td>当前程序占用内存 td>
                <td>3.29Mtd>
              tr>
              <tr>
                <td>Asp.net所占内存 td>
                <td>51.46Mtd>
              tr>
              <tr>
                <td>当前Session数量 td>
                <td>8td>
              tr>
              <tr>
                <td>当前SessionID td>
                <td>无td>
              tr>
              <tr>
                <td>当前系统用户名 td>
                <td>NETWORK SERVICEtd>
              tr>
            tbody>
          table>

        div>
      div>

    div>

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

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

  body>
html>

16.注册页面

doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/html">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link th:href="@{/css/bootstrap.min.css}" type="text/css" rel="stylesheet">
    <link th:href="@{/css/font-awesome.min.css}" type="text/javascript" rel="stylesheet">
    <link th:href="@{/css/bootsnav.css}" type="text/css" rel="stylesheet">
    <link th:href="@{/css/normalize.css}" type="text/css" rel="stylesheet">
    <link th:href="@{/css/css.css}" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" th:href="@{https://www.layuicdn.com/layui/css/layui.css}" />
    <style type="text/css">
      input::-webkit-outer-spin-button,
      input::-webkit-inner-spin-button {
        -webkit-appearance: none;
      }
      input[type="number"] {
        -moz-appearance: textfield;
      }
    style>

    <script th:src="@{/js/jquery-1.11.0.min.js}" type="text/javascript">script>
    <script th:src="@{/js/jquery.step.js}">script>
    <script th:src="@{/js/bootstrap.min.js}" type="text/javascript">script>
    <script th:src="@{/js/bootsnav.js}" type="text/javascript">script>
    <script th:src="@{https://www.layuicdn.com/layui/layui.js}">script>

    <script th:src="@{/js/jquery.js}" type="text/javascript">script>

    <title>注册title>
  head>

  <body class="logobg_style">
    <div id="large-header" class="large-header login-page">
      <canvas id="demo-canvas" width="1590" height="711">canvas>
      <div class="Retrieve_style">
        <div class="Retrieve-content step-body" id="myStep">
          <h1 class="title_name">用户注册h1>

          <form th:action="@{/register}" role="form" class="login_padding">

            <div class="form-group clearfix">
              <div class="input-group">
                <input type="number" class="form-controlR" name="userName" id="username" placeholder="用户名" required="required" autofocus="autofocus" autocomplete="off">
              div>
            div>

            <div class="form-group clearfix">
              <div class="input-group">
                <input type="password" class="form-controlR" name="password" id="password" placeholder="密码" required="required" autofocus="autofocus" autocomplete="off">
              div>
            div>

            <div class="form-group clearfix">
              <div class="input-group">
                <select class="form-controlR" name="gender" id="gender" autofocus="autofocus" autocomplete="off">
                  <option selected value="1">男option>
                  <option value="0">女option>
                select>
              div>
            div>

            <div class="form-group clearfix">
              <div class="input-group">
                <input type="email" class="form-controlR" name="email" placeholder="邮箱" required="required" autofocus="autofocus" autocomplete="off">
              div>
            div>

            <div class="form-group clearfix">
              <div class="input-group">
                <input type="date" class="form-controlR" name="birth" required="required" autofocus="autofocus" autocomplete="off">
              div>
            div>

            <div class="form-group clearfix">
              <div class="input-group">
                <select class="form-controlR" name="identity" required="required" autofocus="autofocus" autocomplete="off">
                  <option value="1">超级管理员option>
                  <option value="0">普通用户option>
                select>
              div>
            div>
            <div class="form-group">
              <input type="submit" class="btn btn-danger btn-block btn-login" id="submitBtn" value="注册"/>
            div>
          form>
        div>
      div>
    div>
    <script th:src="@{/js/TweenLite/TweenLite.min.js}">script>
    <script th:src="@{/js/TweenLite/EasePack.min.js}">script>
    <script th:src="@{/js/TweenLite/rAF.js}">script>
    <script th:src="@{/js/TweenLite/demo-1.js}">script>
  body>
html>

17.资源文件===>resources/application.properties

server.port=80
spring.mvc.format.date=yyyy-MM-dd
#关闭模板引擎的缓存
spring.thymeleaf.cache=false

#数据库配置
mybatis.type-aliases-package=com.xiaomin.pojo
## mapper xml 文件地址
mybatis.mapper-locations=classpath:mybatis/mapper/*.xml

##数据库url
spring.datasource.url=jdbc:mysql://localhost:3306/你的数据库?serverTimezone=UTC&useUnicode=true&characterEncoding=utf-8
##数据库用户名
spring.datasource.username=你的用户名
##数据库密码
spring.datasource.password=你的密码
##数据库驱动
spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver

18.资源文件

2. git: 资源

Original: https://www.cnblogs.com/jieniyou/p/16417726.html
Author: 解你忧
Title: 用户后台管理