您现在的位置是:首页 >技术交流 >2023五一赶制个人系统:基于SpringBoot+MyBatisPlus+Vue+ElementUI前后端分离网站首页技术交流
2023五一赶制个人系统:基于SpringBoot+MyBatisPlus+Vue+ElementUI前后端分离
简介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后端全部返回)
- 新增字典表或枚举类,统一管理常量
- 杂记详情原型设计
- 杂记详情前后端开发、表设计
🍑项目过程中遇到的问题汇总
等待更新吧
风语者!平时喜欢研究各种技术,目前在从事后端开发工作,热爱生活、热爱工作。