您现在的位置是:首页 >技术交流 >2023五一赶制个人系统:基于SpringBoot+MyBatisPlus+Vue+ElementUI前后端分离网站首页技术交流

2023五一赶制个人系统:基于SpringBoot+MyBatisPlus+Vue+ElementUI前后端分离

韧小钊 2023-07-10 08:00:03
简介2023五一赶制个人系统:基于SpringBoot+MyBatisPlus+Vue+ElementUI前后端分离

🍑一、背景


去年有段时间一直在减肥,当时就想做个看板页面好好记录下减肥运动数据,同时还能把工作用到的框架梳理一下,毕竟现在是一个何卷而不为的社会(大家都卷,好歹意思下),去年在程序员为了减肥能有多卷中也分享过,这次是想在这个基础上,扩展一些新需求,做一个前后端分离系统,项目名就叫《小钊记》吧主要目的还是为了梳理这些年所学吧(所以有可能最终变成四不像,主要还是偏向技术),毕竟时光如梭,一晃毕业即将八年了,除了情感状态,其它好像都在变,最明显的可能是发际线吧。马上又凌晨了,赶紧进入正题吧

在这里插入图片描述

🍑二、调研准备阶段


🍊2.1、项目-自己搭建


下了几个开源项目,计划直接在上面改,在工作当中一般喜欢这样干,最终出于学习的目的,还是放弃了二改这条路线
在这里插入图片描述
网上随便搜一下,开源项目很多,不赘述了
在这里插入图片描述

🍓 搭建步骤


  • Vue项目直接参照之前的搭建步骤
  • SpringBoot项目之前也创建过springBoot增删改差,那个时候没用过springboot,纯自己研究,没啥内容,建议到网上下一个,拿过来删删改改
    在这里插入图片描述

🍊2.2、项目需求-自己X造


在这里插入图片描述
PS:最想做的是首页,相当于看板数据展示,赶紧比较炫(结果数据管理的几个列表就已经耗费了所有力气及时间,感受就是VUE确实简单,好入门,但是想做好前端,不是一蹴而就的,赶紧样式很耗时,也可能是还没摸到门槛)

🍊2.2、数据模型设计


在这里插入图片描述
PS:参照需求建模,很简单的几张表,基本上没关联关系,五一就这几天,不能搞得太复杂

🍑三、开发阶段


五一开始进入开发阶段,此时前后端项目都建好了,都可以运行,数据库也建好了(PS:三个中午没睡觉+三个夜晚),也初始化了,五一开拔

  • 预期是两天半前端+半天后端,剩下两天可以爬爬山,实际情况就比较惨烈了,90%的睡觉献给了前端,而且一天正常指的应该是8小时吧
    在这里插入图片描述
    所有的夜晚都留给了前端,五花八门的问题,遇到的问题太多,都没来及记录

🍑四、renxiaozhao 1.0.0-alpha发布


20230502 简单调试了一下输出、杂记管理,至于首页肯定完成不了了,简单做个扇形统计图吧,网上一搜一堆,拷贝过来,页面直接展示,把数据改成调用接口之后,死活不展示,花了五六个小时才搞通🤣,直接上图吧

🍊4.1、登录


在这里插入图片描述
PS:有人认识背景图嘛

🍓4.1.1、问题


  • 登录进去之后,需要手动刷新页面,要不会显示背景图
    • 废了好大劲才解决,但是首页还是有点目标,有个登录logo会闪一下,界面不够you

🍓4.1.2、TODO


  • 登录进入首页后,logo图片会闪一下,界面不够友好,后续需要优化
  • 登录只是前端写死,后台需要设计表及接口,前端也要适配改造

🍊4.2、首页


需要做的还很多,页面需要原型设计一下,直接做难道有点大
在这里插入图片描述

🍓TODO


  • 设计首页原型图
  • 开发首页前后端

🍊4.3、运动管理


最新做的页面,增删改查功能都调试通过了
在这里插入图片描述

🍓TODO


  • 导入/导出功能实现
  • 新增页面时间由输入框改成选择框

🍊4.4、输出管理


就是个人输出记录,简单测了下
在这里插入图片描述

🍓TODO


  • 前端状态类型翻译全改成后端返回(code和name后端全部返回)
  • 新增字典表或枚举类,统一管理常量

🍊4.4、杂记管理


在这里插入图片描述

🍓TODO


  • 前端状态类型翻译全改成后端返回(code和name后端全部返回)
  • 新增字典表或枚举类,统一管理常量
  • 杂记详情原型设计
  • 杂记详情前后端开发、表设计

🍑项目过程中遇到的问题汇总


等待更新吧

风语者!平时喜欢研究各种技术,目前在从事后端开发工作,热爱生活、热爱工作。