2022/2/15

关于接口传参，要小心传入的实参与形参形式不一致的情况。
如果传入的实参是一个对象，形参也应该以对象的形式接收，而不是以对象的参数的形式接收。
如：
const res = await usersign.allList({
page: curPage.value,
size: 10,
keyword: ‘’,
festival: 0,
});

那么service下应该是：（data)
export const allList = (data) => {
return get(
‘/usersign/alllist’,
data
);
};

用一个data表示就行。data代表的就是一整个对象。

昨天说到切页逻辑，其实切页有两种，一种是给后端做，一种是给前端，然而给前端也是很轻松的，
就是，list从后端拿来的是全部，还要从后端拿到total，就可以知道total是多少了。

因为要求开发的页面已经都开发完了（就差后端给我接口了），以及毕业设计的程序系统已经做完了（但是
毕设论文还没开始写）

现在先看课程，继续进行学习。

关于vue的认知，所谓的vue，就是接管dom，dom里面所有的东西都归vue管。
所以像vue组件的表现形式也是dom。
像dom组件属性的值，向来都是通过js,return返回给模板的，所以组件放在哪，属性的值就归哪个js管。
所以属性的值跟组件没有一定的必然关系。不是一定的从属关系。子组件显示在父组件里的属性，子组件要通过
props去拿，通过context去传。

通过“：”冒号绑定的属性，右边的取值是表达式。

通过样式绑定去修改样式

方法一，通过class属性：（给class属性加冒号，右边就是表达式了)

需要有一个认知，class是一个对象，所以才会{} 这里，activated样式是否显示取决于 isActivated变量的取值

方法二：通过修改class的值去达成修改dom的样式。

方法三：个人认为最好用也是最好理解的就是方法三啦。
通过:style
< div :style=“stylObj” >

原本在div标签里stylObj 相当于 "{color:red}"这种类型
在js中是

data:{
styleObj :{
color:“red”
}
}

9-12 实现文件上传业务

后端安装node-xlsx

xx.parse(xx) parse可以理解为解析。

比如xlsx.parse(xx) --结果是一个像list一样的值。

例子：
const worksheet = xlsx.parse(${_dirname}/test.xlsx);
worksheet[0].data

文件上传的主要逻辑就是把解析出来的数据插入到数据库里。这样就结束了。
其实很简单啦。

后端接口：

PS 额外的：

之前经常就是service 的get ,post 传递参数然后后端接收不到就一直看不懂。
现在知道就是view 的 js ，每次这些方法 ，实参明明传递的就是一个对象，形参却以对象的属性为参数去接收，
所以才会老是出现这种bug。
其实传什么实参无所谓，但是接收参数的形参要跟实参格式一样。

一个关于js很重要的知识点，就是比较！！！！！！

不可以写if(a<b<c)，要写if(a<b && b<c) ，算法并不支持 a<b<c这种计算

今天加了一个业务，可以看出是否有存在重复请假的情况。
实现方法是：将父组件的list传参给子组件，子组件接收list的值，还有和输入的上班日期1和上班日期2进行比较，
从而判断是否存在重复请假同一天的情况。

上传文件在前端用的是a-upload组件，且它没有用到service文件，而是直接通过表单action传送接口数据。这就是
这个组件本身的作用。

关于动态组件。（又是冒号属性。:is可以实现组件的动态更换）
为了实现动态组件，要用组件的另一种写法：
把组件名换成一个变量，通过绑定事件去修改变量的名字就行。
因为:冒号接收的是表达式，变量名也算。

v-once指令是只渲染一次的意思。

关于插槽：
应该去理解，它是一个东西。
< child > < p > dell < /p> </ dell >
这个< p>dell< /p>就是插槽。

在子组件里。
< div>< slot>< /slot>< /div>

插槽可以设置默认内容：
如< div> < slot >默认内容</ slot></ div>
默认内容写在插槽内部即可。

插槽的应用场景：当子组件有些地方的显示取决于父组件的时候，就需要用到插槽了。

插槽的应用进化：”具名插槽“

首先：
< child > < div slot=“header”>header< /div>
< div slot=“footer”> footer < /div>
或者
< child>
< template v-slot:header >
在
子组件里。
< slot name=“header”> < div >< /div>
<slot name="footer>

关于ruoyi（若依）框架，上次听了开会以后发现路由设置原来可以靠页面来设置，一旦路由设置可以了其实没啥难度了。
就不过是实现页面开发罢了。