先展示下最终效果,如下是展示球队的界面
如下是添加球队的界面
界面样式没怎么调整,不要在意这些细节。先说说操作流程
首先需要登录,没注册就注册一个账号。登录界面就不展示了。然后选中”NbaBasketballTeams“这个选项,就进入了展示球队的界面。然后点击左上角“添加球队”链接,就进入到添加球队的界面。然后输入名字和上传一张logo,点击“提交”按钮就完成球队的新增,这时候会自动回到展示球队的界面展示出新增的球队。
下面讲下实现这些功能所用的技术。这属于全栈式项目,和前后端分离是不一样的,项目管理不用分离。项目框架使用laravel11(里面包含了前端框架inertia),数据库使用mysql5.7,后端语言用php8.2,前端当然还要可以用html、css、javascript、typescript、vue3。再引入elementplus框架。
1、新增“NbaBasketballTeams”选项
2、新增“添加球