IDEA搭建一个SpringBoot项目——十分详细(web+mysql)
前排提示:
IDEA版本:IntelliJ IDEA 2021.1.1 专业版(是否为专业版影响不大)
搭建目的:前端web页面能sql教程够python基础教程获取到MySQL数据库中的数据
详细步骤:
1. 创建一个新项目
File -> New -> Project...
2. 项目环境配置
左侧选择Spring Initializr,右侧对项目一些属java基础教程性进行配置。其中,包名Name为"newDemo",Project SDK默认1.8版本,java选择8(我的jdk是1.8),点击next;
3. 添加依赖项
添加依赖项页面如下:
在添加依赖项环节中,我c#教程们添加Web下的Spring Web,SQL下的MyBatis Framework和MySQL Driver;
右侧可以看见已经选择的依赖;
点击Finish完成vb.net教程项目创建;
4. 创建好的项目结构
5. application.yml配置
将resources文件夹下的application.properties文件后缀名改为yml;
双击进入配置页面,进行端口、数据库和Mybatis的配置,我的配置结果如下;
其中,需要注意的几个地方如下:
端口号设置为默认值:8080;
mysql数据库:edusystem,username:root,password:111111;
mybatis下的type-aliases-package:com.example.newDemo.bean(bean目录马上创建)
mysql数据库需要替换成自己的数据库、用户名和密码;
该部分代码如下(注意缩进):
server:port: 8080spring:datasource:url: jdbc:mysql://localhost:3306/edusystem?serverTimezone=Asia/Shanghai&characterEncoding=utf-8username: rootpassword: 111111driver-class-name: com.mysql.cj.jdbc.Drivermybatis:type-aliases-package: com.example.newDemo.bean
6. web页面测试
在resources的static目录下创建index.html,内容如下;
点击右上角运行按钮;
可见运行成功;
打开浏览器,在地址栏输入localhost:8080,回车;
可见index.html的内容成功显示在页面上。至此,web环境搭建成功,接下来搭建mysql环境。
7. 创建bean、controller、mapper、service四层目录
在newdemo目录下创建bean、controller、mapper、service四层目录,目录结构如下所示;
8. 完善bean层
我的edusystem数据库下的departments表数据如下:
在bean层下建立Depart类,内容如下(属性要和数据表的列一一对应):
package com.example.newdemo.bean;public class Depart {private String id;private String depName;private Integer grades;public String getId() {return id;}public void setId(String id) {this.id = id;}public String getDepName() {return depName;}public void setDepName(String depName) {this.depName = depName;}public Integer getGrades() {return grades;}public void setGrades(Integer grades) {this.grades = grades;}
}
9. 完善mapper层
在mapper层下建立DepartMapper接口,内容如下:
package com.example.newdemo.mapper;import com.example.newdemo.bean.Depart;
import org.apache.ibatis.annotations.Mapper;
import org.apache.ibatis.annotations.Select;import java.util.List;@Mapper
public interface DepartMapper {@Select({"select","id, depName, grades","from departments"})List<Depart> selectAll();
}
10. 完善service层
在service层下建立DepartService接口和DepartServiceImpl实现类,内容分别如下;
DepartService接口:
package com.example.newdemo.service;import com.example.newdemo.bean.Depart;import java.util.List;public interface DepartService {public List<Depart> selectAll();
}
DepartServiceImpl实现类:
package com.example.newdemo.service;import com.example.newdemo.bean.Depart;
import com.example.newdemo.mapper.DepartMapper;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;import java.util.List;@Service("departService")
public class DepartServiceImpl implements DepartService{@Autowiredprivate DepartMapper departMapper;@Overridepublic List<Depart> selectAll() {return departMapper.selectAll();}
}
11. 完善controller层
在controller层下建立DepartController类,内容如下:
package com.example.newdemo.controller;import com.example.newdemo.bean.Depart;
import com.example.newdemo.service.DepartService;
import com.example.newdemo.service.DepartServiceImpl;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RestController;import javax.annotation.Resource;
import java.util.List;@RestController
@RequestMapping("/depart")
public class DepartController {@Resourceprivate DepartService departService = new DepartServiceImpl();@RequestMapping(value = "/selectAll", method = RequestMethod.GET)public List<Depart> selectAll() {List<Depart> list = departService.selectAll();return list;}
}
12. 完善后的项目结构
13. 完善index.html以进行测试
对index.html的内容进行完善,用来获取数据表departments中的数据,内容如下:
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><style>*{margin: 0;padding: 0;}.result{position: fixed;width: 100%;bottom: 0;left: 0;height: 300px;background-color: rgba(0,0,0,.8);color: white;text-align: center;letter-spacing: 2px;padding-top: 20px;font-size: 18px;line-height: 28px;overflow: scroll;}</style>
</head>
<body>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<button style="display: block;margin: 20px auto;width: 160px;height: 60px;" onclick="getAll()">查看院系信息</button>
<div class="result" id="result"></div>
<script>function getAll(){$.ajax({type: "get",url: "depart/selectAll",data: {},success:function (data) {console.log(data)$("#result").empty()for(var i = 0;i < data.length;i++){$("#result").append(JSON.stringify(data[i]) + "<br>")}},});}
</script>
</body>
</html>
14. 点击右上角的运行
15. 打开浏览器,输入localhost:8080
可以看见有一个“查看院系信息”按钮:
点击该按钮,在页面下方得到如下结果:
可见,departments表中的数据成功显示在index页面中,至此,web+mysql环境搭建完毕。
IDEA搭建一个SpringBoot项目——十分详细(web+mysql)相关推荐
- 如何在idea中创建一个SpringBoot项目(超详细教学)
如何在idea中创建一个SpringBoot项目 目录 环境准备 1.1打开IDEA,点击New新建一个项目 1.2 使用Spring Initializr方式构建Spring Boot项目 1.3 ...
- 从0搭建一个Springboot+vue前后端分离项目(一)安装工具,创建项目
从0搭建一个Springboot+vue前后端分离项目(二)使用idea进行页面搭建+页面搭建 参考学习vue官网文档 https://v3.cn.vuejs.org/guide/installati ...
- 使用 idea 创建第一个 springboot 项目
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 如今springboot越来越火,越来越多的公司选择使用springboot作为项目的开发框架,其设 ...
- 第一个SpringBoot程序(详细解析Grounp、Artifact等项目信息含义)
目录 创建第一个springboot项目 方式一:IDEA中创建 1. 创建一个new project 2. 选择Spring Initializr 3. 填写项目信息 4. 选择初始化的组件及spr ...
- 四、创建第一个springboot项目
简介 spring boot 它的设计目的就是为例简化开发,开启了各种自动装配,你不想写各种配置文件,引入相关的依赖就能迅速搭建起一个web工程.它采用的是建立生产就绪的应用程序观点,优先于配置的惯例 ...
- maven 不编译jasper文件_第一个SpringBoot项目、核心配置文件properties(yml、yaml)、集成jsp...
SpringBoot简介及国内关注度 SpringBoot简介: 它用来简化 Spring 应用程序的创建和开发过程,也可以说 Spring Boot 能简化我们之前采用 SpringMVC +Spr ...
- jsp拿不到回显数据_第一个SpringBoot项目、核心配置文件properties(yml、yaml)、集成jsp...
SpringBoot简介及国内关注度 SpringBoot简介: 它用来简化 Spring 应用程序的创建和开发过程,也可以说 Spring Boot 能简化我们之前采用 SpringMVC +Spr ...
- docker 中部署一个springBoot项目
docker 中部署一个springBoot项目 (1)介绍 springBoot项目 1.项目结构 2.pom.xml [java] view plaincopy <?xml version= ...
- 我的第一个SpringBoot项目
创建我的第一个SpringBoot项目. 打开Eclipse右击选择new >> project 进入之后找到SpringBoot点击打开找到Spring Starter Project ...
最新文章
- DSGN:基于深度立体几何网络的3D目标检测(香港大学提出)
- 五角大楼公布UFO报告,不明飞行物到底是什么?(全文)
- 用Xwt构建跨平台应用程序[转载]
- 闲话能力管理(Capacity Management)
- ArrayList和LinkedList的各项操作性能比较
- SFB 项目经验-04-共存迁移-Lync 2013-SFB 2015-Godaddy-更新公网证书
- java影院购票系统开题报告,开题报告-网上电影院购票系统的设计与实现.doc
- 关于举办XX学院“XX杯”网页设计大赛的通知
- python学习(十七) 扩展python
- 如何通过VC的 CHttpFile 抓取网页内容
- 苹果自带相册打马赛克_哥们被绿?iOS 13惊现漏洞,马赛克去除
- [转载]《博客园精华集》WebService筛选结果(共79篇)
- AngularJs自定义指令的详解
- WCF与 WebService的区别
- 从开发到生产上线,如何确定集群大小?
- springcloud 微服务鉴权_推荐 1w+ 星标的 SpringCloud 微服务项目,开发脚手架
- 一.第一周golang学习:--string解析成基本数据类型
- 暴风影音内MEE引擎揭秘
- 入选司法部案例库,效率源协助的这起网络游戏外挂案到底“优”在何处?
- 软件测试笔记本硬件,专业工作站软件测试_惠普笔记本电脑_笔记本评测-中关村在线...