Springboot+Mybatis+Layer 前后端数据表格交互

1.先简单写个前端页面,我用的HTML,页面可以去layer官网开发文档里取表格的实例;

页面要放在src/resources下的templates文件下,你也可以自定义文件,需要在application.yml 里修改路径

url改成你自己的控制层接口路径,注意是取数据的路径

2.后端controller控制层

3.接口以及实现

4.持久层用的mybatis逆向工程,会自动生成持久层代码,Mapper,mapping文件都是现成的,除了Mapper加一下注解其他的基本不用修改。直接使用方法拼接sql查询即可,就不放代码了。

到这边是不是很简单,重点来了。Chrome访问之后,页面显示了一堆json数据

后来发现springboot没有web.xml文件之后,配置全自动默认。我在controller控制层里写了一个接口传数据,仅仅是传数据,完全没有找到页面。那返回的也就只有数据了,说白了跟你写的html一点关系都没有。所以我尝试在控制层又写了一个return 页面名称的接口。

直接访问这个页面,layui里面url属性连的你控制层返回数据的接口

========================================================================================

再避个坑

以往我们return 一个页面名称的字符串就会找到页面,再进行渲染,在springboot控制层也这样做之后,页面什么都没有返回

原因:以往SSM框架里控制层是用的@Controller +@ResponseBody , Springboot升级了 @RestController ,但用这个注解返回字符串是找不到页面的,你还是需要用SSM那两个才行。所以,改回来,页面就出来了。

完毕

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要实现登录注册前后端交互,可以按照以下步骤进行: 1. 创建一个SpringBoot项目,可以使用Spring Initializr来快速创建。 2. 添加MyBatis依赖,可以在pom.xml文件添加以下依赖: ``` <dependency> <groupId>org.mybatis.spring.boot</groupId> <artifactId>mybatis-spring-boot-starter</artifactId> <version>2.2.0</version> </dependency> ``` 3. 创建数据库表,用于存储用户信息,例如用户ID、用户名、密码等。 4. 创建实体类,用于映射数据库表的字段。 5. 创建Mapper接口,用于定义SQL语句,可以使用注解方式或XML方式。 6. 创建Service层,用于调用Mapper接口,并对返回结果进行处理。 7. 创建Controller层,用于处理前后端交互,接收前端请求参数,并调用Service层进行处理,并返回相应结果给前端。 下面是一个简单的登录注册示例(以注解方式使用MyBatis): User.java ``` public class User { private int id; private String username; private String password; // ... // getters and setters } ``` UserMapper.java ``` @Mapper public interface UserMapper { @Select("SELECT * FROM user WHERE username = #{username} AND password = #{password}") User selectUserByUsernameAndPassword(@Param("username") String username, @Param("password") String password); @Insert("INSERT INTO user (username, password) VALUES (#{username}, #{password})") int insertUser(User user); } ``` UserService.java ``` @Service public class UserService { @Autowired private UserMapper userMapper; public User login(String username, String password) { return userMapper.selectUserByUsernameAndPassword(username, password); } public int register(User user) { return userMapper.insertUser(user); } } ``` UserController.java ``` @RestController public class UserController { @Autowired private UserService userService; @PostMapping("/login") public Result login(@RequestParam("username") String username, @RequestParam("password") String password) { User user = userService.login(username, password); if (user != null) { return Result.success("登录成功", user); } else { return Result.fail("用户名或密码错误"); } } @PostMapping("/register") public Result register(@RequestBody User user) { int result = userService.register(user); if (result > 0) { return Result.success("注册成功", user); } else { return Result.fail("注册失败"); } } } ``` 在上述示例,我们定义了一个UserController类,用于处理前后端交互。其,@RestController注解用于标记该类为RESTful服务,@PostMapping注解用于标记该方法接收POST请求,@RequestParam注解用于接收请求参数,@RequestBody注解用于接收请求体的参数。 最后,我们需要定义一个Result类,用于封装返回结果: ``` public class Result { private int code; private String message; private Object data; // ... // getters and setters } ``` 通过封装Result类,我们可以统一返回结果的格式和内容,方便前端进行处理。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值