CREATE DATABASE wechat_login;

USE wechat_login;

-- 創(chuàng)建用戶表
CREATE TABLE `user` (
  `id` bigint(20) NOT NULL AUTO_INCREMENT,
  `open_id` varchar(50) NOT NULL COMMENT '微信OpenID',
  `credential` varchar(50) NOT NULL COMMENT '登錄憑證',
  `create_time` datetime NOT NULL COMMENT '創(chuàng)建時(shí)間',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT='用戶表';

<dependencies>
    <!--Mybatis-Plus-->
    <dependency>
        <groupId>com.baomidou</groupId>
        <artifactId>mybatis-plus-boot-starter</artifactId>
        <version>3.4.2</version>
    </dependency>
    <!-- MySQL驅(qū)動(dòng)程序 -->
    <dependency>
        <groupId>mysql</groupId>
        <artifactId>mysql-connector-java</artifactId>
        <version>8.0.20</version>
    </dependency>
    <!--Swagger2-->
    <dependency>
        <groupId>io.springfox</groupId>
        <artifactId>springfox-swagger2</artifactId>
        <version>3.0.0</version>
    </dependency>
    <dependency>
        <groupId>io.springfox</groupId>
        <artifactId>springfox-swagger-ui</artifactId>
        <version>3.0.0</version>
    </dependency>
</dependencies>

# 數(shù)據(jù)庫(kù)連接信息
spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
spring.datasource.url=jdbc:mysql://127.0.0.1:3306/wechat_login?useUnicode=true&characterEncoding=utf8&allowMultiQueries=true&useSSL=false&serverTimezone=Asia/Shanghai
spring.datasource.username=root
spring.datasource.password=root

# Mybatis配置
# 配置Mapper的掃描路徑
mybatis-plus.mapper-locations=classpath:mapper/*.xml
# 開啟實(shí)體注解掃描
mybatis-plus.typeAliasesPackage=com.springboot.mybatismplus.entity
# 開啟邏輯刪除
mybatis-plus.global-config.db-config.logic-delete-value=1
mybatis-plus.global-config.db-config.logic-not-delete-value=0
mybatis-plus.global-config.refresh=true

# swagger-ui配置
# 訪問路徑：http://localhost:8080/swagger-ui.html
swagger.title=Spring Boot Example
swagger.description=Spring Boot Example API Document
swagger.version=1.0.0
swagger.controller.package=com.springboot.mybatismplus.controller

public class UserEntity implements Serializable {

    private static final long serialVersionUID = 1L;

    @TableId(type= IdType.AUTO)
    private Long id;

    @TableField("open_id")
    private String openId;

    private String credential;

    @TableField("create_time")
    private LocalDateTime createTime;

    // getters and setters
}

public interface UserMapper extends BaseMapper<UserEntity> {

    /**
     * 根據(jù)OpenID查詢用戶信息
     */
    UserEntity selectByOpenId(String openId);

}

@Service
public class UserServiceImpl extends ServiceImpl<UserMapper, UserEntity> implements UserService {

    @Autowired
    private UserMapper userMapper;

    /**
     * 根據(jù)OpenID查詢用戶信息
     */
    @Override
    public UserEntity selectByOpenId(String openId) {
        return userMapper.selectByOpenId(openId);
    }

}

@RestController
@RequestMapping("/user")
@Api(tags = "用戶管理")
public class UserController {

    @Autowired
    private UserService userService;

    /**
     * 用戶登錄接口
     */
    @PostMapping("/login")
    @ApiOperation(value = "用戶登錄", notes = "首次登錄需使用微信注冊(cè)")
    public Result<UserEntity> login(@RequestParam("openId") String openId, @RequestParam("credential") String credential) {
        UserEntity user = userService.selectByOpenId(openId);
        if (user == null) {
            throw new BusinessException("該用戶不存在");
        }
        if (!user.getCredential().equals(credential)) {
            throw new BusinessException("登錄憑證不正確");
        }
        return Result.success(user);
    }

    /**
     * 用戶注冊(cè)接口
     */
    @PostMapping("/register")
    @ApiOperation(value = "用戶注冊(cè)", notes = "注冊(cè)成功后可使用微信直接登錄")
    public Result<UserEntity> register(@RequestBody UserEntity user) {
        boolean result = userService.save(user);
        if (!result) {
            throw new BusinessException("注冊(cè)失敗，請(qǐng)檢查輸入?yún)?shù)");
        }
        return Result.success(user);
    }

}

<template>
  <div class="login-page">
    <van-field v-model="openId" label="微信OpenID" placeholder="請(qǐng)輸入微信OpenID" />

    <van-field type="password" v-model="credential" label="登錄憑證" placeholder="請(qǐng)輸入登錄憑證" />

    <van-button type="primary" :disabled="!openId || !credential" class="login-button" @click="login">登錄</van-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      openId: '',
      credential: ''
    };
  },
  methods: {
    login() {
      if (!this.openId || !this.credential) {
        this.$toast('請(qǐng)?zhí)顚懲暾卿浶畔?);
        return;
      }
      // TODO: 調(diào)用后端接口處理登錄邏輯
    }
  }
};
</script>

<template>
  <div class="register-page">
    <van-form
      ref="form"
      label-position="top"
      :rules="rules"
    >
      <van-field v-model="openId" label="微信OpenID" placeholder="請(qǐng)輸入微信OpenID" />

      <van-field type="password" v-model="credential" label="登錄憑證" placeholder="請(qǐng)輸入登錄憑證" />

      <van-button type="primary" :disabled="!isFormValid" class="register-button" @click="register">注冊(cè)</van-button>
    </van-form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      openId: '',
      credential: '',
      rules: {
        openId: [
          { required: true, message: '請(qǐng)輸入微信OpenID', trigger: 'blur' }
        ],
        credential: [
          { required: true, message: '請(qǐng)輸入登錄憑證', trigger: 'blur' },
          { min: 6, max: 20, message: '登錄憑證長(zhǎng)度為6到20個(gè)字符', trigger: 'blur' }
        ]
      }
    };
  },
  computed: {
    isFormValid() {
      return this.$refs.form.validate();
    }
  },
  methods: {
    register() {
      if (!this.isFormValid) {
        this.$toast('請(qǐng)?zhí)顚懲暾?cè)信息');
        return;
      }
      // TODO: 調(diào)用后端接口進(jìn)行注冊(cè)操作
    }
  }
};
</script>