当前位置: 首页 > news >正文

分享uniapp + Springboot3+vue3小程序项目实战

分享uniapp + Springboot3+vue3小程序项目实战

经过10天敲代码,终于从零到项目测试完成,一个前后端分离的小程序实战项目学习完毕

时间从6月12日 到6月22日,具有程序开发基础,第一次写uniapp,Springboot以前用过,VUE3也是逐步熟悉过程,以前写过vue2。这个项目的功能主要有:

功能

模拟器上运行界面:登录页面

注册,可以修改头像,可以短信验证,短信采用阿里云短信,如下图

首页信息页面如下:

我的页面

分享信息页面

项目设计时长是2到4周完成

主要技术栈:
数据库:MySQL、Redis
前端:Vue3、Vite、Pinia、UniApp、HTML/CSS/JavaScript
后端:SpringBoot3、SpringSecurity、MyBatis、MyBatisPlus、JWT
第三方:MinIO、阿里云短信

开发环境及工具要求:
1. JDK17 或更高
2. Node18
3. Maven3.6.3 或更高
4. Idea2023
5. HBuilderX

【源码和笔记都有】

相关文章:

分享uniapp + Springboot3+vue3小程序项目实战

分享uniapp Springboot3vue3小程序项目实战 经过10天敲代码,终于从零到项目测试完成,一个前后端分离的小程序实战项目学习完毕 时间从6月12日 到6月22日,具有程序开发基础,第一次写uniapp,Springboot以前用过,VUE3也…...

Ubuntu 24.04安装zabbix7.0.0图形中文乱码

当zabbix安装完成后,设置中文界面时,打开图形,中文内容会显示方框乱码,是因为服务器字体中没有相关的中文字体,需要更换。 1、找到中文字体,可以在网络上下载《得意黑》开源字体,也可以在windo…...

MybatisPlus 调用 原生SQL

方式一 DemoMapper.java Mapper public interface DemoMapper extends BaseMapper<TableConfig> {Update("${sql}")int createTable(Param("sql") String sql); }测试代码 SpringBootTest class DemoMapperTest {Resourceprivate DemoMapper demo…...

1.SG90

目录 一.实物图 二.原理图 三.简介 四.工作原理 一.实物图 二.原理图 三.简介 舵机&#xff08;英文叫Servo&#xff09;&#xff0c;是伺服电机的一种&#xff0c;伺服电机就是带有反馈环节的电机&#xff0c;这种电机可以进行精确的位置控制或者输出较高的扭矩。舵机…...

【yolov8语义分割】跑通:下载yolov8+预测图片+预测视频

1、下载yolov8到autodl上 git clone https://github.com/ultralytics/ultralytics 下载到Yolov8文件夹下面 另外&#xff1a;现在yolov8支持像包一样导入&#xff0c;pip install就可以 2、yolov8 语义分割文档 看官方文档&#xff1a;主页 -Ultralytics YOLO 文档 还能切…...

基于STM8系列单片机驱动74HC595驱动两个3位一体的数码管

1&#xff09;单片机/ARM硬件设计小知识&#xff0c;分享给将要学习或者正在学习单片机/ARM开发的同学。 2&#xff09;内容属于原创&#xff0c;若转载&#xff0c;请说明出处。 3&#xff09;提供相关问题有偿答疑和支持。 为了节省单片机MCU的IO口资源驱动6个数码管&…...

Jlink下载固件到RAM区

Jlink下载固件到RAM区 准备批处理搜索exe批处理读取bin数据解析调用jlink批处理准备jlink脚本 调用执行 环境&#xff1a;J-Flash V7.96g 平台&#xff1a;arm cortex-m3 准备批处理 搜索exe批处理 find_file.bat echo off:: 自动识别脚本名和路径 set "SCRIPT_DIR%~dp…...

Kotlin基础——Typeclass

高阶类型 如在Iterable新增泛型方法时 interface Iterable<T> {fun filter(p: (T) -> Boolean): Iterable<T>fun remove(p: (T) -> Boolean): Iterable<T> filter { x -> !p(x) } }对应的List、Set实现上述方法时仍需要返回具体的类型 interfac…...

DC-DC 高压降压、非隔离AC-DC、提供强大的动力,选择优质电源芯片-(昱灿)

畅享长续航&#xff0c;尽在我们的充电芯片&#xff01; 无论是手机、平板还是智能设备&#xff0c;长时间使用后电量不足总是令人头疼。然而&#xff0c;我们的充电芯片将为您带来全新的充电体验&#xff01;采用先进的技术&#xff0c;我们的充电芯片能够提供快速而稳定的充电…...

GPT-4o的视觉识别能力,将绕过所有登陆的图形验证码

知识星球&#x1f517;除了包含技术干货&#xff1a;《Java代码审计》《Web安全》《应急响应》《护网资料库》《网安面试指南》还包含了安全中常见的售前护网案例、售前方案、ppt等&#xff0c;同时也有面向学生的网络安全面试、护网面试等。 我们来看一下市面上常见的图形验证…...

【LinuxC语言】进程间的通信——管道

文章目录 前言不同进程间通信的方式管道匿名管道和命名管道半双工与全双工管道相关函数创建管道总结前言 在Linux操作系统中,进程是执行中的程序的实例。每个进程都有自己的地址空间,数据栈以及其他用于跟踪进程执行的辅助数据。操作系统管理这些进程,并通过调度算法来分享…...

CompletableFuture 基本用法

一、 CompletableFuture简介 CompletableFuture 是 Java 8 引入的一个功能强大的类&#xff0c;用于异步编程和并发处理。它提供了丰富的 API 来处理异步任务的结果&#xff0c;支持函数式编程风格&#xff0c;并允许通过链式调用组合多个异步操作。 二、CompletableFuture中…...

网页如何发布到服务器上

将网页发布到服务器上的过程涉及多个步骤&#xff0c;包括准备阶段、选择托管提供商、发布网站等。12 准备阶段&#xff1a; 确保在本地开发环境中对网站进行了充分的测试&#xff0c;包括功能测试、性能测试和安全测试。 检查Web.config文件&#xff0c;确保所有的配置设置…...

Jenkins简要说明

Jenkins 是一个开源的持续集成和持续部署&#xff08;CI/CD&#xff09;工具&#xff0c;广泛用于自动化软件开发过程中的构建、测试和部署等任务。它是基于Java开发的&#xff0c;因此可以在任何支持Java的平台上运行&#xff0c;并且能够与各种操作系统、开发工具和插件无缝集…...

C# 比较基础知识:最佳实践和技巧

以下是一些在 C# 中进行比较的技巧和窍门的概述。 1. 比较原始类型 对于原始类型&#xff08;int、double、char 等&#xff09;&#xff0c;可以使用标准比较运算符。 int a 5; int b 10; bool isEqual (a b); // false bool isGreater (a > b); // false bool is…...

Ansible 自动化运维实践

随着 IT 基础设施的复杂性不断增加&#xff0c;手动运维已无法满足现代企业对高效、可靠的 IT 运维需求。Ansible 作为一款开源的自动化运维工具&#xff0c;通过简洁易用的 YAML 语法和无代理&#xff08;agentless&#xff09;架构&#xff0c;极大简化了系统配置管理、应用部…...

红队攻防渗透技术实战流程:中间件安全:IISNGINXAPACHETOMCAT

红队攻防渗透实战 1. 中间件安全1.1 中间件-IIS-短文件&解析&蓝屏等1.2 中间件-Nginx-文件解析&命令执行等1.2.1 后缀解析 文件名解析1.2.2 cve_2021_23017 无EXP有POC1.2.3 cve_2017_7529 意义不大1.3 中间件-Apache-RCE&目录遍历&文件解析等1.3.1 cve_20…...

如何卸载宝塔面板?

宝塔官方有提供宝塔面板的卸载命令&#xff0c;使用这个卸载命令&#xff0c;我们就能将宝塔面板卸载掉。 这里有一点需要注意的&#xff0c;如果卸载宝塔面板的同时&#xff0c;也希望将 Nginx、MySQL、PHP 等组件卸载掉&#xff0c;那么我们应该先在宝塔面板里面卸载掉以上软…...

python入门基础知识(错误和异常)

本文部分内容来自菜鸟教程Python 基础教程 | 菜鸟教程 (runoob.com) 本人负责概括总结代码实现。 以此达到快速复习目的 目录 语法错误 异常 异常处理 try/except try/except...else try-finally 语句 抛出异常 用户自定义异常 内置异常类型 常见的标准异常类型 语法…...

迈巴赫S480升级增强现实AR抬头显示hud比普通抬头显示HUD更好用吗

增强AR实景抬头显示HUD&#xff08;Augmented Reality Head-Up Display&#xff09;是一种更高级的驾驶辅助技术&#xff0c;相比于普通抬头显示HUD&#xff0c;它提供了更丰富、更具沉浸感的驾驶体验。以下是它比普通抬头显示HUD多的一些功能&#xff1a; • 信息呈现方式&am…...

学习记录:从零开始学AI(二)——Scikit-learn加州房价机器学习例子学习笔记:继续补全代码运行成功

后记&#xff1a;之前一直以为用的是TensorFlow&#xff0c;原来我用的是 Scikit-learn。两者都可以实现机器学习。前者更适合实现深度神经网络。更正题目。已经搭建好环境&#xff0c;开始学习加州房价机器学习例子&#xff0c;目标理解相关概念&#xff0c;掌握机器学习例子开…...

如何在uni-app中实现QQ小程序社交功能:完整开发指南

如何在uni-app中实现QQ小程序社交功能&#xff1a;完整开发指南 【免费下载链接】hello-uniapp uni-app框架演示示例 项目地址: https://gitcode.com/gh_mirrors/he/hello-uniapp uni-app作为一款强大的跨平台应用开发框架&#xff0c;能够帮助开发者快速构建包含QQ小程…...

【AI】RAG的原理

目录 前言 一、为什么会有RAG 二、RAG完整流程 阶段一&#xff1a;离线建库&#xff08;准备知识&#xff09; 阶段二&#xff1a;在线问答 三、RAG和微调的区别 微调&#xff08;Fine-tuning&#xff09; RAG 总结 前言 上一篇博客中&#xff0c;介绍了大模型的幻觉是…...

计算机三级嵌入式30天高效备考攻略——从零基础到通关秘籍

1. 零基础如何30天攻克计算机三级嵌入式&#xff1f; 第一次接触计算机三级嵌入式考试的同学&#xff0c;往往会被"嵌入式"三个字吓到。其实这个考试更像是"嵌入式系统知识入门认证"&#xff0c;完全不需要硬件开发经验。我当年也是零基础备考&#xff0c;…...

AI辅助开发:让快马AI为你深度解读并延展Python antigravity的趣味文化

最近在玩Python的时候&#xff0c;发现了一个特别有意思的彩蛋——import antigravity。这个看似简单的语句背后&#xff0c;其实藏着一段有趣的开发者文化。今天我就来分享一下&#xff0c;如何用InsCode(快马)平台的AI功能&#xff0c;把这个彩蛋玩出更多花样。 初识antigrav…...

Qwen-Image-Layered实战:一键将图片拆成可编辑图层,设计师效率提升10倍

Qwen-Image-Layered实战&#xff1a;一键将图片拆成可编辑图层&#xff0c;设计师效率提升10倍 你是不是也遇到过这样的场景&#xff1f;客户发来一张产品海报&#xff0c;说“把背景换成星空&#xff0c;把Logo放大一点&#xff0c;再把模特往右移一点”。听起来只是几个简单…...

@Value赋值踩的坑

Spring Boot 配置文件中的科学计数法陷阱 ⚠️ 警惕&#xff1a;YAML 配置中的字符串被误解析为数字的问题 &#x1f4cb; 问题场景 1. 配置文件示例 # 测试环境配置 ✅ xunfei:appid: 0e1d789dapisecret: NzE5ZmExxxxxxxTFkNmY1ZWJjZTA1apikey: d228r7t8xxxxxxxc0bebb17e377…...

实践之漏洞挖掘(弱口令)

前言&#xff1a;经过我的不懈努力&#xff0c;也是挖到了弱口令&#xff0c;嘻嘻&#xff0c;学校的&#xff0c;虽然没有泄露什么隐私&#xff0c;但是我交了要更新就是学校的漏洞&#xff0c;过不过都没关系&#xff0c;没过我下次就找有隐私的后台再交嘻嘻正题&#xff1a;…...

猫抓扩展故障排除指南:从问题诊断到深度优化

猫抓扩展故障排除指南&#xff1a;从问题诊断到深度优化 【免费下载链接】cat-catch 猫抓 浏览器资源嗅探扩展 / cat-catch Browser Resource Sniffing Extension 项目地址: https://gitcode.com/GitHub_Trending/ca/cat-catch 问题图谱&#xff1a;三级故障层级分析 基…...

国外版博睿康?国外初创公司成立对标博睿康

2026年4月2日&#xff0c;总部位于旧金山的脑机接口&#xff08;BCI&#xff09;初创公司Epia Neuro正式宣布成立&#xff0c;专注开发面向神经系统疾病的解决方案&#xff0c;旨在通过新型植入式神经接口平台&#xff0c;帮助中风幸存者和认知衰退患者恢复手部功能与独立生活能…...