总体效果展示
https://www.bilibili.com/video/BV1EF411878j?t=34.7
基础Vue3的CURD模拟系统
技术及知识点
- 涉及的技术: Vue3+Element-Plus +CSS3 +JS
- 开发工具: WebStorm
- 涉及的前端知识:Flex布局,CSS样式调试,debugger调试,axios异步http接口调用
- 涉及的VUE3知识:兄弟组件传参,变量监听,面包屑路由控制,钩子函数,插槽,reactive、ref、toRef的应用
- 涉及的Element-Plus控件:Breadcrumb 面包屑,Icon 图标,Switch 开关,Table 表格,Message 消息提示,Dialog 对话框,Pagination 分页,Divider 分割线,Tree 树形控件,DateTimePicker 日期时间选择器,
具体界面
博主总结
接下来会根据每个不同的模块进入更深一步的知识学习和博客总结。在此之前先谈谈一些软性的东西压力管理,以下内容摘自某学习圣经:
在你的表现训练里, 掌握这个领域的第一步就是要练习面对和释放压力两者间的此消彼长。 这可能会涉及我前面说过的间歇性训练, 什么样的难度对每个不同的年龄, 身体状况是合适的。 这种训练, 当然, 可以有多种形式: 我已经说过自行车和阻力练习, 但如果你喜欢在游泳池里循环游泳, 你不必一直游到筋疲力尽, 然后退场, 你应该把自己推向体力的限,然后休息一两分钟, 之后再继续把自己向前推进。 就像我在自行车训练中描述的那样, 制定一个有规律的休息间隔。 随着你的练习, 增加你运动的强度和持续时间, 慢慢压缩休息的时间, 你就步入正轨了! 相同的方法可以运用于慢跑、 举重、 武术训练或是其他任何体育项目。
如若你确实想提高表现, 我建议你把面对和恢复压力的节奏糅入你生活的方方面面。 说实话, 这就是我全部学习方法的根基——打破我们人生种种经历中人为制造的障碍, 那么所有的时刻都因相互间的关联而变得丰富多彩。 若你在读书而已目光涣散, 把书放下, 深呼吸, 拿起书, 立即双眼有神。 若你在工作中发现自己大脑呆滞, 没有活力, 休息
一会, 洗把脸, 回来就面目全新。 一天花几分钟做一些简单的思维的练习, 随着一呼一吸, 大脑也一张一弛, 这可是个不错的主意。 这将帮助你把身体的间歇性训练和大脑的运转联系起来。 若你对这样的经历乐在其中, 你会慢慢地建立起自己的精神活力, 并乐意在此花更多的时间。