Mobile充值(18~20)

最新推荐文章于 2024-03-20 20:51:13 发布

骚人文客

最新推荐文章于 2024-03-20 20:51:13 发布

阅读量344

点赞数

分类专栏：总结做题文章标签： web

本文链接：https://blog.csdn.net/saorenwenke/article/details/110323066

版权

做题同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

总结

2 篇文章 0 订阅

订阅专栏

博客内容涉及移动充值服务的后台和前台处理。在后端实体中，针对时间字段的get方法前添加了@JsonFormat注解进行时间格式化，设定为'yyyy-MM-dd HH:mm:ss'并设置时区为'GMT+8'，确保日期时间的正确显示和序列化。

摘要由CSDN通过智能技术生成

Mobile充值(18~20)

后端实体时间get()方法前面加时间格式化

@JsonFormat(pattern="yyyy-MM-dd HH:mm:ss",timezone = "GMT+8")

前台

<template>
  <div>
    <mHeader>钱包充值</mHeader>
    <div style="text-align:left">
      <mt-cell title="电子钱包充值"></mt-cell>
      <mt-field label="当前余额" v-model="balance" disabled></mt-field>
      <mt-field
        label="充值金额"
        v-model="money"
        placeholder="请输入充值金额"
      ></mt-field>
      <mt-button plain size="large" type="danger" @click="rechange"
        >确认充值</mt-button
      >
    </div>
    <mt-cell>
      <div class="main" slot="title">
        <span style="margin-left: 8px;">ID</span>
        <span style="margin-right:35px;">充值金额</span>
        <span style="margin-right:40px;">充值时间</span>
      </div>
    </mt-cell>
    <mt-cell v-for="(item, index) in cc" :key="index">
      <div class="main" slot="title">
        <span>{{ item.id }}</span>
        <span>{{ item.amount }}</span>
        <span>{{ item.updTime }}</span>
      </div>
    </mt-cell>
  </div>
</template>

<script>
import mHeader from "./header";
export default {
  components: { mHeader },
  data() {
    return {
      balance: null,
      money: null,
      cc: []
    };
  },
  created() {
    this.getbalance();
  },
  methods: {
    getbalance() {
      this.$post(this.$api.API_URL_CUSTOMER_Account, {
        userId: this.$store.getters.user.id
      }).then(res => {
        this.getcc();
        this.balance = res.data.amount;
      });
    },
    rechange() {
      if (this.money > 0) {
        this.$post(this.$api.API_URL_CUSTOMER_Recharge_Account, {
          userId: this.$store.getters.user.id,
          amount: this.money
        }).then(res => {
          if (res.errorCode == 0) {
            this.$toast("充值成功");
          }
        });
      }
    },
    getcc() {
      this.$post(this.$api.API_GETCC, {
        userId: this.$store.getters.user.id
      }).then(res => {
        if (res.errorCode == 0) {
          this.cc = res.data;
        }
      });
    }
  }
};
</script>

<style>
.main {
  display: flex;
  justify-content: space-between;
}
</style>

后台

mapper  
<select id="getAccountByUserId" parameterType="int"  resultType="com.sybinal.shop.model.Account">
        SELECT a.id,a.amount,a.updtime FROM account a JOIN `user` b ON a.username = b.user_name WHERE b.id = 123518  and a.source="充值"
    </select>
        
service
    @Override
    public List<Account> getAccountByUserId(Map<String, Object> reqMap) {
        int userId = Integer.parseInt(reqMap.get("userId").toString());
        return accountMapper.getAccountByUserId(userId);
    }

controller
        @RequestMapping(value = "/account/getcc", method = RequestMethod.POST, headers = "Accept=application/json")
    public ApiResponseObject getrecord(@RequestBody Map<String, Object> reqMap) {

        return reponseJSON(ApiResponseEnum.SUCCESS.getCode(), ApiResponseEnum.SUCCESS.getName(),
                accountService.getAccountByUserId(reqMap));

    }