这个项目是一个springboot的简单实用demo,主要包括了springboot中静态资源的配置和控制器的实现。
项目结构
使用的工具是idea,并且用maven构建项目
静态资源配置
在springboot中静态资源一般都放在resources中。resources中有几个文件夹,我来给大家讲解一下他们的区别。
首先public文件夹是用来存放你的css和js文件的,就是html或者jsp中会引用的css与js资源,如果不放在这个文件夹的话会出现404的错误。在public文件夹中存放的文件是可以直接在url中访问到的。
然后是static文件夹,这个文件夹放主页index.html,如果主页不放在这个文件夹里面的话会找不到主页。
最后就是templates文件夹,这个文件夹翻译过来就是模板,实际上存放的就是控制器跳转过来的页面,如果不放在这里控制器跳转的时候会找不到页面的。这也是我在两个文件夹中都有index.html文件的原因。一个用来当主页,一个用来给控制器跳转使用。
前端页面
我定义了两个前端页面,一个用来添加数据,一个用来显示所有数据,css使用了bootstrap,你可以在bootstrap官网中下载,或者直接用在线的资源 bootstrap下载,不用也没事,用了会让你的页面好看一点。下面我来介绍前端页面代码,其中模板引擎使用的是theamleaf
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>书本管理系统</title>
<!-- 新 Bootstrap4 核心 CSS 文件 -->
<link rel="stylesheet" href="modules/css/bootstrap.css">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="modules/jquery-3.2.1.js"></script>
<!-- bootstrap.bundle.min.js 用于弹窗、提示、下拉菜单,包含了 popper.min.js -->
<script src="modules/js/bootstrap.bundle.js"></script>
<!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->
<script src="modules/js/bootstrap.js"></script>
</head>
<body>
<div class="contai