因为疫情的原因没有办法开学,于是我为女朋友设立了一个奖励她的机制,督促她好好学习,好好生活
后来我琢磨这这积分,每天靠人记住也不是一个办法呀,于是就想着做一个springboot的小项目,部署到云端,帮助记一下,顺便复习一下springboot的知识
项目技术由于项目比较简单,所以用到的技术比较简单
数据库:mysql
后端框架:spring-boot,mybatis,spring-mvc
前端渲染引擎:thymeleaf
前端网页制作:Adobe Photoshop 2021,vscode
前端部分当然是先让我的小仙女挑选一个喜欢的模板了
这是我们的模板
捣鼓了半天弄成这个样子
后端部分首先把之前说过的包引入一下
pom文件
mysql mysql-connector-java org.springframework.boot spring-boot-starter-thymeleaf org.springframework.boot spring-boot-starter-data-jdbc org.springframework.boot spring-boot-starter-web org.springframework.boot spring-boot-devtools runtime true org.mybatis.spring.boot mybatis-spring-boot-starter 2.1.4 org.projectlombok lombok true org.springframework.boot spring-boot-starter-test test org.springframework.boot spring-boot-maven-plugin org.projectlombok lombok
导入依赖
server:
port: 8081
spring:
datasource:
url: jdbc:mysql://8.142.109:3306/javaee
username: root
password: 123456
driver-class-name: com.mysql.jdbc.Driver
把我们的静态文件导入进来
在HTML中导入我们的thymeleaf
之后先写我们的Controller类
package com.example.adddata.Controller;
import com.example.adddata.Bean.Data;
import com.example.adddata.Mapper.DataMapper;
import com.example.adddata.Service.DataService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
@Controller
public class DataController {
@Autowired
DataService dataService;
@GetMapping("/")
public String data(Model model){
String data = dataService.getData();
System.out.println(data);
model.addAttribute("data",data);
return "index";
}
@GetMapping("/add")
public String addData(Model model){
dataService.addData("10");
return "forward:/";
}
@GetMapping("/reduce")
public String reduceData(Model model){
dataService.reduceData("10");
return "forward:/";
}
}
Service类
@Service
public class DataServiceImpl implements DataService {
@Autowired
DataMapper dataMapper;
@Override
public String getData() {
Data data = dataMapper.getData();
String data1 = data.getData();
return data1;
}
@Override
public void addData(String data) {
Integer A = Integer.parseInt(data);
Data data1 = dataMapper.getData();
String data2 = data1.getData();
Integer B = Integer.parseInt(data2);
dataMapper.addData(String.valueOf((B+A)));
}
@Override
public void reduceData(String data) {
Integer A = Integer.parseInt(data);
Data data1 = dataMapper.getData();
String data2 = data1.getData();
Integer B = Integer.parseInt(data2);
dataMapper.reduceData(String.valueOf((B-A)));
}
}
Mapper类
@Mapper
@Repository
public interface DataMapper {
@Select("select * from data where id = 1")
Data getData();
@Update("UPDATE data set data = #{data} where id = 1")
void addData(String data);
@Update("UPDATE data set data = #{data} where id = 1")
void reduceData(String data);
}
Bean类
public class Data {
@Override
public String toString() {
return "Data{" +
"id=" + id +
", data='" + data + ''' +
'}';
}
public Integer getId() {
return id;
}
public void setId(Integer id) {
this.id = id;
}
public String getData() {
return data;
}
public void setData(String data) {
this.data = data;
}
Integer id;
String data;
}
数据库
云端部署因为mysql本身已经部署到云端是所以只需要把springboot打成jar包然后部署就可以了
先clean然后package
之后把jar包移入到云服务器上
后台运行上我们的jar包就ok
nohup java -jar (jar包名) &
这是我们的项目地址:项目
