vue3+springboot项目开发流程：

sp-global.png

一般来说要首先有一个idea，然后把idea扩展成包含目标用户+解决了什么问题+简易需求文档+简易原型 。

个人开发者就直接出需求文档+原型。把目标用户+解决的问题+需求设计+产品设计+开发设计写到一起就行，不需要像图里这样出很多个不同的文档。

​ 我是使用axure出的原型，word写的文档，模板参考的是这个：cuizhenjie/software-engineering-document: 软件工程常用文档模板及示例：可行性分析报告、开发计划、需求分析文档、概要设计文档、详细设计文档、用户操作手册、测试计划、测试分析报告、开发进度报告、项目开发总结报告、软件维护手册等 (github.com)

​ 然后采用了vue3+springboot最普适的方案。项目不要从头写，直接用脚手架。我参考的是：

前端：xiangshu233/vue3-vant4-mobile: 👋👋👋 基于Vue3.4、Vite5、Vant4、Pinia、Typescript、UnoCSS等主流技术开发，集成 Dark Mode(暗黑)模式和系统主题色，且持久化保存，集成 Mock 数据，包括登录/注册/找回/keep-alive/Axios/useEcharts/IconSvg等其他扩展。你可以在此之上直接开发你的业务代码！ (github.com)

后端：macrozheng/mall-tiny: mall-tiny是一款基于SpringBoot+MyBatis-Plus的快速开发脚手架，拥有完整的权限管理功能，可对接Vue前端，开箱即用。 (github.com)

所以需要了解后端java+springboot+mybatisplus，前端ts+vue3+vant的相关教程。其中前端使用unocss+iconsvg能够快速的加图标和样式，后端也有根据mysql的表快速生成model+controller+service+mapper的代码生成器，能快速开发出最小可行产品。

​ 项目部署：个人开发者的项目部署需要云服务器（公网ip）+域名。可以在b站或者知乎找收集整理各大服务器商的云服务器的价格的up主，来找到适合自己的云服务器。后端简单的部署直接nohup java -jar your-jar-file.jar & ，mysql和redis用docker部署，并注册成系统服务；前端使用nginx映射到对应的dist文件夹内。

​ android+H5：我直接使用的imchloeo/android-webView-H5: 使用安卓 webView 打包 H5 页面/网站，可以像 App 一样安装在安卓手机上 (github.com)

这个模板，直接把网址写上就可以生成Android包了。