公司有落地的测试平台,光会使用可不够,于是想着自己来从头搭建一套测试平台,小白迈出第一步。
技术选型:springboot+vue element ui
打开 IDEA,选择 springboot 快速启动,添加 mysql、mybatis 依赖。
PS:2 种方式快速创建一个 springboot 项目
(1) 在偏好里的 plugins 选项中,安装 Spring Assistant 插件,下次创建项目时可以通过 Spring Assistant 选项创建
(2) 网站上配置创建好项目,再用 IDEA 打开 https://start.spring.io/
<dependency>
<groupId>org.mybatis.spring.boot</groupId>
<artifactId>mybatis-spring-boot-starter</artifactId>
<version>2.1.4</version>
</dependency>
<dependency>
<groupId>mysql</groupId>
<artifactId>mysql-connector-java</artifactId>
<scope>runtime</scope>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
</dependency>
server.port=8081
spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
spring.datasource.url=jdbc:mysql://127.0.0.1:3306/test?useUnicode=true&characterEncoding=utf8&serverTimezone=GMT
spring.datasource.username=root
spring.datasource.password=123456
-- ----------------------------
-- Table structure for `user`
-- ----------------------------
DROP TABLE IF EXISTS `user`;
CREATE TABLE `user` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`username` varchar(50) DEFAULT NULL,
`password` varchar(50) DEFAULT NULL,
`name` varchar(50) DEFAULT NULL,
PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=10 DEFAULT CHARSET=utf8;
-- ----------------------------
-- Records of user
-- ----------------------------
INSERT INTO `user` VALUES ('1', 'zhangsan', '123', '张三');
INSERT INTO `user` VALUES ('2', 'lisi', '123', '李四');
User.java
package com.syy.testPlatform.bean;
public class User {
//主键
private Long id;
//用户名
private String userName;
//密码
private String password;
//姓名
private String name;
public Long getId() {
return id;
}
public void setId(Long id) {
this.id = id;
}
public String getUserName() {
return userName;
}
public void setUserName(String userName) {
this.userName = userName;
}
public String getPassword() {
return password;
}
public void setPassword(String password) {
this.password = password;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
}
UserDao.java
package com.syy.testPlatform.dao;
import com.syy.testPlatform.bean.User;
import org.apache.ibatis.annotations.Mapper;
import java.util.List;
@Mapper
public interface UserDao {
public List<User> queryUserList();
}
注意:@Mapper标记该类是一个 mybatis 的 mapper 接口,可以被 spring boot 自动扫描到 spring 上下文中
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.syy.testPlatform.dao.UserDao">
<select id="queryUserList" resultType="com.syy.testPlatform.bean.User">
select * from user
</select>
</mapper>
mybatis.type-aliases-package=com.syy.testPlatform.bean
mybatis.mapper-locations=classpath:mapper/*Mapper.xml
在 service 目录下新建 impl 目录,在 impl 目录,新建 UserServiceImpl.java,实现 UserService 接口,controller 调用 service 层,UserServiceImpl.java 代码如下
UserService.java
package com.syy.testPlatform.service;
import com.syy.testPlatform.bean.User;
import java.util.List;
public interface UserService {
List<User> queryUserList();
}
UserServiceImpl.java
package com.syy.testPlatform.service.impl;
import com.syy.testPlatform.bean.User;
import com.syy.testPlatform.dao.UserDao;
import com.syy.testPlatform.service.UserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import java.util.List;
@Service
public class UserServiceImpl implements UserService {
@Autowired
private UserDao userDao;
@Override
public List<User> queryUserList() {
return userDao.queryUserList();
}
}
UserController
package com.syy.testPlatform.controller;
import com.syy.testPlatform.bean.User;
import com.syy.testPlatform.service.UserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.bind.annotation.RestController;
import java.util.List;
@RestController
public class UserController {
@Autowired
private UserService userService;
@RequestMapping("/queryUser")
@ResponseBody
public List<User> queryUser(){
List<User> userList = userService.queryUserList();
return userList;
}
}
启动项目,访问测试接口
http://localhost:8081/queryUser,访问成功
这里只是小白级别的入门
更加全面详细的教程,可以学习这位大神的项目:
https://panjiachen.github.io/vue-element-admin-site/zh/guide/
https://github.com/macrozheng/mall
https://github.com/macrozheng/mall-admin-web