<!DOCTYPE html>
<!-- saved from url=(0052)http://getbootstrap.com/docs/4.0/examples/dashboard/ -->
<html lang="en">
<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 href="asserts/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="asserts/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>
<nav class="navbar navbar-dark sticky-top bg-dark flex-md-nowrap p-0">
<a class="navbar-brand col-sm-3 col-md-2 mr-0" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">Company name</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" href="http://getbootstrap.com/docs/4.0/examples/dashboard/#">Sign out</a>
</li>
</ul>
</nav>
<div class="container-fluid">
<div class="row">
<nav class="col-md-2 d-none d-md-block bg-light sidebar">
<div class="sidebar-sticky">
<ul class="nav flex-column">
<li class="nav-item">
<a class="nav-link active" 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-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>
Dashboard <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 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-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>
Customers
</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=
SpingBoot-Web静态资源.zip
需积分: 0 198 浏览量
更新于2022-09-18
收藏 140KB ZIP 举报
SpringBoot 是一个由 Pivotal 团队开发的框架，旨在简化 Spring 应用程序的初始搭建以及开发过程。它集成了大量常用的第三方库配置，如 JDBC、MongoDB、RabbitMQ、Quartz 等，让开发者可以快速地创建出基于 Spring 的稳定、生产级别的应用程序。
在"SpingBoot-Web静态资源.zip"这个压缩包中，我们主要关注的是 SpringBoot 在 Web 开发中的静态资源处理。SpringBoot 提供了对 Web 应用的支持，包括静态资源的托管和处理，使得开发者可以便捷地部署和管理前端资源。
1. **静态资源处理**：
- SpringBoot 默认会将 `src/main/resources/static`、`src/main/resources/public`、`src/main/resources/resources` 和 `src/main/webapp` 下的资源作为静态资源目录。在这些目录下的 CSS、JavaScript、图片等文件会被自动处理并可供 Web 客户端访问。
- 可以通过 `spring.web.resources.static-locations` 配置属性来自定义静态资源目录。
2. **Thymeleaf 模板引擎**：
- Thymeleaf 是一个用于 Web 和独立环境的现代服务器端 Java 模板引擎，它可以与 SpringBoot 结合使用，处理 HTML 模板。在 SpringBoot 中，Thymeleaf 的默认模板目录是 `src/main/resources/templates`。
- Thymeleaf 提供了强大的数据绑定和表达式语言，使得在 HTML 中动态插入数据变得简单。
3. **MVC 框架**：
- Spring Boot 自动配置了 Spring MVC 框架，提供了 RESTful 风格的控制器支持。开发者可以通过 `@RestController` 或 `@Controller` 注解来创建控制器，处理 HTTP 请求。
- 使用 `@RequestMapping`、`@GetMapping`、`@PostMapping` 等注解来映射 URL 路径。
4. **视图解析器**：
- SpringBoot 默认使用 InternalResourceViewResolver 作为视图解析器，可以配合 Thymeleaf 或其他模板引擎工作。视图解析器根据逻辑视图名查找物理视图，并渲染返回给客户端。
5. **员工管理系统静态资源**：
- 基于 SpringBoot 的员工管理系统可能包含登录界面、员工列表页面、添加/编辑员工表单等静态资源。这些资源通常包括 HTML 文件（可能使用 Thymeleaf 模板）、CSS 样式文件（负责页面样式）和 JavaScript 文件（实现页面交互逻辑）。
6. **安全控制**：
- Spring Security 是 Spring 生态系统中用于安全控制的组件，SpringBoot 可以很方便地集成它。通过配置，可以实现用户认证、授权等功能，保护静态资源不被非法访问。
7. **热部署**：
- SpringBoot 提供 DevTools 插件，支持开发过程中的热部署。修改静态资源或后端代码后，应用会自动重启，无需手动刷新或重启服务器。
8. **性能优化**：
- 对于大规模的静态资源，可以考虑使用 Gzip 压缩、HTTP2 协议、CDN 加速等手段提升加载速度和用户体验。
SpringBoot-Web静态资源的处理是构建 Web 应用程序不可或缺的一部分，通过合理的配置和利用 SpringBoot 的特性，我们可以高效地管理和提供前端资源，构建出功能完善的员工管理系统或其他 Web 应用。
SpingBoot-Web静态资源.zip （13个子文件） 
SpingBoot-Web静态资源 
404.html 10KB index.html 1KB dashboard.html 12KB list.html 13KB asserts css 
bootstrap.min.css 141KB signin.css 906B dashboard.css 2KB img 
bootstrap-solid.svg 1KB js Chart.min.js 154KB jquery-3.2.1.slim.min.js 68KB bootstrap.min.js 48KB feather.min.js 70KB popper.min.js 19KB资源评论
Daniel521-Spark
- 粉丝: 2821
- 资源: 144
最新资源
- 25混合A星算法路径规划Hybrid-Astar 以车辆的运动学模型为节点，以当前点到终点的Astar距离和RS距离两者最大的距离作为H(n)函数的估计代价，使用matlab实现（2016a以上版本）
- 光储电压电流双环并网控制MATLAB仿真，包含光伏阵列模型、MPPT升压回路、储能电池模型、电压电流双环控制模型等，模型中各个环节均有注释，还有对仿真的讲解Word文件
- 2024年下半年小红书热门行业趋势报告解析
- 模块化多电平流器，MMC-HVDC直流输电系统，单个桥臂4个子模块（5电平），采用载波移相调制 simulink仿真模型 直流电压4KV，功率等级5MW 流站1：定直流母线电压控制+定无功功率控制；
- 【PMSM自抗扰控制】 PMSM 永磁同步电机 ADRC 自抗扰控制 matlab simulink 仿真 （1）采用转速、电流双闭环控制； （2）外环转速环，采用ADRC控制器控制； （3）内环电
- PFC单轴压缩声发射模拟演化规律及胶结破坏能监测
- 红外小目标检测中的深度学习方法:HCF-Net层次化上下文融合网络模型及其应用
- 基于时变干扰观测器和调节边界层厚度滑模控制的微机电系统陀螺仪鲁棒控制方法
- 源码-基于SSM的儿童玩具商城系统的设计与实现
- CNC机床预测健康管理及故障诊断数据集构建与分类算法研究
- yolo+吸烟数据集+目标检测+机器视觉识别+5000张图片抽烟识别数据集
- 星环大数据平台手册详细使用过程
- 机器学习中基于Adaboost的MAGIC伽马射电望远镜数据分类与性能评估
- MATLAB实现图像处理与机器视觉项目任务-Swinburne大学机器视觉课程作业
- 脑启发决策脉冲神经网络及其应用于无人机自主任务
- 【Unity天气和天空系统插件】Enviro 3 - Sky and Weather
