目录
项目创建依赖包:Lombok+Mysql+thmyeleaf+JPA+Spring Web
GenieServiceIpml用于实现GenieService的功能
在templates 创建html文件 开头需加上”http://www.thymeleaf.org”声明是thymeleaf
Update_genie.html部分代码:更新玩家信息的页面
精灵信息系统:最近玩了会宝可梦朱紫,心血来潮就写了精灵信息系统
精灵类(Genie):包含精灵的基本信息,例如名字、属性、等级、特性。
-
数据访问层(Repository): 负责与数据库进行交互,包括插入、更新、删除和查询精灵信息的方法。
- 业务逻辑层(Service):处理业务逻辑,例如对精灵信息的验证。
- 控制层(Controller):接收用户的请求,调用相应的服务方法,并返回处理结果。
项目创建依赖包:Lombok+Mysql+thmyeleaf+JPA+Spring Web
创建项目的目录如下:
开发过程如下:
1.连接Mysql数据库,将以下代码写入application.properties (如连接了远程数据库,将localhost:3306改为远程的数据库ip与端口号,密码也一同改为远程密码,我这里使用的是本地连接,当然使用远程也可以)
2.创建model中Genie类
@Data可以代替get 和set 方法(是一个注解的依赖)
3.数据访问层(Repository)
@Repository中@Query里封装了mysql的查询语句用于在精灵信息管理中根据精灵名字去查询这个精灵也就是名字包含了所查询的字段都会被查询出来)
4.业务逻辑层(Service)
做一个接口GenieService,将增删查改封装起来,可以通过关键字来实现接口
GenieServiceIpml用于实现GenieService的功能
@Service注解表示这是一个业务层
5.控制层(Controller)
控制层是MVC架构的接口层,是用来接受前端数据和返回页面请求信息的
在templates 创建html文件 开头需加上”http://www.thymeleaf.org”声明是thymeleaf
Index.html部分代码:主页面的页面设置
Index.html效果展示:
New_genie.html部分代码:增加玩家的页面
New_genie.html效果展示:
Update_genie.html部分代码:更新玩家信息的页面
Update_genie.html效果展示:
更改按钮的颜色:
官方的文档:Bootstrap v4 中文文档 · Bootstrap 是全球最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。 | Bootstrap 中文网
还有很多组件都可以更改喔
代码存放到了gitee仓库:
GenieManagementSystem: 精灵管理系统11111111
心得体会:
不知不觉已经大二了,记得刚开始接触Java时写下的第一个程序还是输出“hello Word”,到现在的这个精灵信息系统,一步步走来真的很有成就感,经过了那么久的学习,我应该也不算刚入门的小白了,我能粗略的使用一些老师教的方法,写下一些简单的程序但要编写篇幅较长的代码还是有点难度,简单总结就是练得少。
往后的时间我也会多多练习。
最后老师的教学质量很好,讲的也很细致,老师幸苦了,谢谢老师!