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

news2024/9/30 3:23:39

小钊记前言

  • 🍑一、背景
  • 🍑二、调研准备阶段
    • 🍊2.1、项目-自己搭建
      • 🍓 搭建步骤
    • 🍊2.2、项目需求-自己X造
    • 🍊2.2、数据模型设计
  • 🍑三、开发阶段
  • 🍑四、renxiaozhao 1.0.0-alpha发布
    • 🍊4.1、登录
      • 🍓4.1.1、问题
      • 🍓4.1.2、TODO
    • 🍊4.2、首页
      • 🍓TODO
    • 🍊4.3、运动管理
      • 🍓TODO
    • 🍊4.4、输出管理
      • 🍓TODO
    • 🍊4.4、杂记管理
      • 🍓TODO
  • 🍑项目过程中遇到的问题汇总

🍑一、背景


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

在这里插入图片描述

🍑二、调研准备阶段


🍊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后端全部返回)
  • 新增字典表或枚举类,统一管理常量
  • 杂记详情原型设计
  • 杂记详情前后端开发、表设计

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


等待更新吧

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/485753.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

BPMN2.0 任务-服务任务

服务任务是任务的一种,工作由软件自动完成,比如一个Web服务或者一个自动化的应用。 服务任务用于调用服务。 在flowable中分为java服务任务,用于调用java类,web服务任务用于同步的调用外部的web服务。 在Camunda是通过调用java代码或者为外部执行者提供一个工作单元来完…

真题详解(ICMP)-软件设计(六十五)

真题详解(对象)-软件设计(六十四)https://blog.csdn.net/ke1ying/article/details/130459425 程序的三种基本控制结构:顺序、选择和重复。 在网络系统中,通常吧_____置于DMZ区。 答案:Web服务器 解析&am…

STL常用梳理——VECTOR常用接口及其迭代器实现

Vector篇 Vector介绍Vector实现1、定义默认构造函数使用实现 2、迭代器Iterator迭代器使用 3、空间增长问题使用实现 迭代器迭代器介绍迭代器实现 Vector介绍 vector是STL中容器之一,特性如下: vector是表示可变大小数组的序列容器。就像数组一样&#…

【python入门篇】你好python

作者简介: 辭七七,目前大一,正在学习C/C,Java,Python等 作者主页: 七七的个人主页 文章收录专栏: Python入门,本专栏主要内容为Python的基础语法,Python中的选择循环语句…

软件测试实战,Web测试详细总结 (覆盖所有测试点),你要的都有

目录:导读 前言一、Python编程入门到精通二、接口自动化项目实战三、Web自动化项目实战四、App自动化项目实战五、一线大厂简历六、测试开发DevOps体系七、常用自动化测试工具八、JMeter性能测试九、总结(尾部小惊喜) 前言 Web自动化测试&…

Python 将 PDF 转换为 Word

大家好,我是水滴~ 在平时的工作中,我们总会希望将需要的 PDF 文件转换为 Word 文件,而市面上很多工具都是收费的,这无疑增加了我们的成本。 所以,我使用 Python 编写了一个转换代码,可以 将 PDF 转换为 W…

从远程桌面客户端提取明文凭证的工具RdpThief

导语:在本文中,我将描述我编写的一个工具,能使用API钩子从Microsoft RDP客户端提取明文凭据,而且如果是在已经受感染用户的权限下操作(比如网络钓鱼导致),并且该用户已打开RDP会话,则…

elasticsearch 使用 RestAPI 操作索引库

1.mysql与elasticsearch 我们统一的把mysql与elasticsearch的概念做一下对比: MySQLElasticsearch说明TableIndex索引(index),就是文档的集合,类似数据库的表(table)RowDocument文档(Document),就是一条条…

如何从0到1落地自动化测试?何为成熟模型?测试老鸟的总结...

目录:导读 前言一、Python编程入门到精通二、接口自动化项目实战三、Web自动化项目实战四、App自动化项目实战五、一线大厂简历六、测试开发DevOps体系七、常用自动化测试工具八、JMeter性能测试九、总结(尾部小惊喜) 前言 过去十年&#xf…

离散数学_九章:关系(5)

🚩9.5 等价关系 1、等价关系(Equivalence Relations)等价关系等价的元素📘例1:模m同余 📘例2:字符串 📘例3:整除 2、等价类(Equivalence Classes&#xff09…

DP动态规划

1.背包问题 1.1 0/1背包 1.1.1经典做法 def solve(N,C): # 从左到右,从上到下 (先种类,再体积)for i in range(1,N1): # N种物品,先1种,再2种......for j in range(0,C1): # 当前背包体积if c[i]>j :…

武忠祥老师每日一题||定积分基础训练(四)

已知, ln ⁡ ( x 1 x 2 ) 为奇函数(证明放在文章末尾) \ln (x\sqrt{1x^2})为奇函数(证明放在文章末尾) ln(x1x2 ​)为奇函数(证明放在文章末尾) 所以, ∫ − 2 2 ln ⁡ ( x 1 …

13万字林业局信息化设计信息化及数据中心、森林防火平台建设方案

1.1.1 应用系统集成平台 集成平台起到“承下启上”的作用,“承下”是指其基于数据中心,提供数据关联、处理和转换等服务,“启上”是指其为上层应用系统提供数据和整合服务。此外,集成平台也为系统与外部系统、外部资源提供交换和…

基于micro-app+vue-element-admin实现微前端

简述 本文是在对之前搭建和学习micro-app的基础上的进一步研究学习。 因为我们目前项目使用的框架是vue-element-admin,所以还需要研究一下micro-app在vue-element-admin的使用方法。 关于micro-app在vue-element-admin的实现,百度什么也没找到&#xf…

二、Spring Cloud Alibaba环境搭建

一、依赖环境 SpringCloud Alibaba 依赖 Java 环境来运行。还需要为此配置 Maven环境,请确保是在以下版本环境中安装使用。 64 bit JDK 1.8;Maven 3.2.x。 spring-cloud-alibaba相关网址: 地址:https://github.com/alibaba/spring-cloud-…

常用HTML标签分享系列一

前言 HTML,超文本标记语言,由标签组成,分为单标签和双标签,每个标签的属性id唯一,但name不唯一,其基本结构为Dom(Document Object Mode 文档对象模型)树,如图: <html lang"en"> <head><!-- 头部内容 --> </head> <body><!-- 身体内…

Spark 任务执行流程

Driver启动&#xff0c;创建SparkContextSparkContext 向资源管理器注册&#xff0c;并向资源管理器申请运行 Executor资源管理器分配资源&#xff0c;然后资源管理器启动 ExecutorExecutor 发送心跳至资源管理器Executor 向 SparkContext 注册自己SparkContext 构建 DAG 有向无…

图神经网络:在自定义数据集上动手实现图神经网络

文章说明&#xff1a; 1)参考资料&#xff1a;PYG官方文档。超链。 2)博主水平不高&#xff0c;如有错误还望批评指正。 文章目录 自定义数据集动手实现图神经网络自定义数据集训验测集拆分&#xff0c;创建Data的数据结构&#xff0c;观察Data的基本信息&#xff0c;可视化图网…

【Golang项目实战】用Go写一个学生信息管理系统,真的太酷啦| 保姆级详解,附源码——建议收藏

博主简介&#xff1a;努力学习的大一在校计算机专业学生&#xff0c;热爱学习和创作。目前在学习和分享&#xff1a;数据结构、Go&#xff0c;Java等相关知识。博主主页&#xff1a; 是瑶瑶子啦所属专栏: Go语言核心编程近期目标&#xff1a;写好专栏的每一篇文章 学习了Go的基…

Java 基础进阶篇(十)—— Java集合详细总结

文章目录 一、集合类体系结构二、Collection系列集合2.1 Collection 集合体系2.2 Collection 集合体系特点2.3 Collection 常用API2.4 Collection 集合的遍历方式2.4.1 方式一&#xff1a;迭代器2.4.2 方式二&#xff1a;foreach&#xff08;增强for循环&#xff09;2.4.3 方式…