从0开始搭建SpringBoot+BootStrap的物资管理网站(一)初步集成springboot,mybatis并连接数据库

本文介绍了如何从零开始构建一个基于SpringBoot、Mybatis、MySQL的物资管理网站,包括项目创建、数据库关联、前端组件使用等步骤。通过IDEA创建项目,添加相关依赖,配置数据库,实现数据的增删改查操作。
摘要由CSDN通过智能技术生成

IDEA从0开始搭建SootStrap+SpringBoot+SpringSecurity+Mybatis+MySQL的物资管理网站(一)

前言

这是我写的第一个物资管理网站,从2019年11月13日开始,断断续续写了一个多月直到圣诞节前夕部署上了服务器,前一段时间一直在准备论文开题,所以文章现在陆续发布,第一次的练手网站,代码一点也不优雅,后面要努力地规范起来并进行重构,我尽可能写的详细些,如果哪里出现了问题,请各位多多指教。

用到的组件(或技术项)

本项目用到的组件如下:

  1. SpringBootspringboot官网快速上手版本:2.2.2(之后会采用2.0.7版本的,高于此版本jquery.validate前端校验时会失效,后面遇到了会详说)。
  2. Mybatis:优秀的持久层框架,让我们通过配置xml文件就可以对数据库进行操作;
  3. MySQL:关系型数据库管理系统;
  4. SpringSecurity:Spring官方的安全框架,功能为:认证 (你是谁),授权 (你能干什么),攻击防护 (防止伪造身份)官方快速上手实例
  5. BootStrap:简洁美观的前端框架BootStrap官网下载
  6. Jquery.validate前端验证框架,让你的表单校验变得简洁高效jquery.validate下载
  7. pageHelper:Mybatis的分页功能插件,让分页逻辑简单明了官方使用说明

本项目是基于上述主要技术或组件带有前后端校验采用restful风格的接口建立的网站
初步用到的开发工具或软件
1.IntelliJ IDEA
2.Navicat Premium
3.postman(可用可不用)
还有git那些就多不说了

IDEA中创建项目

new一个project
在这里插入图片描述
将项目的包名和项目名称对应地填好
创建项目
之后选择对应的组件并添加:
在这里插入图片描述
选好之后选择项目存放的位置就可以了,接下来等待idea帮你构建项目就好。
在这里插入图片描述
IDEA右下角弹出的这个选项可以让maven在我们每次修改完依赖之后自动帮我们导入,建议勾选。

等项目初始化工作完成后,新建几个package,新建完成后项目结构如下
在这里插入图片描述
在controller包下新建IndexController

@Controller
public class IndexController {
   

    @ResponseBody
    @RequestMapping("/")
    public String hello(){
   
        return "Hello springBoot!";
    }

}

然后点击
在这里插入图片描述
控制台信息,springboot启动
在这里插入图片描述
打开浏览器输入localhost:8080/就可以看到
在这里插入图片描述
说明你的springboot初步配置没什么问题
pom.xml

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>
    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.2.2.RELEASE</version>
        <relativePath/> <!-- lookup parent from repository -->
    </parent>
    <groupId>com.c137leo</groupId>
Spring Boot 是一个基于 Spring 框架的快速开发 Web 应用程序的框架,Bootstrap 是一个流行的前端框架,FreeMarker 是一种模板引擎。它们可以一起使用来构建一个完整的后台管理系统。 下面是搭建后台管理系统的步骤: 1. 创建 Spring Boot 项目 使用 Spring Initializr 创建一个新的 Spring Boot 项目。在选择依赖时,选择 Web、FreeMarker 和 Thymeleaf(或者其他模板引擎)。 2. 集成 Bootstrap 在 pom.xml 文件中添加 Bootstrap 的依赖: ``` <dependency> <groupId>org.webjars</groupId> <artifactId>bootstrap</artifactId> <version>4.6.0</version> </dependency> ``` 在 application.properties 中配置静态资源路径: ``` spring.resources.static-locations=classpath:/META-INF/resources/,classpath:/resources/,classpath:/static/,classpath:/public/,classpath:/webjars/ ``` 3. 集成 FreeMarker 在 pom.xml 文件中添加 FreeMarker 的依赖: ``` <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-freemarker</artifactId> </dependency> ``` 在 application.properties 中配置 FreeMarker 的模板路径: ``` spring.freemarker.template-loader-path=classpath:/templates/ ``` 4. 创建控制器 创建一个控制器来处理请求和渲染模板。可以使用 @Controller 注解来标记控制器: ```java @Controller public class HomeController { @GetMapping("/") public String index() { return "index"; } } ``` 5. 创建模板 在 templates 目录下创建 index.ftl 模板文件,使用 Bootstrap 的样式和组件来构建页面。 ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>后台管理系统</title> <link rel="stylesheet" href="/webjars/bootstrap/4.6.0/css/bootstrap.min.css"> </head> <body> <nav class="navbar navbar-expand-lg navbar-light bg-light"> <a class="navbar-brand" href="#">后台管理系统</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav"> <li class="nav-item active"> <a class="nav-link" href="#">首页 <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" href="#">用户管理</a> </li> <li class="nav-item"> <a class="nav-link" href="#">订单管理</a> </li> </ul> </div> </nav> <div class="container"> <div class="row"> <div class="col-md-12"> <h1>欢迎来到后台管理系统</h1> </div> </div> </div> <script src="/webjars/jquery/3.6.0/jquery.min.js"></script> <script src="/webjars/bootstrap/4.6.0/js/bootstrap.min.js"></script> </body> </html> ``` 6. 运行应用程序 在控制台中运行应用程序: ``` mvn spring-boot:run ``` 访问 http://localhost:8080/ 即可看到后台管理系统的首页。 总之,Spring BootBootstrap 和 FreeMarker 的结合可以让我们快速开发出一个美观、实用的后台管理系统。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值