[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$fDFa2GScEM2nkNB9iKGghePIB2AS3ZG5rPPNcnOjUtwo":3,"project-public-articles-springboot4-vue3-tutorial":24},{"id":4,"title":5,"short_title":6,"slug":7,"project_type":8,"paid_type":9,"cover":10,"imgs":11,"desc":12,"content":13,"tags":14,"price":15,"original_price":9,"sales":15,"views":16,"video_bvid":17,"author":18,"is_new":15,"is_hot":15,"status":19,"sort":20,"resources":11,"resource_links":21,"created_at":22,"updated_at":23},60,"2026最新基于SpringBoot4+Vue3零基础入门项目实战教学","SpringBoot4+Vue3零基础入门","springboot4-vue3-tutorial","free",null,"\u003Csvg xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\" viewBox=\"0 0 1200 900\" data-cover-style=\"plain-title-v4\">\n  \u003C!-- Background -->\n  \u003Crect width=\"1200\" height=\"900\" fill=\"#F0EDFF\"\u002F>\n\n  \u003C!-- Title -->\n  \u003Ctext x=\"600.0\" y=\"420.9\" font-size=\"91\" font-weight=\"800\" letter-spacing=\"-0.6\" fill=\"#1A1640\" text-anchor=\"middle\">SpringBoot4+Vue3\u003C\u002Ftext>\n  \u003Ctext x=\"600.0\" y=\"537.4\" font-size=\"91\" font-weight=\"800\" letter-spacing=\"-0.6\" fill=\"#1A1640\" text-anchor=\"middle\">零基础入门\u003C\u002Ftext>\n\n\u003C\u002Fsvg>","[]","面向零基础的SpringBoot4+Vue3实战入门，带你搭建完整项目流程。","## 软件\n\nJDK21、MySQL8、IDEA2024.1、MAVEN、NodeJS20+\n\n下载软件请前往公众号：**程序员青戈**，回复 **软件**\n\n## 技术栈\n\n后端：SpringBoot4 + SpringData JPA \n\n前端：Vue3 + ElementPlus + Axios\n\n数据库：MySQL\n\n## 学习内容\n\n**特色：不会sql 也可以也做项目！不用写一行SQL**\n\n数据库：包含管理员 admin 的数据库 sql 脚本\n\n后端：\n\n+ **核心业务 ：** 包含 admin 模块的基本增、删、改、查接口，可以实现对 admin 表的基本操作；实现管理员的登录、个人信息维护、修改密码 等接口；\n+ **代码生成器：** 使用代码生成器快速开发一整套的接口+前端页面，不写一行代码也可做项目\n+ **文件系统：** 包含 文件上传和文件下载 接口，可以上传文件并通过接口返回的 url 链接下载文件\n+ **安全防护**： 内置 CORS 跨域全解方案，支持前后端分离部署； 全局异常拦截机制\n+ **工程化规范**：统一封装返回结果，让接口返回数据更优雅\n\n前端：\n\n+ 基于 **Vue3** 响应式框架，采用 Element-Plus 构建高颜值、易操作的管理界面  \n+ 提供管理员管理页面，内置检索、分页与增删改查交互； 提供严谨的登录校验流程、密码修改保护，以及实时的个人信息维护功能  \n+ 封装统一的 axios 请求工具，内置全局请求\u002F响应拦截，自动处理 **BaseURL** 动态配置  \n+ Vite 构建：基于 **Vite** 开发的，速度更快，更现代化。 \n\n\n\n","[\"免费学习\"]",0,9258,"BV12XFhz7E8T","程序员青戈",1,93,"","2026-04-01 10:00:00","2026-05-20 14:40:47",{"project":25,"items":26},{"id":4,"title":5,"slug":7},[27,36,44,51],{"id":28,"uuid":29,"project_id":4,"title":30,"type":31,"status":19,"public_enabled":19,"views":32,"sort":33,"created_at":34,"updated_at":35,"project_title":5,"project_slug":7},1219,"zz39u4vv","01. SpringBoot4零基础入门实战","coding",745,2376,"2026-02-05 12:35:53","2026-05-07 15:36:12.649662+00",{"id":37,"uuid":38,"project_id":4,"title":39,"type":31,"status":19,"public_enabled":19,"views":40,"sort":41,"created_at":42,"updated_at":43,"project_title":5,"project_slug":7},1220,"mbxrGCSA","02. 学习SpringBoot4+JPA基本的增删改查接口",257,2377,"2026-02-06 12:26:55","2026-05-03 22:49:02",{"id":45,"uuid":46,"project_id":4,"title":47,"type":31,"status":19,"public_enabled":19,"views":48,"sort":49,"created_at":50,"updated_at":43,"project_title":5,"project_slug":7},1221,"eQlrBI25","03. 使用代码生成器自动生成后端代码",195,2381,"2026-02-09 11:13:19",{"id":52,"uuid":53,"project_id":4,"title":54,"type":31,"status":19,"public_enabled":19,"views":55,"sort":56,"created_at":57,"updated_at":43,"project_title":5,"project_slug":7},1222,"Ni0HTQnR","04. Vue3零基础快速入门实战",228,2387,"2026-02-10 11:39:21"]