1. mybatis介绍
MyBatis 是一款优秀的持久层框架,它支持定制化 SQL、存储过程以及高级映射。MyBatis 避免了几乎所有的 JDBC 代码和手动设置参数以及获取结果集。MyBatis 可以使用简单的 XML 或注解来配置和映射原生信息,将接口和 Java 的 POJOs(Plain Ordinary Java Object,普通的 Java对象)映射成数据库中的记录。
总得来说,我们使用MyBatis来操作数据库是传统的JDBC方便很多。
新建数据库,新建user表
数据库,我们使用的是mysql5.5版本,具体如何装mysql,去百度吧,我的宝藏都在那里。懒懒的我不喜欢用黑方框命令行,于是在这里,直接使用了mysql自带的workbench,开源免费。
建表语句如下:
2. 后端连接数据库
2.1 新建文件
修改my-user微服务,新建dao,pojo , service,以及在resource文件夹中新建mappers
2.2 修改父项目pom文件
在父项目pom文件中,添加mysql和mybatis依赖
2.3 修改微服务pom文件
在my-user微服务的pom文件中,添加mysql和mybatis依赖
2.4 修改UserApplication.jave文件
添加注解,声明dao接口文件
2.5 修改application.yml文件
添加连接数据库信息
2.6 UserMapper.xml : 与数据库交互信息
2.7 UserDAO.java: 接口文件
我们会发现UserDAO 是一个接口文件,loginSel接口对应于UserMapper.xml中的id="loginSel"方法。
我们传入的参数是一个Map,这样做的好处,日后可知。
2.8 User.java: 实体类文件
2.9 UserService.java: 接口文件
2.10 UserServiceImpl.java: 接口实现类文件
2.11 修改UserController.java文件
3. 前端验证
3.1 新建跳转页面
在前端src/components/login文件夹中,新建Hello.vue。
当登录成功之后,跳转到Hello.vue页面中
3.2 加入router/index.js路由
这一次,我们使用一种新的路由方式,如下图,我感觉这样方便改一些。
3.3 修改login.vue中的login()方法
4. 测试
首先我们打开后端的eureka,zuul,user。前端启动项目,浏览器输入: http://localhost:8080/,进入登录界面
其次,我们要保证数据表user表中已有数据。
输入错误信息,后端返回400
输入正确登录信息,返回200,跳转到Hello页面