在后端代码的基础上,利用vue框架设计前端界面,至此,用户界面基本成型,后续添加其他进阶功能;
另,前后端交互相关:
UsersVO.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层接收: