161 lines
6.6 KiB
HTML
161 lines
6.6 KiB
HTML
<!DOCTYPE html>
|
||
<html xmlns:th="http://www.thymeleaf.org">
|
||
<head th:replace="/common/template :: header(~{::title},~{::link},~{::style})">
|
||
<style>
|
||
a{
|
||
color: #005980;
|
||
}
|
||
.widget-small{
|
||
background-color: #FFFFFF;
|
||
overflow: hidden;
|
||
text-align: center;
|
||
border-radius: 2px;
|
||
box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
|
||
}
|
||
.widget-small .fa{
|
||
float: left;
|
||
width: 40%;
|
||
line-height: 80px;
|
||
color: #FFFFFF;
|
||
}
|
||
.widget-user .fa{
|
||
background-color: #029789;
|
||
}
|
||
.widget-visit .fa{
|
||
background-color: #17a2b8;
|
||
}
|
||
.widget-message .fa{
|
||
background-color: #fbad4c;
|
||
}
|
||
.widget-like .fa{
|
||
background-color: #ff646d;
|
||
}
|
||
.widget-small-info{
|
||
float: left;
|
||
text-align: left;
|
||
width: 40%;
|
||
margin-left: 20px;
|
||
margin-top: 18px;
|
||
line-height: 24px;
|
||
}
|
||
.widget-small-info h4{
|
||
font-size: 18px;
|
||
}
|
||
.widget-small-info span{
|
||
font-size: 16px;
|
||
}
|
||
.project-introduce{
|
||
min-height: 466px;
|
||
}
|
||
.project-introduce h4{
|
||
font-weight: bold;
|
||
margin-top: 12px;
|
||
margin-bottom: 8px;
|
||
}
|
||
.project-introduce li{
|
||
list-style: decimal;
|
||
margin-left: 28px;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="timo-layout-page">
|
||
<div class="layui-row layui-col-space15">
|
||
<div class="layui-col-md3 layui-col-sm6 layui-col-xs12">
|
||
<div class="widget-small widget-user">
|
||
<i class="icon fa fa-users fa-3x"></i>
|
||
<div class="widget-small-info">
|
||
<h4>用户</h4>
|
||
<span>0</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-md3 layui-col-sm6 layui-col-xs12">
|
||
<div class="widget-small widget-visit">
|
||
<i class="icon fa fa-line-chart fa-3x"></i>
|
||
<div class="widget-small-info">
|
||
<h4>访问</h4>
|
||
<span>0</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-md3 layui-col-sm6 layui-col-xs12">
|
||
<div class="widget-small widget-message">
|
||
<i class="icon fa fa-comments-o fa-3x"></i>
|
||
<div class="widget-small-info">
|
||
<h4>信息</h4>
|
||
<span>0</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-md3 layui-col-sm6 layui-col-xs12">
|
||
<div class="widget-small widget-like">
|
||
<i class="icon fa fa-star fa-3x"></i>
|
||
<div class="widget-small-info">
|
||
<h4>收藏</h4>
|
||
<span>0</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-row layui-col-space15">
|
||
<div class="layui-col-md8">
|
||
<div class="layui-card">
|
||
<div class="layui-card-header">项目介绍</div>
|
||
<div class="layui-card-body project-introduce">
|
||
<blockquote class="layui-elem-quote layui-quote-nm">
|
||
Cwhelp后台管理系统，基于SpringBoot2.0 + Spring Data Jpa + Thymeleaf + Shiro 开发的后台管理系统，采用分模块的方式便于开发和维护，目前支持的功能有：权限管理、部门管理、字典管理、日志记录、文件上传、代码生成等！
|
||
</blockquote>
|
||
<div>
|
||
<h4>技术选型</h4>
|
||
<ol>
|
||
<li>后端技术：SpringBoot + Spring Data Jpa + Thymeleaf + Shiro + EhCache</li>
|
||
<li>前端技术：Layui + Jquery + zTree + Font-awesome</li>
|
||
</ol>
|
||
</div>
|
||
<div>
|
||
<h4>功能列表</h4>
|
||
<ol>
|
||
<li>用户管理：用于管理后台系统的用户，可进行增删改查等操作。</li>
|
||
<li>角色管理：分配权限的最小单元，通过角色给用户分配权限。</li>
|
||
<li>菜单管理：用于配置系统菜单，同时也作为权限资源。</li>
|
||
<li>部门管理：通过不同的部门来管理和区分用户。</li>
|
||
<li>字典管理：对一些需要转换的数据进行统一管理，如：男、女等。</li>
|
||
<li>行为日志：用于记录用户对系统的操作，同时监视系统运行时发生的错误。</li>
|
||
<li>文件上传：内置了文件上传接口，方便开发者使用文件上传功能。</li>
|
||
<li>代码生成：可以帮助开发者快速开发项目，减少不必要的重复操作，花更多精力注重业务实现。</li>
|
||
<li>表单构建：通过拖拽的方式快速构建一个表单模块。</li>
|
||
<li>数据接口：根据业务代码自动生成相关的api接口文档</li>
|
||
</ol>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-md4">
|
||
<div class="layui-card">
|
||
<div class="layui-card-header">更新日志</div>
|
||
<div class="layui-card-body">
|
||
<ul class="layui-timeline">
|
||
<li class="layui-timeline-item">
|
||
<i class="layui-icon layui-timeline-axis"></i>
|
||
<div class="layui-timeline-content layui-text">
|
||
<h3 class="layui-timeline-title">v2.0.1</h3>
|
||
<p>
|
||
1.项目初始化<br>
|
||
</p>
|
||
</div>
|
||
</li>
|
||
<li class="layui-timeline-item">
|
||
<i class="layui-icon layui-timeline-axis"></i>
|
||
<div class="layui-timeline-content layui-text">
|
||
<div class="layui-timeline-title">yan.y</div>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script th:replace="/common/template :: script"></script>
|
||
</body>
|
||
</html>
|