项目情景问答(二)

发布时间 2024-01-02 22:13:40作者: 奕帆卷卷

你负责开发的这个模块,说(画)一下它们的表结构关系?

护理模块:

  • 护理计划与护理项目为多对多
  • 护理等级与护理计划为一对一

什么是E-R图,有什么作用?

  1. E-R图,也称实体-关系图,是用来显示了实体集之间关系的。它提供了表示实体类型、属性和联系的方法;用来描述现实世界的概念模型。ER模型是数据库的设计或蓝图,以后可以作为数据库实现;实体集是一组相似的实体(数据模型中的数据对象),这些实体可以具有属性。在数据库系统中,实体是数据库中的表或表中的属性,因此通过显示表及其属性之间的关系,ER图显示了数据库的完整逻辑结构。

如何设计表呢?

  1. 查看需求文档、统计项目有多少功能,推导出数据库表
    1. 先了解整个项目是做什么的,要有哪些功能
    2. 分析项目需求,需要哪些功能完成,从而得出有哪些表
  2. 确定每张表的字段,以及表与表之间的关系
    1. 如何确定每张表有哪些字段(必须对数据库基本知识熟练掌握)
      • 将一张表看成一个对象,描述该对象的属性,属性就是字段,项目中需要多少属性才能描述清楚一个对象就有多少字段。
      • 字段需要避免关键字;jin英文,不用拼音;字段类型尽量对应,避免都使用String。
    2. 如何确定表与表之间的关系(表与表之间有三种关系)
      • 一对多:在多的一方放外键字段
      • 多对多:有中间表
      • 一对一:相对使用少
    3. 要避免数据冗余(非绝对),遵守三大范式,设计出的数据库,bug率能有效降低
  3. 使用SQL语句或数据库工具,wanchengshu

你在项目中负责了哪些前端的工作?什么模块呢?

负责护理模块,入住模块等的前端页码搭建

你对Vue熟悉吗?说一些vue常见的命令?

v-if指令和v-show指令:两个指令用于条件性地渲染DOM元素。

(v-if根据表达式的真假来决定是否渲染元素,而v-show则通过改变CSS的display属性来控制元素的显示和隐藏)

v-for指令:可以用来遍历数组或对象,并根据每个元素生成相应的DOM元素(v-for="(item, index) in items)。

v-bind指令:用于动态绑定HTML属性(“:”来替代v-bind)。

v-on指令:用于监听DOM事件,并执行相应的JavaScript代码(“@”来替代v-on)。

v-model指令:用于实现双向数据绑定

(将表单元素的值与Vue实例的数据属性进行关联,使得数据的变化能自动反映到表单元素中,同时用户在表单元素中的输入也会影响数据的变化)

v-text指令:用于将数据绑定到元素的textContent属性上,可以理解为将数据以文本的形式插入到元素中

v-html指令:用于将数据绑定到元素的innerHTML属性上,可以将数据作为HTML解析并插入到元素中

你用过哪些Vue3的组合式API,它们有什么作用?

ref函数:

  • 定义一个响应式的数据
  • const xxx = ref(“value”)
  • 接收的数据类型可以是基本数据类型也可以是引用数据类型
  • 监听value的改变,劫持value属性的get和set
  • 一般用在基本数据,或者引用数据的嵌套层级不深的数据上

reactive函数:

  • 定义一个引用类型的响应式数据(定义引用数据类型(只能定义引用数据类型))
  • const 代理对象 = reactive(源对象)
  • 深层次的处理了对象,不管对象有多深多做了响应式
  • reactive定义的响应式数据是“深层次的”

setup:

  • Vue3.0中一个新的配置向,值为一个函数
  • setup是所有Composition API(组合API) ”表演的舞台“
  • 组件中所有用到的:数据、方法等等,均要配置在setup中
  • setup执行的时机是在beforeCreate生命函数之前执行

watch函数:

  • 监听对象:引用对象(ref)、响应式对象(reactive object)、数组(array)
  • 监视reactive定义的响应式数据时,oldvalue无法正确获取,强制开始了深度监视(deep的配置失效)
  • 监视reactive定义的响应式数据的某一个值时:deep配置有效