山东大学软件学院项目实训-创新实训-网络安全靶场实验平台（九）

前言：本篇博客主要记录个人中心功能的实现。

一、界面设计

      
        
          
            
               个人信息
               参与课程
               My writeup
            
          
        
        
          
              
              
                
                  
                
                
                  
                
                
                  
                
                
                  保存
                  修改密码
                
              
            

          
            
              
              
                {{ forum.content }}
              
              
                {{ forum.username }}
              
              
                {{ forum.time }}
              
              
                删除
              
            
          


        
      
    

    
      
        
          
        
        
          
        
        
          
        
      
      
      取 消
      确 定
      
    

二、后端编写

ForumController .java中添加：

    @GetMapping("/mywriteup")
    public Result selectbyname(@RequestParam String username){
        List forumList=forumMapper.selectbyname(username,1);
        return Result.success(forumList);
    }

 ForumMapper中添加：
 

    @Select("select * from forum where username=#{username} and state=#{state}")
    List selectbyname(String username,int state);

Usercontroller.java中添加： 

    @PostMapping("/repw")
    public Result repw(@RequestBody UserPasswordDTO userPasswordDTO) {
        String username = userPasswordDTO.getUsername();
        String password = userPasswordDTO.getPassword();
        String newpassword = userPasswordDTO.getNewpassword();
        if (StrUtil.isBlank(username) || StrUtil.isBlank(password) || StrUtil.isBlank(newpassword)) {
            return Result.error(Constants.CODE_400, "参数错误");
        }
        userMapper.updatePassword(userPasswordDTO);
        return Result.success();
    }

    @PostMapping("/rephone")
    public Result rephone(@RequestBody UserDTO userDTO) {
        String username = userDTO.getUsername();
        String password = userDTO.getPassword();
        String phone = userDTO.getPhone();
        if (StrUtil.isBlank(username) || StrUtil.isBlank(password)||StrUtil.isBlank(phone)) {
            return Result.error(Constants.CODE_400, "参数错误");
        }
        userMapper.updatePhone(userDTO);
        return Result.success();
    }

 UserMapper中添加：
 

    @Update("update user set password = #{newpassword} where username = #{username} and password = #{password}")
    int updatePassword(UserPasswordDTO userPasswordDTO);

    @Update("update user set phone = #{phone} where username = #{username} and password = #{password}")
    int updatePhone(UserDTO userDTO);

建立一个新的数据通信类  UserPasswordDTO

import lombok.Data;

@Data
public class UserPasswordDTO {
    private String username;
    private String password;
    private String newpassword;
}

三、功能展示

点击导航栏--个人名称--个人中心

可显示个人基本信息，可以修改电话号码，点击保存即可

也可以修改密码，会d出一个表单，输入用户名、原密码和新密码即可修改

 mywriteup可显示个人发表过的writeup，可以对其进行删除