展示和添加篮球队信息--laravel与elementplus

之前使用laravel与inertia来做过一样的功能，感觉不满意，因此再团结elementplus重做一遍，先展示下重做后的效果。重写后的代码相比之下比力优雅。
         球队首页

         球队添加页

         球员首页

         很显着的改变，我新增了侧栏菜单来控制局部模块（这里是指NBABasketball模块）。按钮则换了一遍，不再使用<Link>。跳转重新渲染整个页面是令人难熬的，因此相比MPA模式，SPA模式更受接待，这里的思绪是接纳SPAs模式。意思就是在体系中模块尽大概用SPA模式办理，只有模块入口是用后端渲染的方式。

         看上图结构，最下面谁人Index.vue相当于是NBABasketball模块的入口。这个入口是通过后端渲染出来，如下图

         那剩下的NBABasketball模块的页面呢？这个则是通过前端路由来管理，如下图

         然后侧栏菜单负责引用路由，以下是NBABasketball模块的Index.vue入口文件代码

1. <script lang="ts" setup>
2. import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout.vue';
3. import { useMenuStore } from '@/stores/menuStore';
4. import {
5.     Location,
6. } from '@element-plus/icons-vue'
7. const handleOpen = (key: string, keyPath: string[]) => {
8.     console.log(key, keyPath)
9. }
10. const handleClose = (key: string, keyPath: string[]) => {
11.     console.log(key, keyPath)
12. }
14. const menuStore = us

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！qidao123.com:ToB企服之家，中国第一个企服评测及软件市场,开放入驻,技术点评得现金