今天跟大家唠唠嗑,说说我最近在搞的“姆希塔良”项目,这名字听着挺唬人,就是个个人练习项目,灵感来自最近看到的一些球员身价新闻。
我就寻思着能不能自己也搞一个类似球员信息展示和管理的小系统。毕竟作为一个伪球迷,对这些数据还是挺感兴趣的。
我先确定了技术栈。前端打算用*,这玩意儿上手快,组件化开发也方便。后端就选了Spring Boot,毕竟Java老本行,用起来顺手。数据库选了MySQL,数据量不大,够用就行。
接下来就是撸代码了。我先搭了个基本的Spring Boot框架,把数据库连接配置然后定义了球员信息的实体类,包括姓名、年龄、身价、俱乐部等等。写了一些简单的RESTful API,实现了球员信息的增删改查功能。
前端部分,我用Vue CLI创建了一个新的项目,然后引入了Element UI组件库,这样可以快速搭建页面。我设计了一个简单的球员列表页面,可以展示所有球员的信息,并且可以进行搜索和排序。
在实现搜索功能的时候,我遇到了点小麻烦。因为要支持模糊搜索,所以需要在SQL语句中使用`LIKE`关键字。但是,直接拼接SQL语句容易引起SQL注入攻击,所以我改用了MyBatis的`#`占位符,这样可以防止SQL注入。
然后是球员信息的添加和修改功能。我用Element UI的`el-dialog`组件实现了一个弹窗,用户可以在弹窗中输入球员的信息,然后提交到后端。后端接收到数据后,会进行校验,如果数据有效,就将其保存到数据库中。
在实现删除功能的时候,我做了一个二次确认弹窗,防止用户误删数据。这个弹窗也很简单,就是用Element UI的`el-dialog`组件实现的。
整个项目搞下来,大概花了我一周的时间。虽然功能很简单,但是也让我对*和Spring Boot有了更深入的了解。尤其是前后端分离的开发模式,确实很高效。
我还把项目部署到了自己的服务器上,这样就可以随时随地访问了。这个项目还有很多可以改进的地方,比如可以增加用户认证功能,可以对接一些第三方数据源等等。以后有时间的话,再慢慢完善。这回实践还是挺有收获的!
还没有评论,来说两句吧...