在后端代码的基础上,利用vue框架设计前端界面,至此,用户界面基本成型,后续添加其他进阶功能;
另,前后端交互相关:
UsersVO.java
java
package com.roncoo.education.user.feign.interfaces.vo;
import lombok.Data;
import lombok.experimental.Accessors;
import java.io.Serializable;
/**
* <p>
* ADMIN-用户信息
* </p>
*/
@Data
@Accessors(chain = true)
public class UsersVO implements Serializable {
private static final long serialVersionUID = 1L;
private Long id;
private String mobile;
private String nickname;
private Integer userSex;
private Integer userAge;
private String userHead;
private String studentNumber;
private String school;
}package com.roncoo.education.user.feign.interfaces.vo;
import lombok.Data;
import lombok.experimental.Accessors;
import java.io.Serializable;
/**
* <p>
* ADMIN-用户信息
* </p>
*/
@Data
@Accessors(chain = true)
public class UsersVO implements Serializable {
private static final long serialVersionUID = 1L;
private Long id;
private String mobile;
private String nickname;
private Integer userSex;
private Integer userAge;
private String userHead;
private String studentNumber;
private String school;
}
UsersDaoImpl.java重写deleteById, updateById,save等增删改查方法:
为实现前后端通信,更改用户信息,需在后端Controller层接收: