注意:这种方法没有使用Service接口,是直接从数据库里取数据使用
思路
先建数据库,然后再建后端服务器,最后把数据放在前端展示。
第一步:使用MySQLworkbench新建一个数据库
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/0c4fdc21c4574a55bddc6883dd51a055.png如果出现不能添加汉字的问题,需要检查一下是否将编码设置成了UTF-8,详细参考资料:
MySQL在表中插入中文时报错:ERROR 1366 (HY000)/ Incorrect string value/ ‘\xE6\x9D\x8E\xE5\x8B\x87’ for column 'S
第二步:在Idea里新建一个SpringBoot项目
1.在Idea里使用Spring初始化快速建立一个空的项目。注意语言要使用java,类型要选择Maven, JDK和 java版本要对应。
如果默认的maven地址没有1.8,可以改成阿里云的地址
详细参考资料:阿里云maven仓库地址
2.在依赖项里添加SpringWeb依赖
3.修改目录为
第三步:在Springboot里完成后端
后端作用是将数据库里的文件转换成json数据在前端显示
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>
<groupId>com.example</groupId>
<artifactId>demo</artifactId>
<version>0.0.1-SNAPSHOT</version>
<name>demo</name>
<description>demo</description>
<properties>
<java.version>1.8</java.version>
<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
<project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
<spring-boot.version>2.6.13</spring-boot.version>
</properties>
<dependencies>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-jdbc</artifactId>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
</dependency>
<dependency>
<groupId>org.mybatis.spring.boot</groupId>
<artifactId>mybatis-spring-boot-starter</artifactId>
<version>2.2.2</version>
</dependency>
<dependency>
<groupId>org.projectlombok</groupId>
<artifactId>lombok</artifactId>
</dependency>
<dependency>
<groupId>com.mysql</groupId>
<artifactId>mysql-connector-j</artifactId>
<scope>runtime</scope>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-test</artifactId>
<scope>test</scope>
</dependency>
</dependencies>
<dependencyManagement>
<dependencies>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-dependencies</artifactId>
<version>${spring-boot.version}</version>
<type>pom</type>
<scope>import</scope>
</dependency>
</dependencies>
</dependencyManagement>
<build>
<plugins>
<plugin>
<groupId>org.apache.maven.plugins</groupId>
<artifactId>maven-compiler-plugin</artifactId>
<version>3.8.1</version>
<configuration>
<source>1.8</source>
<target>1.8</target>
<encoding>UTF-8</encoding>
</configuration>
</plugin>
<plugin>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-maven-plugin</artifactId>
<version>${spring-boot.version}</version>
<configuration>
<mainClass>com.example.demo.DemoApplication</mainClass>
<skip>true</skip>
</configuration>
<executions>
<execution>
<id>repackage</id>
<goals>
<goal>repackage</goal>
</goals>
</execution>
</executions>
</plugin>
</plugins>
</build>
</project>
application.yml
spring:
datasource:
username: root
password: Xblix
driver-class-name: com.mysql.cj.jdbc.Driver
url: jdbc:mysql://localhost:3306/demo?characterEncoding=utf8&useSSL=false&serverTimezone=GMT%2B8&allowPublicKeyRetrieval=true
server:
port: 8081
mybatis:
type-aliases-package: com.example.demo.entity
mapper-locations: classpath:mapper/*.xml
User
import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
@Data
@NoArgsConstructor
@AllArgsConstructor
public class User {
private int id;
private String name;
private String password;
private String position;
}
UserMapper
package com.example.demo.mapper;
import com.example.demo.entity.User;
import org.apache.ibatis.annotations.Mapper;
import org.springframework.stereotype.Repository;
import java.util.List;
@Mapper
@Repository
public interface UserMapper {
//添加用户
int addUser(User user);
//删除用户
int deleteUserById(int id);
//查询用户(根据id)
User queryUserById(int id);
//查询全部用户
List<User> queryAllUser();
//修改用户
int updateUser(User user);
}
UserMapper.xml
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper
PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
"http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.example.demo.mapper.UserMapper">
<insert id="addUser" parameterType="User">
insert into user(name,password,position) values (#{name}, #{password}, #{position})
</insert>
<delete id="deleteUserById" parameterType="int">
delete from user where id = #{id}
</delete>
<select id="queryUserById" parameterType="int" resultType="User">
select * from user where id = #{id}
</select>
<select id="queryAllUser" resultType="User">
select * from user
</select>
<update id="updateUser" parameterType="User">
update user set name = #{name},password = #{password},position = #{position}
where id = #{id}
</update>
</mapper>
UserController
package com.example.demo.controller;
import com.example.demo.entity.User;
import com.example.demo.mapper.UserMapper;
import com.example.demo.mapper.UserMapper;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;
import java.util.List;
@RestController
public class UserController {
@Autowired
UserMapper userMapper;
//查询用户
@GetMapping("/queryAllUser")
public List<User> queryAllUser(){
List<User> userList = userMapper.queryAllUser();
for (User user : userList) {
System.out.println(user);
}return userList;
}
//添加用户,注意数据库是自增主键
@GetMapping("/addUser")
public String addUser(){
int a = userMapper.addUser(new User(88,"小黑","xiaohei","普通员工"));
if(a>0){
return "添加用户成功";
}
return "添加用户失败";
}
//删除用户
@GetMapping("/deleteUserById")
public String deleteUserById(){
int a = userMapper.deleteUserById(16);
if(a>0){
return "删除用户成功";
}
return "删除用户失败";
}
//编辑用户
@GetMapping("/updateUser")
public String updateUser(){
int a = userMapper.updateUser(new User(99,"小绿","xiaolv","高级员工"));
if(a>0){
return "修改用户成功";
}
return "修改用户失败";
}
}