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

小钊记前言

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

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


等待更新吧…

20230509更新:《小钊记》项目启动前期工作相关记录

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

SpringBoot配置文件的注入和读取

目录 1. 配置文件的作用 2. 两种配置文件的格式: 2.1 properties 基本语法: 2.1.1 写入 2.1.2 读取 执行原理 2.1.3 缺点分析 2.2 yml 基本语法: 2.2.1 写入(非对象) 2.2.3 配置对象 2.2.4 配置集合 多个配…

Python爬虫

爬虫流程 爬虫流程:获取网页内容 --> 解析网页内容 --> 储存或分析数据 爬虫规则: 1、不要爬取公民隐私数据 2、不要爬取受著作保护的内容 3、不要爬取国家事务、国防建设、尖端科学计数领域的计算机系统等 4、请求数量和频率不能太高&…

MOTOTRBO CPS2.0安装与写频流程

一、安装MOTOTRBO CPS2.0写频软件 安装MOTOTRBO CPS2.0写频软件,选择安装软件的电脑系统必须WIN7以上 1.解压CPS2_2.21.61.0.zip至当前文件内 2. 双击MOTOTRBO_CPS_2.0.exe安装文件 3. 选择安装语言中文(简体),点击确定 4.点击下一…

「实在RPA·人社数字员工」促进人力社保数字办公战略转型

一、人力社保部门数字化转型的重要性 伴随着国家放宽人力资源市场准入条例,多次出台相关扶持政策,市场竞争加剧,后疫情时代格局的大变局,如何提高服务质量和效率,如何降本增效,成为人力资源和社会保障行业…

Educational Codeforces Round 139 (Rated for Div. 2)

Educational Codeforces Round 139 (Rated for Div. 2) Problem - 1766E - Codeforces 显然我们可以把0序列的贡献单独算: i*(n-i1) 考虑只存在1,2,3的情况. 首先通过,观察到一个重要性质: 最多只有三种序列. 含有3或纯1或纯2型.纯1或纯2型纯2或纯1型 我们每次添加…

hugging face开源的transformers模型可快速搭建图片分类任务

2017年,谷歌团队在论文「Attention Is All You Need」提出了创新模型,其应用于NLP领域架构Transformer模型。从模型发布至今,transformer模型风靡微软、谷歌、Meta等大型科技公司。且目前有模型大一统的趋势,现在transformer 模型不仅风靡整个NLP领域,且随着VIT SWIN等变体…

什么是高性能计算实习生?做高性能计算有前景吗?

随着大模型和算力时代的大火,高性能计算实习的岗位越来越多了,各个大厂都在码人,百度、小米、字节、华为等等,也有很多网友晒出了面试一众知名芯片企业的面经和笔试题。 但是依然有很多朋友不清楚什么是高性能计算实习生&#xf…

YOLOv5白皮书-第Y4周:common.py文件解读

目录 0.导入需要的包和基本配置1.基本组件1.1 autopad1.2 Conv1.3 Focus1.4 Bottleneck1.5 BottleneckCSP1.6 C31.7 SPP1.8 Concat1.9 Contract、Expand 2.重要类2.1 非极大值抑制(NMS)2.2 AutoShape2.3 Detections2.4 Classify 🍨 本文为&am…

掌握了它,软件测试拿下25K轻轻松松!

了解软件测试这行的人都清楚,功能测试的天花板可能也就15k左右,而自动化的起点就在15k左右,当然两个岗位需要掌握的技能肯定是不一样的。 如果刚入门学习完软件测试,那么基本薪资会在7-8k左右,这个薪资不太高主要是因…

STM8、STM8S003F3P6 实现PWM控制电机HAS10227

背景 有个项目需要控制一台风机的转速,使用STM8S003F3P6 输出PWM控制,这里就详细记录一下调试记录 原理图 原理图比较简单,电机接口CN3 电机接口原理图 与MCU管脚连接位置如下图 首先我们要明白电机的原理 电机 简单来说就是 实现电能与…

锁的内存语义

锁的释放和获取的内存语义 操作锁的释放和获取的内存语义类比volatile对锁释放和锁获取的内存语义做个总结当线程 释放锁 时JMM会把该线程对应的本地内存中的共享变量刷新到主内存中锁释放与 volatile写 有相同的内存语义线程A释放一个锁,实质上是线程A向接下来将…

功率信号源的使用方法有哪些

功率信号源是一种常见的电子设备,主要用于产生各种功率信号,例如直流信号、正弦信号等。功率信号源广泛应用于工业、科研、医疗等领域,例如电机驱动、电子仪器仪表、医疗设备等。本文将详细介绍功率信号源的使用方法和注意事项。 图&#xff…

WMS仓储管理系统解决方案能帮助电子企业解决哪些问题

WMS仓储管理系统解决方案是一种针对仓库管理的软件系统,它能够有效地解决电子企业在仓储管理方面的问题。在电子行业,由于产品的生命周期较短,且需求变化快速,WMS仓库管理系统的应用对于电子企业的管理有着重要的意义。本文将探讨…

【MySQL】MySql的底层数据结构

文章目录 前言索引结构及查找算法不适合做MySql的数据结构及其原因 一、BTree和BTree的引出1.1 BTree数据结构2.2 BTree数据结构 二、计算m阶,即BTree该取多少合适总结 前言 索引结构及查找算法 一个sql语句在mysql里究竟是如何运行的呢?又是怎么去查找…

华为云服务器租用费用及CPU性能(1核2G/2核4G/4核8G)

华为云HECS云服务器即云耀云服务器,类似于阿里云和腾讯云的轻量应用服务器,HECS云服务器1核2G配置39.02元一年、2核4G配置99元一年、4核8G配置69.94元3个月,华为云百科分享华为云HECS云服务器租用费用及CPU性能详解: 目录 华为云…

《数据库应用系统实践》------ 包裹信息管理系统

系列文章 《数据库应用系统实践》------ 包裹信息管理系统 文章目录 系列文章一、需求分析1、系统背景2、 系统功能结构(需包含功能结构框图和模块说明)3.系统功能简介 二、概念模型设计1.基本要素(符号介绍说明&…

immutable深拷贝:数据多层属性-不可变数据结构

一、为何要用immutable深拷贝? 1.浅拷贝(浅复制) //引用赋值-浅复制、浅拷贝 var obj{name:"溜溜球"}var obj2obj;obj2.name"刘刘球";console.log(obj);//name:"刘刘球"console.log(obj2);//name:"刘刘…

解说天下之操作系统

解说天下之操作系统 本文由桌案drawon (https://www.drawon.cn),云晶(https://www.yunjingxz.com)创始人根据多年从业经验, 从操作系统的起源,应用分类, 设计分类,以及资源使用角度对操作系统进…

2023年6月18日DAMA-CDGA/CDGP认证北京/上海/深圳报名

DAMA认证为数据管理专业人士提供职业目标晋升规划,彰显了职业发展里程碑及发展阶梯定义,帮助数据管理从业人士获得企业数字化转型战略下的必备职业能力,促进开展工作实践应用及实际问题解决,形成企业所需的新数字经济下的核心职业…

思维导图到底有多少种?

思维导图是一种非常实用的工具,它可以帮助我们更好地组织和表达我们的思想。在日常生活和工作中,我们可以使用各种不同类型的思维导图来解决不同的问题。下面,我将介绍一些常见的思维导图类型以及如何使用ProcessOn思维导图软件制作思维导图。…