2020-10-09-x

2020-10-09

todo-list

• yy
• jpa的createTime和updateTime的问题

record-list

• 找到问题原因了，之所以新增保存时也会有修改时间，是因为hibernate在新增操作执行完成之后又执行了一次update，这是hibernate的机制的原因导致的，
  所以不用进行额外的处理，就这样吧，猜测是多表关联的时候，在插入子表后需要重新更新主表的数据。

• javascript的动态属性

  let keys = Object.keys(this.mainData);
  
  // keys.forEach(key => {
  //     let check = this.mainDataCheck[key];
  //     if (check.required && this.isEmpty(this.mainData[key])) {
  //         result.flag = false;
  //         result.msg = '[主要信息]的【' + check.comment + '】不能为空';
  //         return result;
  //     }
  // });
  
  for (let i = 0; i < keys.length; i++) {
      let key = keys[i];
      let check = this.mainDataCheck[key];
      let value =  this.mainData[key];
      if (check.required && this.isEmpty(value)) {
          result.flag = false;
          result.msg = '[主要信息]的【' + check.comment + '】不能为空';
          return result;
      }
  }
  
  // 保存后根据动态根据相同名称的属性来赋值
  let keys = Object.keys(this.mainData);
  for (let i = 0; i < keys.length; i++) {
      let key = keys[i];
      this.mainData[key] = data[key];
  }

• 折腾够了JPA的CreateTime和UpdateTime了,最终决定就用hibernate的实现

/**创建时间*/
@Column(name = "CREATE_TIME", insertable = true, updatable = false, nullable = false)
@ApiModelProperty(value = "创建时间")
@CreationTimestamp
//@CreatedDate
@Temporal(TemporalType.TIMESTAMP)
@JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss", timezone = "GMT+8")
private Date createTime;

/**修改时间*/
@Column(name = "UPDATE_TIME", insertable = false, updatable = true, nullable = true)
@ApiModelProperty(value = "修改时间")
@UpdateTimestamp
//@LastModifiedDate
@Temporal(TemporalType.TIMESTAMP)
@JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss", timezone = "GMT+8")
private Date updateTime;

• edit页面完成，开始list页面

• list页面中的时间选择组件，找一个引入吧，或者改造成组件也行

• nodejs设置内网代理

  npm config set proxy=http://10.244.186.81:8088

• 安装yarn,用 Chocolatey 安裝

  choco install yarn

• 没搞清楚怎么引入Ant Design of Vue的按需加载的组件

home-record-list

*

reference-site-list

Spring Data JPA

• Java JPA设置默认值、Timestamp设置、自动获取时间
• Spring Data JPA 的时间注解：@CreatedDate 和 @LastModifiedDate

Vue

• Ant Design of Vue DatePicker 日期选择框
• 在 vue-cli 3 中使用Ant Design of Vue
• 基于vue-cli 3.x的ant-design-vue初体验
• 记一次使用ant-design-vue+vue-cli 3.0经历
• ant-design-vue组件的三种加载方式
• vue中如何引入Ant Design of Vue