使用JavaWeb实现多多自走棋羁绊生成

Dear 丶 2023-10-08 12:38 0阅读 0赞

> 最近翻看了一下之前学习编程的时候，写的一些代码，不禁感慨万千。很久以前写的代码，现在看起来，真的low，毫无规范可言，扩展性为零，但心里还是挺开心的，因为这是学习编程的必经之路！之所以感觉之前的写的代码很烂，是因为自己在不断成长不断进步。感谢过去的自己，充实现在的自己！！！  
> 我找出一个我大学期间做的一个有意思的demo给大家分析一下。

## 一、demo效果图 ##

![在这里插入图片描述][20201225172129931.gif_pic_center]  
做的很粗糙但是效果是实现了。

## 二、简单介绍 ##

*功能呢，很简单，但这个demo确实是一个JavaWeb的项目，所有的棋子和羁绊信息都存在数据库中。*

我为啥想起来做这个东西？  
因为当时玩多多直走棋的时候特别喜欢这个游戏，但是呢那时候游戏中的羁绊信息并不想现在一样，直接会给你在战局中提示（更没有现在的推荐阵容）。查看羁绊的途径就是在游戏界面的棋子中进行查看，很不方便，所以就做了这个demo，用于方便查看棋子之间的羁绊信息。

**数据库：**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzg1MjUw_size_16_color_FFFFFF_t_70]  
这是设计的数据库，把棋子的信息都放到了一起，其实不应该这样做的。比如棋子的种族和职业，应该单独创建一张表。  
**工程结构及技术：**  
当时使用的工具是eclipse，前端采用html+js+Ajax，后端使用的是java+MVC+MySQL。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzg1MjUw_size_16_color_FFFFFF_t_70 1]

## 三、重构这个demo ##

抛开用途不说，就单单像重构和完善这个demo，我有如下几点想说的：  
（1）技术选型：

*  前端：HTML+JS 或者是Vue都行
 *  后端：Springboot+Mysql（这样做起来比较快）
 *  图片存储：需要一个图片服务器（因为图片较少，使用图片服务器有些浪费）

（2）数据库设计：

*  羁绊表
 *  职业表
 *  种族表
 *  棋子信息表

（3）后台管理

*  可以对棋子进行增删查改
 *  更换棋子图片
 *  禁用棋子

就想到这吧。。。。

## 四、我的感受 ##

这个demo的用途和难度并不大，但是我做出来时的成就感还是很强烈的，因为我从有这个想法开始，然后动手去做（那时候还不会JS呢）凭借着会java语言和上网百度，成功的把心中的想法给实现了，还是非常高兴的。  
这也是我一直坚持学编程的一个很大的动力，就是我能把我的想法用代码实现出来。每次学到一个新知识都想把它运用起来，然后在使用的过程中把知识掌握住！

*路漫漫其修远兮，吾将上下而求索*

与君共勉~\*

[20201225172129931.gif_pic_center]: https://img-blog.csdnimg.cn/20201225172129931.gif#pic_center
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzg1MjUw_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/2020122517312728.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzg1MjUw,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzg1MjUw_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20201225173949549.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzg1MjUw,size_16,color_FFFFFF,t_70