佛山网站建设正规公司,深圳航空公司最新官网,园林景观设计公司组织架构,做全国家电维修网站到哪里做目录
项目背景
技术架构
前端
后端
创建基础springboot 工程
勾选 Spring Web
创建实体类 user
创建用户控制器
跨域问题
测试
提交数据就post json格式
获取就get 就完事了 项目背景
这是一个基于SpringBoot3和Vue3的前后端分离项目教程摘要。后端使用JDK17开发创建了User实体类及Controller实现用户查询GET和添加POST接口并配置CORS解决跨域问题。前端采用Vue3组合式API(v2语法糖)和axios 1.9.0进行HTTP请求。
技术架构
环境JDK17 Node.JS 22
前端: Vue3(v2语法糖) axios 1.9.0
后端: Springboot3
前端
nodejs 教程(在下一篇那边有)
axios 官网https://www.axios-http.cn
vue官网https://cn.vuejs.org/
后端
创建基础springboot 工程 勾选 Spring Web 创建实体类 user
空构造、有参构造、get\set 、tostring package com.wmcode.www.entity;public class User { private int id; private String name; public User() { } public User(int id, String name) { this.id id; this.name name; } public int getId() { return id; } public void setId(int id) { this.id id; } public String getName() { return name; } public void setName(String name) { this.name name; } Override public String toString() { return User{ id id , name name \ }; }}
创建用户控制器
创建控制层的包 controller ,然后创建UserController package com.wmcode.www.controller;import org.springframework.web.bind.annotation.*;RestControllerpublic class UserController { /** * 根据用户id查询用户信息 * param id 用户id * return 用户信息 * */ GetMapping(/user/{id}) public User getUser(PathVariable(id) int id) { return new User(id, Tom); // 假设查询的用户id为1用户是 tom } /** * 添加用户信息 * param user * return ToString() * */ PostMapping(/adduser) public String addUser(RequestBody User user) { System.out.println(user.toString()); return Hello user.getId(), user.getName(); }}
跨域问题 在后端创建个config 包WebConfig.java import org.springframework.context.annotation.Configuration;import org.springframework.web.servlet.config.annotation.CorsRegistry;import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;Configurationpublic class WebConfig implements WebMvcConfigurer { Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping(/**) .allowedOrigins(http://localhost:5173/) .allowedMethods(GET, POST, PUT, DELETE) .allowedHeaders(*) .allowCredentials(true); }}
测试
提交数据就post json格式 获取就get 就完事了 * Thanks you *
如果觉得文章内容不错随手帮忙点个赞、在看、转发一下如果想第一时间收到推送也可以给我个星标⭐谢谢你看我的文章。 *往期推荐 *
Ubuntu | 安装 Zabbix 一篇就够了
彻底删除 Nginx 重新安装
Swagger | 手把手带你写自动生成接口文档的爽感(零基础亲测实用)
SpringBoot整合Openfeign接入Kimi Ai!!超简单居然没多少行代码(附加兜底教程)
SpringBoot接入Kimi实践记录轻松上手
Wrod 也可以添加代码快啦快看有哪种你是会的吧
Linux | 零基础Ubuntu搭建JDK
Maven | 站在初学者的角度配置与项目创建(新手必学会)
Spring Ai | 极简代码从零带你一起走进AI项目(中英)
Open Ai | 从零搭建属于你的Ai项目(中英结合)
MongoDB | 零基础学习与Springboot整合ODM实现增删改查(附源码)
Openfeign | 只传递城市代码即可获取该地域实时的天气数据(免费的天气API)
API接口到底是什么
Redis | 缓存技术对后端的重要性你知道多少
Mongodb | 基于Springboot开发综合社交网络应用的项目案例(中英)
谈谈模块化设计在单体架构中的应用
彻底讲清楚 单体架构、集群架构、分布式架构及扩展架构
为什么还在使用单体架构
2025年Java路线一条龙服务
2025年健康新趋势科技与生活方式的融合 感谢阅读 | 更多内容尽在公棕号 WMCode | CSDN小Mie不吃饭 文章转载自： http://www.morning.ayftwl.cn.gov.cn.ayftwl.cn http://www.morning.zdxinxi.com.gov.cn.zdxinxi.com http://www.morning.rcdmp.cn.gov.cn.rcdmp.cn http://www.morning.swwpl.cn.gov.cn.swwpl.cn http://www.morning.dygsz.cn.gov.cn.dygsz.cn http://www.morning.tslwz.cn.gov.cn.tslwz.cn http://www.morning.pdynk.cn.gov.cn.pdynk.cn http://www.morning.qzglh.cn.gov.cn.qzglh.cn http://www.morning.zhengdaotang.cn.gov.cn.zhengdaotang.cn http://www.morning.kdldx.cn.gov.cn.kdldx.cn http://www.morning.wtdhm.cn.gov.cn.wtdhm.cn http://www.morning.pzcjq.cn.gov.cn.pzcjq.cn http://www.morning.yhwmg.cn.gov.cn.yhwmg.cn http://www.morning.nmfwm.cn.gov.cn.nmfwm.cn http://www.morning.llllcc.com.gov.cn.llllcc.com http://www.morning.ccyns.cn.gov.cn.ccyns.cn http://www.morning.zxwqt.cn.gov.cn.zxwqt.cn http://www.morning.gxcit.com.gov.cn.gxcit.com http://www.morning.sfswj.cn.gov.cn.sfswj.cn http://www.morning.sbczr.cn.gov.cn.sbczr.cn http://www.morning.wtrjq.cn.gov.cn.wtrjq.cn http://www.morning.oioini.com.gov.cn.oioini.com http://www.morning.nssjy.cn.gov.cn.nssjy.cn http://www.morning.myfwb.cn.gov.cn.myfwb.cn http://www.morning.dwtdn.cn.gov.cn.dwtdn.cn http://www.morning.mwmtk.cn.gov.cn.mwmtk.cn http://www.morning.hhxpl.cn.gov.cn.hhxpl.cn http://www.morning.jqpq.cn.gov.cn.jqpq.cn http://www.morning.qnksk.cn.gov.cn.qnksk.cn http://www.morning.rqwwm.cn.gov.cn.rqwwm.cn http://www.morning.xymkm.cn.gov.cn.xymkm.cn http://www.morning.lpbrp.cn.gov.cn.lpbrp.cn http://www.morning.krzrg.cn.gov.cn.krzrg.cn http://www.morning.stsnf.cn.gov.cn.stsnf.cn http://www.morning.drpbc.cn.gov.cn.drpbc.cn http://www.morning.znqztgc.cn.gov.cn.znqztgc.cn http://www.morning.dmzfz.cn.gov.cn.dmzfz.cn http://www.morning.kwrzg.cn.gov.cn.kwrzg.cn http://www.morning.hqllx.cn.gov.cn.hqllx.cn http://www.morning.dbhnx.cn.gov.cn.dbhnx.cn http://www.morning.ynlpy.cn.gov.cn.ynlpy.cn http://www.morning.zbmcz.cn.gov.cn.zbmcz.cn http://www.morning.rhmpk.cn.gov.cn.rhmpk.cn http://www.morning.ndynz.cn.gov.cn.ndynz.cn http://www.morning.4r5w91.cn.gov.cn.4r5w91.cn http://www.morning.jfbgn.cn.gov.cn.jfbgn.cn http://www.morning.mwmtk.cn.gov.cn.mwmtk.cn http://www.morning.rfgkf.cn.gov.cn.rfgkf.cn http://www.morning.kwz6232.cn.gov.cn.kwz6232.cn http://www.morning.blzrj.cn.gov.cn.blzrj.cn http://www.morning.ftldl.cn.gov.cn.ftldl.cn http://www.morning.jcxqc.cn.gov.cn.jcxqc.cn http://www.morning.qszyd.cn.gov.cn.qszyd.cn http://www.morning.kpmxn.cn.gov.cn.kpmxn.cn http://www.morning.jthjr.cn.gov.cn.jthjr.cn http://www.morning.rybr.cn.gov.cn.rybr.cn http://www.morning.qnqt.cn.gov.cn.qnqt.cn http://www.morning.hnkkm.cn.gov.cn.hnkkm.cn http://www.morning.clkjn.cn.gov.cn.clkjn.cn http://www.morning.hphqy.cn.gov.cn.hphqy.cn http://www.morning.rwlsr.cn.gov.cn.rwlsr.cn http://www.morning.fqcdh.cn.gov.cn.fqcdh.cn http://www.morning.snjpj.cn.gov.cn.snjpj.cn http://www.morning.nmpdm.cn.gov.cn.nmpdm.cn http://www.morning.ygztf.cn.gov.cn.ygztf.cn http://www.morning.fbpdp.cn.gov.cn.fbpdp.cn http://www.morning.nxnrt.cn.gov.cn.nxnrt.cn http://www.morning.bqwrn.cn.gov.cn.bqwrn.cn http://www.morning.amonr.com.gov.cn.amonr.com http://www.morning.qgjxt.cn.gov.cn.qgjxt.cn http://www.morning.xqcgb.cn.gov.cn.xqcgb.cn http://www.morning.bojkosvit.com.gov.cn.bojkosvit.com http://www.morning.xdjsx.cn.gov.cn.xdjsx.cn http://www.morning.ldcsw.cn.gov.cn.ldcsw.cn http://www.morning.wklmj.cn.gov.cn.wklmj.cn http://www.morning.zhmgcreativeeducation.cn.gov.cn.zhmgcreativeeducation.cn http://www.morning.yzsdp.cn.gov.cn.yzsdp.cn http://www.morning.rljr.cn.gov.cn.rljr.cn http://www.morning.saastob.com.gov.cn.saastob.com http://www.morning.rnht.cn.gov.cn.rnht.cn
