这两天天天在玩，小程序基本上开发完了，但是审核被卡住了，说服务类目只能以企业为主体，后期准备再将内容再写一份web端

功能list

• bug退出登录之后，之前的记录丢失
• 修改编辑按钮的UI
• 点击退出的登录时候加个提示
• 提交成功之后就跳转到首页
• 搜索里选中时间有bug
• 增加一个编辑表单
• 完成状态值要入库，搜索的时候不推荐已完成数据
• 增加编辑和状态改变的接口
• 编辑提交前端编写
• 弹出的备注框ui有bug

在uniapp中，如果需要同时发送请求到两个接口，并将两个接口返回的结果拼接到一个数组里，可以通过Promise或async/await来实现
promise.all可以同时处理多个异步操作，并在所有操作完成后返回一个数组，包含每个操作的结果
示例

onLoad() {
    this.fetchData();
  },
  
  fetchData() {
      // 定义两个 POST 请求
      const request1 = uni.request({
        url: 'https://api.example.com/endpoint1', // 第一个接口地址
        method: 'POST',
        data: { key1: 'value1' } // 第一个接口的请求数据
      });
const request2 = uni.request({
        url: 'https://api.example.com/endpoint2', // 第二个接口地址
        method: 'POST',
        data: { key2: 'value2' } // 第二个接口的请求数据
      });
      // 使用 Promise.all 同时发送两个请求
      Promise.all([request1, request2])
        .then(([response1, response2]) => {
          // 提取两个接口返回的数据
          const data1 = response1[1].data; // uni.request 返回的是一个数组，数据在第二个元素中
          const data2 = response2[1].data;

          // 将两个接口的数据拼接到 dataList 中
          this.dataList = [...data1, ...data2];
        })
        .catch((error) => {
          console.error('请求失败：', error);
          uni.showToast({ title: '加载失败', icon: 'none' });
        });
    }
  }

uni.request发请求的时候

data里key要改不然后端获取不到

uniapp里实现一个按钮，点击切换“已完成”和“未完成”状态的问题

 <button 
      :class="['status-btn', status ? 'completed' : 'uncompleted']"
      @click="toggleStatus"
    >
      {{ status ? '已完成' : '未完成' }}
    </button>
    
    
    data() {
    return {
      status: false // 初始状态：未完成
    }
  },
  
  
  toggleStatus() {
      this.status = !this.status
      // 如果需要执行其他操作可以在这里添加
    }

使用前端的方式，给data的每个对象添加字段，并且赋值，不需要从后端添加，使用map方法

// 为 data1 的每个对象添加 type 字段，值为 1
    const data1WithTypes = data1.map(item => ({
      ...item,
      type: 1
    }));

    // 为 data2 的每个对象添加 type 字段，值为 2
    const data2WithTypes = data2.map(item => ({
      ...item,
      type: 2
    }));

    // 合并两个数组
    this.dataList = [...data1WithTypes, ...data2WithTypes];

js的map方法里可以一次性添加多个新字段

const newData = data1.map(item => ({
  ...item,        // 展开原对象的所有属性
  newField1: 值1, // 添加新字段1
  newField2: 值2  // 添加新字段2
  // 可以继续添加更多字段...
}));

美化UI，设置整个页面为淡黄色

page{
		background-color: lightyellow;
	}

页面上两个按钮竖向变横向并排

<template>
  <view>
    <button class="btn">按钮1</button>
    <button class="btn">btn2</button>
  </view>
</template>

<style>
.btn {
  display: inline-block; /* 横向排列 */
  margin-right: 10px;    /* 按钮间距 */
}
</style>

sql里update使用方式

update table1 set name = '1' where id=14;

JPA使用方式

User user = userRepository.findById(id).orElseThrow(
()->new RuntimeException('not found');
);
user.setName('name');
...
userRepository.save(user);

文章内容同步更新到微信公众号：格鸰爱童话