vue+express:搭建个人博客(3)
这篇文章主要是对博客的一些逻辑呀样式呀还有跳转等问题进行修改。
样式问题
样式问题比较简单,主要都是input和textarea都会存在一个默认的选中框,以及router-link会存在默认下划线等。
我的收藏
收藏这个部分有点儿麻烦,主要是因为我点击收藏一次就要去修改一次数据库吗?
但是想链接那样先修改,点击保存后再保存到数据库的话,用户就要因为收藏多点击一次save按钮,还是很繁琐的。
思来想去我觉得第一种比第二种好(在用户体验上),但在性能上确实第二种更好。
既然想要实现这个功能就先不考虑性能了吧,使用第一种方式实现一下。
暂时把设置
改为我的收藏
可以在我的文章
页面修改收藏选项
也可以在收藏页进行修改
请求的loading以及toast
在页面发送请求并得到数据返回这段时间内需要给用户看到loading得到反馈。
所以我想添加这一项。
由于这是全局的,所以在App.vue
下引用,并通过一个布尔值去判断是否呈现。
两者的呈现都是通过v-show
来实现,v-show
和v-if
的区别在于初次渲染的不同,v-show
不论是否为真都会进行初次的渲染,后续则是通过css里的display属性进行切换。但是v-if
则会在条件为真时才进行渲染,它是组件真正的销毁和创立,所以频繁切换的时候还是用v-show
比较好。
我之前认为不管是toast还是loading都写在表现层。其实这样不好,写在action才更好实现。
大概就是以下的感觉
妈呀waiting那个太丑了,到时候会做个动画~
动画是从一个网站CSSloading效果那里复制过来的,比较简单也好理解。
大概就是更到这里啦。
不知道以后还会有什么地方需要改(其实还有很多就是懒哈哈哈),我会把源码放在github上,主要还是参照了不少第一篇里提到的原作者,感觉很多思路是我以前做的时候没有思考的。
表示感谢~
源码