{"id":853,"date":"2025-04-18T06:00:03","date_gmt":"2025-04-17T22:00:03","guid":{"rendered":"https:\/\/www.wunen.com\/index.php\/2025\/04\/18\/%e5%9f%ba%e4%ba%8ejavaspringbootvue%e5%ae%9e%e7%8e%b0%e5%89%8d%e5%90%8e%e7%ab%af%e5%88%86%e7%a6%bb%e9%ab%98%e6%a0%a1%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e4%bc%9a%e7%ae%a1%e7%90%86%e7%b3%bb%e7%bb%9f\/"},"modified":"2025-04-18T06:00:03","modified_gmt":"2025-04-17T22:00:03","slug":"%e5%9f%ba%e4%ba%8ejavaspringbootvue%e5%ae%9e%e7%8e%b0%e5%89%8d%e5%90%8e%e7%ab%af%e5%88%86%e7%a6%bb%e9%ab%98%e6%a0%a1%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e4%bc%9a%e7%ae%a1%e7%90%86%e7%b3%bb%e7%bb%9f","status":"publish","type":"post","link":"http:\/\/www.wunen.com\/index.php\/2025\/04\/18\/%e5%9f%ba%e4%ba%8ejavaspringbootvue%e5%ae%9e%e7%8e%b0%e5%89%8d%e5%90%8e%e7%ab%af%e5%88%86%e7%a6%bb%e9%ab%98%e6%a0%a1%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e4%bc%9a%e7%ae%a1%e7%90%86%e7%b3%bb%e7%bb%9f\/","title":{"rendered":"\u57fa\u4e8eJava+SpringBoot+Vue\u5b9e\u73b0\u524d\u540e\u7aef\u5206\u79bb\u9ad8\u6821\u4f53\u80b2\u8fd0\u52a8\u4f1a\u7ba1\u7406\u7cfb\u7edf"},"content":{"rendered":"<div class=\"article_content clearfix\" id=\"article_content\">\n <link href=\"https:\/\/csdnimg.cn\/release\/blogv2\/dist\/mdeditor\/css\/editerView\/kdoc_html_views-1a98987dfd.css\" rel=\"stylesheet\"\/>\n <link href=\"https:\/\/csdnimg.cn\/release\/blogv2\/dist\/mdeditor\/css\/editerView\/ck_htmledit_views-704d5b9767.css\" rel=\"stylesheet\"\/>\n<div class=\"htmledit_views\" id=\"content_views\">\n<blockquote>\n<p>\n    <span style=\"color:#fe2c24;\"><br \/>\n     \u6587\u672b\u83b7\u53d6\u6e90\u7801<br \/>\n    <\/span>\n   <\/p>\n<p>\n    \u5f00\u53d1\u8bed\u8a00\uff1aJava\n   <\/p>\n<p>\n    \u4f7f\u7528\u6846\u67b6\uff1aspring boot\n   <\/p>\n<p>\n    \u524d\u7aef\u6280\u672f\uff1aJavaScript\u3001Vue\u00a0\u3001css3\n   <\/p>\n<p>\n    \u5f00\u53d1\u5de5\u5177\uff1aIDEA\/MyEclipse\/Eclipse\u3001Visual Studio Code\n   <\/p>\n<p>\n    \u6570\u636e\u5e93\uff1aMySQL 5.7\/8.0\n   <\/p>\n<p>\n    \u6570\u636e\u5e93\u7ba1\u7406\u5de5\u5177\uff1aphpstudy\/Navicat\n   <\/p>\n<p>\n    JDK\u7248\u672c\uff1ajdk1.8\n   <\/p>\n<p>\n    Maven: apache-maven 3.8.1-bin\n   <\/p>\n<\/blockquote>\n<h2>\n   \u4e00\u3001\u524d\u8a00\u4ecb\u7ecd<br \/>\n  <\/h2>\n<p style=\"margin-left:0;text-align:justify;\">\n   \u79d1\u6280\u8fdb\u6b65\u7684\u98de\u901f\u53d1\u5c55\u5f15\u8d77\u4eba\u4eec\u65e5\u5e38\u751f\u6d3b\u7684\u5de8\u5927\u53d8\u5316\uff0c\u7535\u5b50\u4fe1\u606f\u6280\u672f\u7684\u98de\u901f\u53d1\u5c55\u4f7f\u5f97\u7535\u5b50\u4fe1\u606f\u6280\u672f\u7684\u5404\u4e2a\u9886\u57df\u7684\u5e94\u7528\u6c34\u5e73\u5f97\u5230\u666e\u53ca\u548c\u5e94\u7528\u3002\u4fe1\u606f\u65f6\u4ee3\u7684\u5230\u6765\u5df2\u6210\u4e3a\u4e0d\u53ef\u963b\u6321\u7684\u65f6\u5c1a\u6f6e\u6d41\uff0c\u4eba\u7c7b\u53d1\u5c55\u7684\u5386\u53f2\u6b63\u8fdb\u5165\u4e00\u4e2a\u65b0\u65f6\u4ee3\u3002\u5728\u73b0\u5b9e\u8fd0\u7528\u4e2d\uff0c\u5e94\u7528\u8f6f\u4ef6\u7684\u5de5\u4f5c\u89c4\u5219\u548c\u5f00\u53d1\u6b65\u9aa4\uff0c\u91c7\u7528Java\u6280\u672f\u5efa\u8bbe\u9ad8\u6821\u4f53\u80b2\u8fd0\u52a8\u4f1a\u7ba1\u7406\u7cfb\u7edf\u3002\n  <\/p>\n<p style=\"margin-left:0;text-align:justify;\">\n   \u672c\u8bbe\u8ba1\u4e3b\u8981\u5b9e\u73b0\u96c6\u4eba\u6027\u5316\u3001\u9ad8\u6548\u7387\u3001\u4fbf\u6377\u7b49\u4f18\u70b9\u4e8e\u4e00\u8eab\u7684\u9ad8\u6821\u4f53\u80b2\u8fd0\u52a8\u4f1a\u7ba1\u7406\u7cfb\u7edf\uff0c\u5b8c\u6210\u9996\u9875\u3001\u8f6e\u64ad\u56fe\u3001\u901a\u77e5\u516c\u544a\u7ba1\u7406\u3001\u8d44\u6e90\u7ba1\u7406\uff08\u5ba3\u4f20\u8d44\u8baf\u3001\u8d44\u8baf\u5206\u7c7b\uff09\u3001\u7cfb\u7edf\u7528\u6237\uff08\u7ba1\u7406\u5458\u3001\u8fd0\u52a8\u5458\u3001\u88c1\u5224\u5458\uff09\u3001\u6a21\u5757\u7ba1\u7406\uff08\u6bd4\u8d5b\u4fe1\u606f\u3001\u62a5\u540d\u4fe1\u606f\u3001\u53d6\u6d88\u4fe1\u606f\u3001\u6210\u7ee9\u4fe1\u606f\uff09\u7b49\u529f\u80fd\u6a21\u5757\u3002\u7cfb\u7edf\u901a\u8fc7\u6d4f\u89c8\u5668\u4e0e\u670d\u52a1\u5668\u8fdb\u884c\u901a\u4fe1\uff0c\u5b9e\u73b0\u6570\u636e\u7684\u4ea4\u4e92\u4e0e\u53d8\u66f4\u3002\u672c\u7cfb\u7edf\u901a\u8fc7\u79d1\u5b66\u7684\u7ba1\u7406\u65b9\u5f0f\u3001\u4fbf\u6377\u7684\u670d\u52a1\u63d0\u9ad8\u4e86\u5de5\u4f5c\u6548\u7387\uff0c\u51cf\u5c11\u4e86\u6570\u636e\u5b58\u50a8\u4e0a\u7684\u9519\u8bef\u548c\u9057\u6f0f\u3002\u9ad8\u6821\u4f53\u80b2\u8fd0\u52a8\u4f1a\u7ba1\u7406\u7cfb\u7edf\u4f7f\u7528Java\u8bed\u8a00\uff0c\u91c7\u7528\u57fa\u4e8e MVVM\u6a21\u5f0f\u7684springboot\u6280\u672f\u8fdb\u884c\u5f00\u53d1\uff0c\u4f7f\u7528 Eclipse 2017 CI 10 \u7f16\u8bd1\u5668\u7f16\u5199\uff0c\u6570\u636e\u65b9\u9762\u4e3b\u8981\u91c7\u7528\u7684\u662f\u5fae\u8f6f\u7684MySQL\u5173\u7cfb\u578b\u6570\u636e\u5e93\u6765\u4f5c\u4e3a\u6570\u636e\u5b58\u50a8\u5a92\u4ecb\uff0c\u914d\u5408\u524d\u53f0vue\u6280\u672f\u5b8c\u6210\u7cfb\u7edf\u7684\u5f00\u53d1\u3002\n  <\/p>\n<h2>\n   \u4e8c\u3001\u76f8\u5173\u6280\u672f\u4ecb\u7ecd<br \/>\n  <\/h2>\n<h3>\n   2.1 \u5f00\u53d1\u6280\u672f\u8bf4\u660e<br \/>\n  <\/h3>\n<p style=\"margin-left:0;text-align:justify;\">\n   \u672c\u7cfb\u7edf\u524d\u7aef\u90e8\u5206\u57fa\u4e8eMVVM\u6a21\u5f0f\u8fdb\u884c\u5f00\u53d1\uff0c\u91c7\u7528B\/S\u6a21\u5f0f\uff0c\u540e\u7aef\u90e8\u5206\u57fa\u4e8eJava\u7684springboot\u6846\u67b6\u8fdb\u884c\u5f00\u53d1\u3002\n  <\/p>\n<p style=\"margin-left:0;text-align:justify;\">\n   \u524d\u7aef\u90e8\u5206\uff1a\u524d\u7aef\u6846\u67b6\u91c7\u7528\u4e86\u6bd4\u8f83\u6d41\u884c\u7684\u6e10\u8fdb\u5f0fJavaScript\u6846\u67b6Vue.js\u3002\u4f7f\u7528Vue-Router\u548cVuex\u5b9e\u73b0\u52a8\u6001\u8def\u7531\u548c\u5168\u5c40\u72b6\u6001\u7ba1\u7406,Ajax\u5b9e\u73b0\u524d\u540e\u7aef\u901a\u4fe1\uff0cElement UI\u7ec4\u4ef6\u5e93\u4f7f\u9875\u9762\u5feb\u901f\u6210\u578b\uff0c\u9879\u76ee\u524d\u7aef\u901a\u8fc7\u6805\u683c\u5e03\u5c40\u5b9e\u73b0\u54cd\u5e94\u5f0f\uff0c\u53ef\u9002\u5e94PC\u7aef\u3001\u5e73\u677f\u7aef\u3001\u624b\u673a\u7aef\u7b49\u4e0d\u540c\u5c4f\u5e55\u5927\u5c0f\u5c3a\u5bf8\u7684\u5b8c\u7f8e\u5e03\u5c40\u5c55\u793a\u3002\n  <\/p>\n<p style=\"margin-left:0;text-align:justify;\">\n   \u540e\u7aef\u90e8\u5206\uff1a\u91c7\u7528springboot\u4f5c\u4e3a\u5f00\u53d1\u6846\u67b6\uff0c\u540c\u65f6\u96c6\u6210MyBatis\u3001Redis\u7b49\u76f8\u5173\u6280\u672f\u3002\n  <\/p>\n<h3>\n   2.2 MVVM\u6a21\u5f0f\u4ecb\u7ecd<br \/>\n  <\/h3>\n<p>\n   MVVM\u662fModel-View-ViewModel\u7684\u7b80\u5199\u3002\u5b83\u672c\u8d28\u4e0a\u5c31\u662fMVC \u7684\u6539\u8fdb\u7248\u3002MVVM \u5c31\u662f\u5c06\u5176\u4e2d\u7684View \u7684\u72b6\u6001\u548c\u884c\u4e3a\u62bd\u8c61\u5316\uff0c\u8ba9\u6211\u4eec\u5c06\u89c6\u56fe UI \u548c\u4e1a\u52a1\u903b\u8f91\u5206\u5f00\u3002\u5f53\u7136\u8fd9\u4e9b\u4e8b ViewModel \u5df2\u7ecf\u5e2e\u6211\u4eec\u505a\u4e86\uff0c\u5b83\u53ef\u4ee5\u53d6\u51fa Model \u7684\u6570\u636e\u540c\u65f6\u5e2e\u5fd9\u5904\u7406 View \u4e2d\u7531\u4e8e\u9700\u8981\u5c55\u793a\u5185\u5bb9\u800c\u6d89\u53ca\u7684\u4e1a\u52a1\u903b\u8f91\u3002\u5fae\u8f6f\u7684WPF\u5e26\u6765\u4e86\u65b0\u7684\u6280\u672f\u4f53\u9a8c\uff0c\u5982Silverlight\u3001<br \/>\n   <a href=\"https:\/\/baike.baidu.com\/item\/%E9%9F%B3%E9%A2%91\/1197465\" rel=\"nofollow\" title=\"\u97f3\u9891\"><br \/>\n    \u97f3\u9891<br \/>\n   <\/a><br \/>\n   \u3001<br \/>\n   <a href=\"https:\/\/baike.baidu.com\/item\/%E8%A7%86%E9%A2%91\/321962\" rel=\"nofollow\" title=\"\u89c6\u9891\"><br \/>\n    \u89c6\u9891<br \/>\n   <\/a><br \/>\n   \u3001<br \/>\n   <a href=\"https:\/\/baike.baidu.com\/item\/3D\/25017\" rel=\"nofollow\" title=\"3D\"><br \/>\n    3D<br \/>\n   <\/a><br \/>\n   \u3001<br \/>\n   <a href=\"https:\/\/baike.baidu.com\/item\/%E5%8A%A8%E7%94%BB\/206564\" rel=\"nofollow\" title=\"\u52a8\u753b\"><br \/>\n    \u52a8\u753b<br \/>\n   <\/a><br \/>\n   \u2026\u2026\uff0c\u8fd9\u5bfc\u81f4\u4e86\u8f6f\u4ef6UI\u5c42\u66f4\u52a0\u7ec6\u8282\u5316\u3001\u53ef\u5b9a\u5236\u5316\u3002\u540c\u65f6\uff0c\u5728\u6280\u672f\u5c42\u9762\uff0cWPF\u4e5f\u5e26\u6765\u4e86 \u8bf8\u5982Binding\u3001Dependency Property\u3001Routed Events\u3001Command\u3001DataTemplate\u3001ControlTemplate\u7b49\u65b0\u7279\u6027\u3002MVVM\uff08Model-View-ViewModel\uff09\u6846\u67b6\u7684\u7531\u6765\u4fbf\u662fMVP\uff08Model-View-Presenter\uff09<br \/>\n   <a href=\"https:\/\/baike.baidu.com\/item\/%E6%A8%A1%E5%BC%8F\/700029\" rel=\"nofollow\" title=\"\u6a21\u5f0f\"><br \/>\n    \u6a21\u5f0f<br \/>\n   <\/a><br \/>\n   \u4e0eWPF\u7ed3\u5408\u7684\u5e94\u7528\u65b9\u5f0f\u65f6\u53d1\u5c55\u6f14\u53d8\u8fc7\u6765\u7684\u4e00\u79cd\u65b0\u578b\u67b6\u6784<br \/>\n   <a href=\"https:\/\/baike.baidu.com\/item\/%E6%A1%86%E6%9E%B6\/1212667\" rel=\"nofollow\" title=\"\u6846\u67b6\"><br \/>\n    \u6846\u67b6<br \/>\n   <\/a><br \/>\n   \u3002\u5b83\u7acb\u8db3\u4e8e\u539f\u6709MVP\u6846\u67b6\u5e76\u4e14\u628aWPF\u7684\u65b0\u7279\u6027\u7cc5\u5408\u8fdb\u53bb\uff0c\u4ee5\u5e94\u5bf9\u5ba2\u6237\u65e5\u76ca\u590d\u6742\u7684\u9700\u6c42\u53d8\u5316\u3002\n  <\/p>\n<h3>\n   2.3 B\/S\u7ed3\u6784<br \/>\n  <\/h3>\n<p>\n   B\/S\uff08Browser\/Server\uff09\u6bd4\u524d\u8eab\u67b6\u6784\u66f4\u4e3a\u7701\u4e8b\u7684\u67b6\u6784\u3002\u5b83\u501f\u52a9Web server\u5b8c\u6210\u6570\u636e\u7684\u4f20\u9012\u4ea4\u6d41\u3002\u53ea\u9700\u8981\u4e0b\u8f7d\u6d4f\u89c8\u5668\u4f5c\u4e3a\u5ba2\u6237\u7aef\uff0c\u90a3\u4e48\u5de5\u4f5c\u5c31\u8fbe\u5230\u201c\u7626\u8eab\u201d\u6548\u679c\uff0c \u4e0d\u9700\u8981\u8003\u8651\u4e0d\u505c\u88c5\u8f6f\u4ef6\u7684\u95ee\u9898\u3002\n  <\/p>\n<h2>\n   \u4e09\u3001\u7cfb\u7edf\u8bbe\u8ba1<br \/>\n  <\/h2>\n<h3>\n   3.1 \u7cfb\u7edf\u67b6\u6784\u8bbe\u8ba1<br \/>\n  <\/h3>\n<p style=\"margin-left:0;text-align:justify;\">\n   \u76ee\u524dB\/S\u4f53\u7cfb\u7684\u7cfb\u7edf\u4e3b\u8981\u7684\u6570\u636e\u8bbf\u95ee\u65b9\u5f0f\u662f\uff1a\u901a\u8fc7\u6d4f\u89c8\u5668\u9875\u9762\u7528\u6237\u53ef\u4ee5\u8fdb\u5165\u7cfb\u7edf\uff0c\u7cfb\u7edf\u53ef\u4ee5\u81ea\u52a8\u5bf9\u7528\u6237\u5411\u670d\u52a1\u5668\u53d1\u9001\u7684\u8bf7\u6c42\u8fdb\u884c\u5904\u7406\uff0c\u5904\u7406\u8bf7\u6c42\u662f\u5728\u7cfb\u7edf\u540e\u53f0\u4e2d\u8fdb\u884c\u7684\uff0c\u7528\u6237\u5728\u6d4f\u89c8\u5668\u9875\u9762\u4e0a\u8fdb\u884c\u76f8\u5e94\u64cd\u4f5c\uff0c\u5c31\u80fd\u591f\u770b\u5230\u670d\u52a1\u7aef\u4f20\u9012\u7684\u5904\u7406\u7ed3\u679c\u3002\u9ad8\u6821\u4f53\u80b2\u8fd0\u52a8\u4f1a\u7ba1\u7406\u7cfb\u7edf\u4e3b\u8981\u5206\u4e3a\u89c6\u56fe-\u6a21\u578b-\u63a7\u5236\u4e09\u5c42\u67b6\u6784\u8bbe\u8ba1\u3002\u5728\u89c6\u56fe\u5c42\u4e2d\uff0c\u4e3b\u8981\u662f\u64cd\u4f5c\u5728\u670d\u52a1\u5668\u7aef\u5411\u5ba2\u6237\u7aef\u53cd\u9988\u5e76\u663e\u793a\u7684\u6570\u636e\uff0c\u5728\u6a21\u578b\u5c42\u4e2d\uff0c\u4e3b\u8981\u5904\u7406\u76f8\u5173\u7684\u4e1a\u52a1\u903b\u8f91\u3001\u6570\u636e\u6574\u5408\u7b49\uff0c\u6700\u540e\u7684\u63a7\u5236\u5c42\u5b83\u4ecb\u4e8e\u89c6\u56fe\u548c\u6a21\u578b\u4e4b\u95f4\uff0c\u4e3b\u8981\u662f\u8c03\u6574\u4e24\u5c42\u4e4b\u95f4\u7684\u5173\u7cfb\uff0c\u6700\u7ec8\u843d\u5b9e\u6570\u636e\u7684\u4f20\u9012\u3002\n  <\/p>\n<p style=\"margin-left:0;text-align:justify;\">\n   \u7cfb\u7edf\u67b6\u6784\u56fe\u5982\u4e0b\u56fe\u6240\u793a\u3002\n  <\/p>\n<p style=\"margin-left:0;text-align:justify;\">\n<h3>\n   3.2 \u7cfb\u7edf\u529f\u80fd\u7ed3\u6784<br \/>\n  <\/h3>\n<p style=\"margin-left:0;text-align:justify;\">\n   \u7cfb\u7edf\u8bbe\u8ba1\u7684\u76ee\u7684\u662f\u5206\u6790\u7cfb\u7edf\u5305\u62ec\u7684\u6240\u6709\u529f\u80fd\u7ed3\u6784\uff0c\u4e3a\u5f00\u53d1\u4eba\u5458\u8bbe\u8ba1\u5f00\u53d1\u548c\u5b9e\u73b0\u7cfb\u7edf\u505a\u597d\u51c6\u5907\u5de5\u4f5c\u3002\u7ecf\u8fc7\u524d\u671f\u7684\u9700\u6c42\u8c03\u67e5\u3001\u5206\u6790\u548c\u6574\u7406\u4e4b\u540e\uff0c\u786e\u5b9a\u7684\u603b\u4f53\u9700\u6c42\u4e3b\u8981\u5305\u62ec\u591a\u4e2a\u6a21\u5757\uff0c\u5206\u522b\u662f\uff1a\u9996\u9875\u3001\u8f6e\u64ad\u56fe\u3001\u901a\u77e5\u516c\u544a\u7ba1\u7406\u3001\u8d44\u6e90\u7ba1\u7406\uff08\u5ba3\u4f20\u8d44\u8baf\u3001\u8d44\u8baf\u5206\u7c7b\uff09\u3001\u7cfb\u7edf\u7528\u6237\uff08\u7ba1\u7406\u5458\u3001\u8fd0\u52a8\u5458\u3001\u88c1\u5224\u5458\uff09\u3001\u6a21\u5757\u7ba1\u7406\uff08\u6bd4\u8d5b\u4fe1\u606f\u3001\u62a5\u540d\u4fe1\u606f\u3001\u53d6\u6d88\u4fe1\u606f\u3001\u6210\u7ee9\u4fe1\u606f\uff09\u3002\u7cfb\u7edf\u6574\u4f53\u89d2\u8272\u5206\u4e3a\u4e09\u4e2a\u90e8\u5206\uff0c\u4e00\u662f\u8fd0\u52a8\u5458\u3001\u4e8c\u662f\u88c1\u5224\u5458\u3001\u6700\u540e\u662f\u7ba1\u7406\u5458\u3002\u6743\u9650\u5206\u5e03\u4e5f\u662f\u5f88\u660e\u663e\uff0c\u8fd0\u52a8\u5458\u662f\u5728\u9664\u53bb\u6d4f\u89c8\u6bd4\u8d5b\u4fe1\u606f\u4e4b\u5916\u8fd8\u5177\u6709\u67e5\u8be2\u548c\u7ba1\u7406\u81ea\u5df1\u8d26\u6237\u4fe1\u606f\u3001\u62a5\u540d\u4fe1\u606f\u3001\u53d6\u6d88\u4fe1\u606f\u3001\u6210\u7ee9\u4fe1\u606f\u7b49\u6743\u9650\uff1b\u88c1\u5224\u5458\u5177\u6709\u7ba1\u7406\u62a5\u540d\u4fe1\u606f\u3001\u53d6\u6d88\u4fe1\u606f\u3001\u6210\u7ee9\u4fe1\u606f\u7b49\u6743\u9650\uff1b\u7ba1\u7406\u5458\u662f\u6700\u9ad8\u6743\u9650\u62e5\u6709\u8005\u3002\n  <\/p>\n<p style=\"margin-left:0;text-align:justify;\">\n   \u7cfb\u7edf\u529f\u80fd\u7ed3\u6784\u56fe\u5982\u4e0b\u56fe\u6240\u793a\u3002\n  <\/p>\n<\/p>\n<h2>\n   \u56db\u3001\u7cfb\u7edf\u529f\u80fd\u5b9e\u73b0\u622a\u56fe<br \/>\n  <\/h2>\n<p>\n   \u7cfb\u7edf\u767b\u5f55\u754c\u9762\n  <\/p>\n<\/p>\n<p>\n   \u9996\u9875\n  <\/p>\n<\/p>\n<p>\n   \u5ba3\u4f20\u8d44\u8baf\n  <\/p>\n<\/p>\n<p>\n   \u6bd4\u8d5b\u4fe1\u606f\n  <\/p>\n<\/p>\n<p>\n   \u8fd0\u52a8\u5458\u7528\u6237\u7ba1\u7406\n  <\/p>\n<\/p>\n<p>\n   \u6bd4\u8d5b\u4fe1\u606f\u7ba1\u7406\n  <\/p>\n<\/p>\n<h2>\n   \u4e94\u3001\u90e8\u5206\u6838\u5fc3\u4ee3\u7801<br \/>\n  <\/h2>\n<pre><code class=\"hljs\">package com.project.demo.controller.base;\n\nimport com.alibaba.fastjson.JSONArray;\nimport com.alibaba.fastjson.JSONObject;\nimport com.project.demo.service.base.BaseService;\nimport lombok.Setter;\nimport lombok.extern.slf4j.Slf4j;\nimport org.apache.poi.hssf.usermodel.HSSFWorkbook;\nimport org.springframework.transaction.annotation.Transactional;\nimport org.springframework.web.bind.annotation.PostMapping;\nimport org.springframework.web.bind.annotation.RequestMapping;\nimport org.springframework.web.bind.annotation.RequestParam;\nimport org.springframework.web.multipart.MultipartFile;\nimport javax.persistence.Query;\nimport javax.servlet.http.HttpServletRequest;\nimport javax.servlet.http.HttpServletResponse;\nimport java.io.File;\nimport java.io.IOException;\nimport java.util.HashMap;\nimport java.util.List;\nimport java.util.Map;\n\n\/**\n *\/\n@Slf4j\npublic class BaseController&lt;E, S extends BaseService&lt;E&gt;&gt; {\n\n    @Setter\n    protected S service;\n\n\n    @PostMapping(\"\/add\")\n    @Transactional\n    public Map&lt;String, Object&gt; add(HttpServletRequest request) throws IOException {\n        service.insert(service.readBody(request.getReader()));\n        return success(1);\n    }\n\n    @Transactional\n    public Map&lt;String, Object&gt; addMap(Map&lt;String,Object&gt; map){\n        service.insert(map);\n        return success(1);\n    }\n\n    @PostMapping(\"\/set\")\n\t@Transactional\n    public Map&lt;String, Object&gt; set(HttpServletRequest request) throws IOException {\n        service.update(service.readQuery(request), service.readConfig(request), service.readBody(request.getReader()));\n        return success(1);\n    }\n\n\n    @RequestMapping(value = \"\/del\")\n    @Transactional\n    public Map&lt;String, Object&gt; del(HttpServletRequest request) {\n        service.delete(service.readQuery(request), service.readConfig(request));\n        return success(1);\n    }\n\n    @RequestMapping(\"\/get_obj\")\n    public Map&lt;String, Object&gt; obj(HttpServletRequest request) {\n        Query select = service.select(service.readQuery(request), service.readConfig(request));\n        List resultList = select.getResultList();\n        if (resultList.size() &gt; 0) {\n            JSONObject jsonObject = new JSONObject();\n            jsonObject.put(\"obj\",resultList.get(0));\n            return success(jsonObject);\n        } else {\n            return success(null);\n        }\n    }\n\n\n    @RequestMapping(\"\/get_list\")\n    public Map&lt;String, Object&gt; getList(HttpServletRequest request) {\n        Map&lt;String, Object&gt; map = service.selectToPage(service.readQuery(request), service.readConfig(request));\n        return success(map);\n    }\n\n    @RequestMapping(\"\/list_group\")\n    public Map&lt;String, Object&gt; listGroup(HttpServletRequest request) {\n        Map&lt;String, Object&gt; map = service.selectToList(service.readQuery(request), service.readConfig(request));\n        return success(map);\n    }\n\n    @RequestMapping(\"\/bar_group\")\n    public Map&lt;String, Object&gt; barGroup(HttpServletRequest request) {\n        Map&lt;String, Object&gt; map = service.selectBarGroup(service.readQuery(request), service.readConfig(request));\n        return success(map);\n    }\n\n    @RequestMapping(value = {\"\/count_group\", \"\/count\"})\n    public Map&lt;String, Object&gt; count(HttpServletRequest request) {\n        Query count = service.count(service.readQuery(request), service.readConfig(request));\n        return success(count.getResultList());\n    }\n\n    @RequestMapping(value = {\"\/sum_group\", \"\/sum\"})\n    public Map&lt;String, Object&gt; sum(HttpServletRequest request) {\n        Query count = service.sum(service.readQuery(request), service.readConfig(request));\n        return success(count.getResultList());\n    }\n\n    @RequestMapping(value = {\"\/avg_group\", \"\/avg\"})\n\tpublic Map&lt;String, Object&gt; avg(HttpServletRequest request) {\n        Query count = service.avg(service.readQuery(request), service.readConfig(request));\n        return success(count.getResultList());\n    }\n\n\n    @PostMapping(\"\/upload\")\n    public Map&lt;String, Object&gt; upload(@RequestParam(\"file\") MultipartFile file) {\n        log.info(\"\u8fdb\u5165\u65b9\u6cd5\");\n        if (file.isEmpty()) {\n            return error(30000, \"\u6ca1\u6709\u9009\u62e9\u6587\u4ef6\");\n        }\n        try {\n            \/\/\u5224\u65ad\u6709\u6ca1\u8def\u5f84\uff0c\u6ca1\u6709\u5219\u521b\u5efa\n            String filePath = System.getProperty(\"user.dir\") + \"\\\\target\\\\classes\\\\static\\\\upload\\\\\";\n            File targetDir = new File(filePath);\n            if (!targetDir.exists() &amp;&amp; !targetDir.isDirectory()) {\n                if (targetDir.mkdirs()) {\n                    log.info(\"\u521b\u5efa\u76ee\u5f55\u6210\u529f\");\n                } else {\n                    log.error(\"\u521b\u5efa\u76ee\u5f55\u5931\u8d25\");\n                }\n            }\n\/\/            String path = ResourceUtils.getURL(\"classpath:\").getPath() + \"static\/upload\/\";\n\/\/            String filePath = path.replace('\/', '\\\\').substring(1, path.length());\n            String fileName = file.getOriginalFilename();\n            File dest = new File(filePath + fileName);\n            log.info(\"\u6587\u4ef6\u8def\u5f84:{}\", dest.getPath());\n            log.info(\"\u6587\u4ef6\u540d:{}\", dest.getName());\n            file.transferTo(dest);\n            JSONObject jsonObject = new JSONObject();\n            jsonObject.put(\"url\", \"\/api\/upload\/\" + fileName);\n            return success(jsonObject);\n        } catch (IOException e) {\n            log.info(\"\u4e0a\u4f20\u5931\u8d25\uff1a{}\", e.getMessage());\n        }\n        return error(30000, \"\u4e0a\u4f20\u5931\u8d25\");\n    }\n\n    @PostMapping(\"\/import_db\")\n    public Map&lt;String, Object&gt; importDb(@RequestParam(\"file\") MultipartFile file) throws IOException {\n        service.importDb(file);\n        return success(1);\n    }\n\n    @RequestMapping(\"\/export_db\")\n    public void exportDb(HttpServletRequest request, HttpServletResponse response) throws IOException {\n        HSSFWorkbook sheets = service.exportDb(service.readQuery(request), service.readConfig(request));\n        response.setContentType(\"application\/octet-stream\");\n        response.setHeader(\"Content-disposition\", \"attachment;filename=employee.xls\");\n        response.flushBuffer();\n        sheets.write(response.getOutputStream());\n        sheets.close();\n    }\n\n    public Map&lt;String, Object&gt; success(Object o) {\n        Map&lt;String, Object&gt; map = new HashMap&lt;&gt;();\n        if (o == null) {\n            map.put(\"result\", null);\n            return map;\n        }\n        if (o instanceof List) {\n            if (((List) o).size() == 1) {\n               o =  ((List) o).get(0);\n                map.put(\"result\", o);\n            }else {\n                String jsonString = JSONObject.toJSONString(o);\n                JSONArray objects = service.covertArray(JSONObject.parseArray(jsonString));\n                map.put(\"result\", objects);\n            }\n        } else if (o instanceof Integer || o instanceof String) {\n            map.put(\"result\", o);\n        } else {\n            String jsonString = JSONObject.toJSONString(o);\n            JSONObject jsonObject = JSONObject.parseObject(jsonString);\n            JSONObject j = service.covertObject(jsonObject);\n            map.put(\"result\", j);\n        }\n        return map;\n    }\n\n    public Map&lt;String, Object&gt; error(Integer code, String message) {\n        Map&lt;String, Object&gt; map = new HashMap&lt;&gt;();\n        map.put(\"error\", new HashMap&lt;String, Object&gt;(4) {<!-- -->{\n            put(\"code\", code);\n            put(\"message\", message);\n        }});\n        return map;\n    }\n}\n<\/code><\/pre>\n<h2>\n   \u516d\u3001\u603b\u7ed3\u4e0e\u5c55\u671b<br \/>\n  <\/h2>\n<p style=\"margin-left:0;text-align:justify;\">\n   \u901a\u8fc7\u9ad8\u6821\u4f53\u80b2\u8fd0\u52a8\u4f1a\u7ba1\u7406\u7cfb\u7edf\u7684\u5f00\u53d1\uff0c\u672c\u4eba\u5de9\u56fa\u4e86\u4e4b\u524d\u5b66\u8fc7\u7684\u77e5\u8bc6\uff0c\u5982\u4eca\u5c06\u5e73\u65f6\u6240\u5b66\u5230\u7684\u77e5\u8bc6\u878d\u5408\u5728\u8bbe\u8ba1\u4e2d\uff0c\u5728\u8bbe\u8ba1\u8fc7\u7a0b\u4e2d\uff0c\u505a\u4e86\u5f88\u591a\u7684\u51c6\u5907\uff0c\u9996\u5148\uff0c\u5728\u6570\u636e\u5e93\u7cfb\u7edf\u7684\u8bbe\u8ba1\u8fc7\u7a0b\u4e2d\uff0c\u5c24\u5176\u662f\u5728\u6570\u636e\u5e93\u7684\u5de5\u4f5c\u539f\u7406\u3001\u5de5\u4f5c\u7279\u70b9\uff0c\u5bf9\u5176\u6df1\u523b\u7684\u8ba8\u8bba\uff0c\u4e0e\u6b64\u540c\u65f6\uff0c\u5bf9\u4e8e\u5c0f\u578b\u7ad9\u70b9\u6765\u8bf4\uff0c\u6700\u597d\u670d\u52a1\u5668\u7684\u9009\u62e9\uff0c\u5176\u6b21\uff0c\u5229\u7528\u6240\u5b66\u7684\u77e5\u8bc6\u70b9\u5206\u6790\u6240\u505a\u7684\u7cfb\u7edf\uff0c\u5e76\u5728\u6b64\u57fa\u7840\u4e0a\u8bbe\u8ba1\u3002\n  <\/p>\n<p style=\"margin-left:0;text-align:justify;\">\n   \u76ee\u524d\u672c\u7cfb\u7edf\u5df2\u7ecf\u4e0a\u7ebf\uff0c\u6b63\u5728\u8bd5\u8fd0\u884c\u9636\u6bb5\uff0c\u7528\u6237\u53cd\u9988\u826f\u597d\uff0c\u57fa\u672c\u5b8c\u6210\u7528\u6237\u6240\u9700\uff0c\u8bd5\u8fd0\u884c\u8fc7\u7a0b\u4e2d\u6ca1\u6709\u51fa\u73b0\u963b\u65ad\u6027\u95ee\u9898\uff0c\u6709\u4e00\u4e9b\u4e0d\u8db3\u548c\u5c0f\u95ee\u9898\u4e5f\u53ca\u65f6\u4e88\u4ee5\u4fee\u6b63\uff0c\u7cfb\u7edf\u4e0a\u7ebf\u540e\uff0c\u4e3a\u4e86\u4fdd\u8bc1\u6570\u636e\u7684\u5b89\u5168\u6027\uff0c\u5bf9\u7cfb\u7edf\u8fdb\u884c\u4e86\u5907\u4efd\u64cd\u4f5c\uff0c\u7cfb\u7edf\u5907\u4efd\u662f\u6bcf\u4e24\u4e2a\u6708\u5907\u4efd\u4e00\u6b21\uff0c\u6570\u636e\u5e93\u5907\u4efd\u4e3a\u6bcf\u5468\u5907\u4efd\u4e00\u6b21\uff0c\u7cfb\u7edf\u90e8\u7f72\u5728\u79df\u8d41\u7684\u4e91\u5e73\u53f0\u670d\u52a1\u5668\u4e2d\u3002\n  <\/p>\n<p style=\"margin-left:0;text-align:justify;\">\n   \u672c\u6b21\u7cfb\u7edf\u4e0a\u7ebf\u6210\u529f\u540e\uff0c\u5f97\u5230\u4e86\u7528\u6237\u7684\u9ad8\u5ea6\u8ba4\u53ef\uff0c\u4f46\u662f\u5728\u529f\u80fd\u4e0a\u548c\u6027\u80fd\u4e0a\u8fd8\u9700\u505a\u8fdb\u4e00\u6b65\u7684\u7814\u7a76\u5904\u7406\uff0c\u4f7f\u5176\u6709\u66f4\u9ad8\u7684\u6027\u80fd\u548c\u66f4\u597d\u7684\u7528\u6237\u4f53\u9a8c\u3002\n  <\/p>\n<p style=\"margin-left:0;text-align:justify;\">\n   \u7cfb\u7edf\u5728\u4ee5\u540e\u7684\u5347\u7ea7\u8fc7\u7a0b\u4e2d\uff0c\u9700\u8981\u89e3\u51b3\u4e00\u7cfb\u5217\u7528\u6237\u6240\u63d0\u51fa\u7684\u95ee\u9898\uff0c\u4f8b\u5982\u6253\u5370\u8fc7\u7a0b\u4e2d\u5982\u4f55\u907f\u514d\u6d4f\u89c8\u5668\u7684\u517c\u5bb9\u6027\u95ee\u9898\uff0c\u5927\u91cf\u7528\u6237\u8bbf\u95ee\u65f6\uff0c\u5982\u4f55\u4fdd\u6301\u8f83\u9ad8\u7684\u54cd\u5e94\u901f\u5ea6\uff0c\u5728\u7cfb\u7edf\u4eca\u540e\u7684\u5347\u7ea7\u8fc7\u7a0b\u4e2d\u5c06\u7740\u91cd\u89e3\u51b3\u8fd9\u4e9b\u5b89\u5168\u6027\u95ee\u9898\u3002\n  <\/p>\n<\/p><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u6587\u672b\u83b7\u53d6\u6e90\u7801 \u5f00\u53d1\u8bed\u8a00\uff1aJava \u4f7f\u7528\u6846\u67b6\uff1aspring boot \u524d\u7aef\u6280\u672f\uff1aJavaScript\u3001Vue\u00a0\u3001 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":215,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[29],"tags":[],"class_list":["post-853","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-29"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u57fa\u4e8eJava+SpringBoot+Vue\u5b9e\u73b0\u524d\u540e\u7aef\u5206\u79bb\u9ad8\u6821\u4f53\u80b2\u8fd0\u52a8\u4f1a\u7ba1\u7406\u7cfb\u7edf - \u7269\u5ae9\u8f6f\u4ef6\u8d44\u8baf\u7f51<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/www.wunen.com\/index.php\/2025\/04\/18\/\u57fa\u4e8ejavaspringbootvue\u5b9e\u73b0\u524d\u540e\u7aef\u5206\u79bb\u9ad8\u6821\u4f53\u80b2\u8fd0\u52a8\u4f1a\u7ba1\u7406\u7cfb\u7edf\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u57fa\u4e8eJava+SpringBoot+Vue\u5b9e\u73b0\u524d\u540e\u7aef\u5206\u79bb\u9ad8\u6821\u4f53\u80b2\u8fd0\u52a8\u4f1a\u7ba1\u7406\u7cfb\u7edf - \u7269\u5ae9\u8f6f\u4ef6\u8d44\u8baf\u7f51\" \/>\n<meta property=\"og:description\" content=\"\u6587\u672b\u83b7\u53d6\u6e90\u7801 \u5f00\u53d1\u8bed\u8a00\uff1aJava \u4f7f\u7528\u6846\u67b6\uff1aspring boot \u524d\u7aef\u6280\u672f\uff1aJavaScript\u3001Vue\u00a0\u3001 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"http:\/\/www.wunen.com\/index.php\/2025\/04\/18\/\u57fa\u4e8ejavaspringbootvue\u5b9e\u73b0\u524d\u540e\u7aef\u5206\u79bb\u9ad8\u6821\u4f53\u80b2\u8fd0\u52a8\u4f1a\u7ba1\u7406\u7cfb\u7edf\/\" \/>\n<meta property=\"og:site_name\" content=\"\u7269\u5ae9\u8f6f\u4ef6\u8d44\u8baf\u7f51\" \/>\n<meta property=\"article:published_time\" content=\"2025-04-17T22:00:03+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.wunen.com\/wp-content\/uploads\/2025\/03\/\u8d44\u8baf.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"260\" \/>\n\t<meta property=\"og:image:height\" content=\"180\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin@wunen\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin@wunen\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"http:\/\/www.wunen.com\/index.php\/2025\/04\/18\/%e5%9f%ba%e4%ba%8ejavaspringbootvue%e5%ae%9e%e7%8e%b0%e5%89%8d%e5%90%8e%e7%ab%af%e5%88%86%e7%a6%bb%e9%ab%98%e6%a0%a1%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e4%bc%9a%e7%ae%a1%e7%90%86%e7%b3%bb%e7%bb%9f\/#article\",\"isPartOf\":{\"@id\":\"http:\/\/www.wunen.com\/index.php\/2025\/04\/18\/%e5%9f%ba%e4%ba%8ejavaspringbootvue%e5%ae%9e%e7%8e%b0%e5%89%8d%e5%90%8e%e7%ab%af%e5%88%86%e7%a6%bb%e9%ab%98%e6%a0%a1%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e4%bc%9a%e7%ae%a1%e7%90%86%e7%b3%bb%e7%bb%9f\/\"},\"author\":{\"name\":\"admin@wunen\",\"@id\":\"https:\/\/www.wunen.com\/#\/schema\/person\/d5f7a6cf545656a9c90d507e64452db8\"},\"headline\":\"\u57fa\u4e8eJava+SpringBoot+Vue\u5b9e\u73b0\u524d\u540e\u7aef\u5206\u79bb\u9ad8\u6821\u4f53\u80b2\u8fd0\u52a8\u4f1a\u7ba1\u7406\u7cfb\u7edf\",\"datePublished\":\"2025-04-17T22:00:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"http:\/\/www.wunen.com\/index.php\/2025\/04\/18\/%e5%9f%ba%e4%ba%8ejavaspringbootvue%e5%ae%9e%e7%8e%b0%e5%89%8d%e5%90%8e%e7%ab%af%e5%88%86%e7%a6%bb%e9%ab%98%e6%a0%a1%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e4%bc%9a%e7%ae%a1%e7%90%86%e7%b3%bb%e7%bb%9f\/\"},\"wordCount\":90,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.wunen.com\/#organization\"},\"image\":{\"@id\":\"http:\/\/www.wunen.com\/index.php\/2025\/04\/18\/%e5%9f%ba%e4%ba%8ejavaspringbootvue%e5%ae%9e%e7%8e%b0%e5%89%8d%e5%90%8e%e7%ab%af%e5%88%86%e7%a6%bb%e9%ab%98%e6%a0%a1%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e4%bc%9a%e7%ae%a1%e7%90%86%e7%b3%bb%e7%bb%9f\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/www.wunen.com\/wp-content\/uploads\/2025\/03\/\u8d44\u8baf.jpg\",\"articleSection\":[\"\u4f53\u80b2\u8fd0\u52a8\"],\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"http:\/\/www.wunen.com\/index.php\/2025\/04\/18\/%e5%9f%ba%e4%ba%8ejavaspringbootvue%e5%ae%9e%e7%8e%b0%e5%89%8d%e5%90%8e%e7%ab%af%e5%88%86%e7%a6%bb%e9%ab%98%e6%a0%a1%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e4%bc%9a%e7%ae%a1%e7%90%86%e7%b3%bb%e7%bb%9f\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"http:\/\/www.wunen.com\/index.php\/2025\/04\/18\/%e5%9f%ba%e4%ba%8ejavaspringbootvue%e5%ae%9e%e7%8e%b0%e5%89%8d%e5%90%8e%e7%ab%af%e5%88%86%e7%a6%bb%e9%ab%98%e6%a0%a1%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e4%bc%9a%e7%ae%a1%e7%90%86%e7%b3%bb%e7%bb%9f\/\",\"url\":\"http:\/\/www.wunen.com\/index.php\/2025\/04\/18\/%e5%9f%ba%e4%ba%8ejavaspringbootvue%e5%ae%9e%e7%8e%b0%e5%89%8d%e5%90%8e%e7%ab%af%e5%88%86%e7%a6%bb%e9%ab%98%e6%a0%a1%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e4%bc%9a%e7%ae%a1%e7%90%86%e7%b3%bb%e7%bb%9f\/\",\"name\":\"\u57fa\u4e8eJava+SpringBoot+Vue\u5b9e\u73b0\u524d\u540e\u7aef\u5206\u79bb\u9ad8\u6821\u4f53\u80b2\u8fd0\u52a8\u4f1a\u7ba1\u7406\u7cfb\u7edf - \u7269\u5ae9\u8f6f\u4ef6\u8d44\u8baf\u7f51\",\"isPartOf\":{\"@id\":\"https:\/\/www.wunen.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"http:\/\/www.wunen.com\/index.php\/2025\/04\/18\/%e5%9f%ba%e4%ba%8ejavaspringbootvue%e5%ae%9e%e7%8e%b0%e5%89%8d%e5%90%8e%e7%ab%af%e5%88%86%e7%a6%bb%e9%ab%98%e6%a0%a1%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e4%bc%9a%e7%ae%a1%e7%90%86%e7%b3%bb%e7%bb%9f\/#primaryimage\"},\"image\":{\"@id\":\"http:\/\/www.wunen.com\/index.php\/2025\/04\/18\/%e5%9f%ba%e4%ba%8ejavaspringbootvue%e5%ae%9e%e7%8e%b0%e5%89%8d%e5%90%8e%e7%ab%af%e5%88%86%e7%a6%bb%e9%ab%98%e6%a0%a1%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e4%bc%9a%e7%ae%a1%e7%90%86%e7%b3%bb%e7%bb%9f\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/www.wunen.com\/wp-content\/uploads\/2025\/03\/\u8d44\u8baf.jpg\",\"datePublished\":\"2025-04-17T22:00:03+00:00\",\"breadcrumb\":{\"@id\":\"http:\/\/www.wunen.com\/index.php\/2025\/04\/18\/%e5%9f%ba%e4%ba%8ejavaspringbootvue%e5%ae%9e%e7%8e%b0%e5%89%8d%e5%90%8e%e7%ab%af%e5%88%86%e7%a6%bb%e9%ab%98%e6%a0%a1%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e4%bc%9a%e7%ae%a1%e7%90%86%e7%b3%bb%e7%bb%9f\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\/\/www.wunen.com\/index.php\/2025\/04\/18\/%e5%9f%ba%e4%ba%8ejavaspringbootvue%e5%ae%9e%e7%8e%b0%e5%89%8d%e5%90%8e%e7%ab%af%e5%88%86%e7%a6%bb%e9%ab%98%e6%a0%a1%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e4%bc%9a%e7%ae%a1%e7%90%86%e7%b3%bb%e7%bb%9f\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"http:\/\/www.wunen.com\/index.php\/2025\/04\/18\/%e5%9f%ba%e4%ba%8ejavaspringbootvue%e5%ae%9e%e7%8e%b0%e5%89%8d%e5%90%8e%e7%ab%af%e5%88%86%e7%a6%bb%e9%ab%98%e6%a0%a1%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e4%bc%9a%e7%ae%a1%e7%90%86%e7%b3%bb%e7%bb%9f\/#primaryimage\",\"url\":\"http:\/\/www.wunen.com\/wp-content\/uploads\/2025\/03\/\u8d44\u8baf.jpg\",\"contentUrl\":\"http:\/\/www.wunen.com\/wp-content\/uploads\/2025\/03\/\u8d44\u8baf.jpg\",\"width\":260,\"height\":180},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\/\/www.wunen.com\/index.php\/2025\/04\/18\/%e5%9f%ba%e4%ba%8ejavaspringbootvue%e5%ae%9e%e7%8e%b0%e5%89%8d%e5%90%8e%e7%ab%af%e5%88%86%e7%a6%bb%e9%ab%98%e6%a0%a1%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e4%bc%9a%e7%ae%a1%e7%90%86%e7%b3%bb%e7%bb%9f\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.wunen.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u57fa\u4e8eJava+SpringBoot+Vue\u5b9e\u73b0\u524d\u540e\u7aef\u5206\u79bb\u9ad8\u6821\u4f53\u80b2\u8fd0\u52a8\u4f1a\u7ba1\u7406\u7cfb\u7edf\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.wunen.com\/#website\",\"url\":\"https:\/\/www.wunen.com\/\",\"name\":\"\u7269\u5ae9\u8f6f\u4ef6\u8d44\u8baf\u7f51\",\"description\":\"\u8f6f\u4ef6\u8d44\u8baf\u6765\u7269\u5ae9\",\"publisher\":{\"@id\":\"https:\/\/www.wunen.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.wunen.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.wunen.com\/#organization\",\"name\":\"\u7269\u5ae9\u8f6f\u4ef6\u8d44\u8baf\u7f51\",\"url\":\"https:\/\/www.wunen.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.wunen.com\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/www.wunen.com\/wp-content\/uploads\/2025\/03\/cropped-\u7269\u5ae9-1.png\",\"contentUrl\":\"http:\/\/www.wunen.com\/wp-content\/uploads\/2025\/03\/cropped-\u7269\u5ae9-1.png\",\"width\":1024,\"height\":1024,\"caption\":\"\u7269\u5ae9\u8f6f\u4ef6\u8d44\u8baf\u7f51\"},\"image\":{\"@id\":\"https:\/\/www.wunen.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.wunen.com\/#\/schema\/person\/d5f7a6cf545656a9c90d507e64452db8\",\"name\":\"admin@wunen\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.wunen.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d90ec1e3faf77c4d4e66e40c29b85ff6401161e0502f401dae2f0e25b38ce25e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d90ec1e3faf77c4d4e66e40c29b85ff6401161e0502f401dae2f0e25b38ce25e?s=96&d=mm&r=g\",\"caption\":\"admin@wunen\"},\"sameAs\":[\"http:\/\/www.wunen.com\"],\"url\":\"http:\/\/www.wunen.com\/index.php\/author\/adminwunen\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u57fa\u4e8eJava+SpringBoot+Vue\u5b9e\u73b0\u524d\u540e\u7aef\u5206\u79bb\u9ad8\u6821\u4f53\u80b2\u8fd0\u52a8\u4f1a\u7ba1\u7406\u7cfb\u7edf - \u7269\u5ae9\u8f6f\u4ef6\u8d44\u8baf\u7f51","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"http:\/\/www.wunen.com\/index.php\/2025\/04\/18\/\u57fa\u4e8ejavaspringbootvue\u5b9e\u73b0\u524d\u540e\u7aef\u5206\u79bb\u9ad8\u6821\u4f53\u80b2\u8fd0\u52a8\u4f1a\u7ba1\u7406\u7cfb\u7edf\/","og_locale":"zh_CN","og_type":"article","og_title":"\u57fa\u4e8eJava+SpringBoot+Vue\u5b9e\u73b0\u524d\u540e\u7aef\u5206\u79bb\u9ad8\u6821\u4f53\u80b2\u8fd0\u52a8\u4f1a\u7ba1\u7406\u7cfb\u7edf - \u7269\u5ae9\u8f6f\u4ef6\u8d44\u8baf\u7f51","og_description":"\u6587\u672b\u83b7\u53d6\u6e90\u7801 \u5f00\u53d1\u8bed\u8a00\uff1aJava \u4f7f\u7528\u6846\u67b6\uff1aspring boot \u524d\u7aef\u6280\u672f\uff1aJavaScript\u3001Vue\u00a0\u3001 [&hellip;]","og_url":"http:\/\/www.wunen.com\/index.php\/2025\/04\/18\/\u57fa\u4e8ejavaspringbootvue\u5b9e\u73b0\u524d\u540e\u7aef\u5206\u79bb\u9ad8\u6821\u4f53\u80b2\u8fd0\u52a8\u4f1a\u7ba1\u7406\u7cfb\u7edf\/","og_site_name":"\u7269\u5ae9\u8f6f\u4ef6\u8d44\u8baf\u7f51","article_published_time":"2025-04-17T22:00:03+00:00","og_image":[{"width":260,"height":180,"url":"http:\/\/www.wunen.com\/wp-content\/uploads\/2025\/03\/\u8d44\u8baf.jpg","type":"image\/jpeg"}],"author":"admin@wunen","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"admin@wunen","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"4 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"http:\/\/www.wunen.com\/index.php\/2025\/04\/18\/%e5%9f%ba%e4%ba%8ejavaspringbootvue%e5%ae%9e%e7%8e%b0%e5%89%8d%e5%90%8e%e7%ab%af%e5%88%86%e7%a6%bb%e9%ab%98%e6%a0%a1%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e4%bc%9a%e7%ae%a1%e7%90%86%e7%b3%bb%e7%bb%9f\/#article","isPartOf":{"@id":"http:\/\/www.wunen.com\/index.php\/2025\/04\/18\/%e5%9f%ba%e4%ba%8ejavaspringbootvue%e5%ae%9e%e7%8e%b0%e5%89%8d%e5%90%8e%e7%ab%af%e5%88%86%e7%a6%bb%e9%ab%98%e6%a0%a1%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e4%bc%9a%e7%ae%a1%e7%90%86%e7%b3%bb%e7%bb%9f\/"},"author":{"name":"admin@wunen","@id":"https:\/\/www.wunen.com\/#\/schema\/person\/d5f7a6cf545656a9c90d507e64452db8"},"headline":"\u57fa\u4e8eJava+SpringBoot+Vue\u5b9e\u73b0\u524d\u540e\u7aef\u5206\u79bb\u9ad8\u6821\u4f53\u80b2\u8fd0\u52a8\u4f1a\u7ba1\u7406\u7cfb\u7edf","datePublished":"2025-04-17T22:00:03+00:00","mainEntityOfPage":{"@id":"http:\/\/www.wunen.com\/index.php\/2025\/04\/18\/%e5%9f%ba%e4%ba%8ejavaspringbootvue%e5%ae%9e%e7%8e%b0%e5%89%8d%e5%90%8e%e7%ab%af%e5%88%86%e7%a6%bb%e9%ab%98%e6%a0%a1%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e4%bc%9a%e7%ae%a1%e7%90%86%e7%b3%bb%e7%bb%9f\/"},"wordCount":90,"commentCount":0,"publisher":{"@id":"https:\/\/www.wunen.com\/#organization"},"image":{"@id":"http:\/\/www.wunen.com\/index.php\/2025\/04\/18\/%e5%9f%ba%e4%ba%8ejavaspringbootvue%e5%ae%9e%e7%8e%b0%e5%89%8d%e5%90%8e%e7%ab%af%e5%88%86%e7%a6%bb%e9%ab%98%e6%a0%a1%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e4%bc%9a%e7%ae%a1%e7%90%86%e7%b3%bb%e7%bb%9f\/#primaryimage"},"thumbnailUrl":"http:\/\/www.wunen.com\/wp-content\/uploads\/2025\/03\/\u8d44\u8baf.jpg","articleSection":["\u4f53\u80b2\u8fd0\u52a8"],"inLanguage":"zh-Hans","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["http:\/\/www.wunen.com\/index.php\/2025\/04\/18\/%e5%9f%ba%e4%ba%8ejavaspringbootvue%e5%ae%9e%e7%8e%b0%e5%89%8d%e5%90%8e%e7%ab%af%e5%88%86%e7%a6%bb%e9%ab%98%e6%a0%a1%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e4%bc%9a%e7%ae%a1%e7%90%86%e7%b3%bb%e7%bb%9f\/#respond"]}]},{"@type":"WebPage","@id":"http:\/\/www.wunen.com\/index.php\/2025\/04\/18\/%e5%9f%ba%e4%ba%8ejavaspringbootvue%e5%ae%9e%e7%8e%b0%e5%89%8d%e5%90%8e%e7%ab%af%e5%88%86%e7%a6%bb%e9%ab%98%e6%a0%a1%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e4%bc%9a%e7%ae%a1%e7%90%86%e7%b3%bb%e7%bb%9f\/","url":"http:\/\/www.wunen.com\/index.php\/2025\/04\/18\/%e5%9f%ba%e4%ba%8ejavaspringbootvue%e5%ae%9e%e7%8e%b0%e5%89%8d%e5%90%8e%e7%ab%af%e5%88%86%e7%a6%bb%e9%ab%98%e6%a0%a1%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e4%bc%9a%e7%ae%a1%e7%90%86%e7%b3%bb%e7%bb%9f\/","name":"\u57fa\u4e8eJava+SpringBoot+Vue\u5b9e\u73b0\u524d\u540e\u7aef\u5206\u79bb\u9ad8\u6821\u4f53\u80b2\u8fd0\u52a8\u4f1a\u7ba1\u7406\u7cfb\u7edf - \u7269\u5ae9\u8f6f\u4ef6\u8d44\u8baf\u7f51","isPartOf":{"@id":"https:\/\/www.wunen.com\/#website"},"primaryImageOfPage":{"@id":"http:\/\/www.wunen.com\/index.php\/2025\/04\/18\/%e5%9f%ba%e4%ba%8ejavaspringbootvue%e5%ae%9e%e7%8e%b0%e5%89%8d%e5%90%8e%e7%ab%af%e5%88%86%e7%a6%bb%e9%ab%98%e6%a0%a1%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e4%bc%9a%e7%ae%a1%e7%90%86%e7%b3%bb%e7%bb%9f\/#primaryimage"},"image":{"@id":"http:\/\/www.wunen.com\/index.php\/2025\/04\/18\/%e5%9f%ba%e4%ba%8ejavaspringbootvue%e5%ae%9e%e7%8e%b0%e5%89%8d%e5%90%8e%e7%ab%af%e5%88%86%e7%a6%bb%e9%ab%98%e6%a0%a1%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e4%bc%9a%e7%ae%a1%e7%90%86%e7%b3%bb%e7%bb%9f\/#primaryimage"},"thumbnailUrl":"http:\/\/www.wunen.com\/wp-content\/uploads\/2025\/03\/\u8d44\u8baf.jpg","datePublished":"2025-04-17T22:00:03+00:00","breadcrumb":{"@id":"http:\/\/www.wunen.com\/index.php\/2025\/04\/18\/%e5%9f%ba%e4%ba%8ejavaspringbootvue%e5%ae%9e%e7%8e%b0%e5%89%8d%e5%90%8e%e7%ab%af%e5%88%86%e7%a6%bb%e9%ab%98%e6%a0%a1%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e4%bc%9a%e7%ae%a1%e7%90%86%e7%b3%bb%e7%bb%9f\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["http:\/\/www.wunen.com\/index.php\/2025\/04\/18\/%e5%9f%ba%e4%ba%8ejavaspringbootvue%e5%ae%9e%e7%8e%b0%e5%89%8d%e5%90%8e%e7%ab%af%e5%88%86%e7%a6%bb%e9%ab%98%e6%a0%a1%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e4%bc%9a%e7%ae%a1%e7%90%86%e7%b3%bb%e7%bb%9f\/"]}]},{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"http:\/\/www.wunen.com\/index.php\/2025\/04\/18\/%e5%9f%ba%e4%ba%8ejavaspringbootvue%e5%ae%9e%e7%8e%b0%e5%89%8d%e5%90%8e%e7%ab%af%e5%88%86%e7%a6%bb%e9%ab%98%e6%a0%a1%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e4%bc%9a%e7%ae%a1%e7%90%86%e7%b3%bb%e7%bb%9f\/#primaryimage","url":"http:\/\/www.wunen.com\/wp-content\/uploads\/2025\/03\/\u8d44\u8baf.jpg","contentUrl":"http:\/\/www.wunen.com\/wp-content\/uploads\/2025\/03\/\u8d44\u8baf.jpg","width":260,"height":180},{"@type":"BreadcrumbList","@id":"http:\/\/www.wunen.com\/index.php\/2025\/04\/18\/%e5%9f%ba%e4%ba%8ejavaspringbootvue%e5%ae%9e%e7%8e%b0%e5%89%8d%e5%90%8e%e7%ab%af%e5%88%86%e7%a6%bb%e9%ab%98%e6%a0%a1%e4%bd%93%e8%82%b2%e8%bf%90%e5%8a%a8%e4%bc%9a%e7%ae%a1%e7%90%86%e7%b3%bb%e7%bb%9f\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.wunen.com\/"},{"@type":"ListItem","position":2,"name":"\u57fa\u4e8eJava+SpringBoot+Vue\u5b9e\u73b0\u524d\u540e\u7aef\u5206\u79bb\u9ad8\u6821\u4f53\u80b2\u8fd0\u52a8\u4f1a\u7ba1\u7406\u7cfb\u7edf"}]},{"@type":"WebSite","@id":"https:\/\/www.wunen.com\/#website","url":"https:\/\/www.wunen.com\/","name":"\u7269\u5ae9\u8f6f\u4ef6\u8d44\u8baf\u7f51","description":"\u8f6f\u4ef6\u8d44\u8baf\u6765\u7269\u5ae9","publisher":{"@id":"https:\/\/www.wunen.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.wunen.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-Hans"},{"@type":"Organization","@id":"https:\/\/www.wunen.com\/#organization","name":"\u7269\u5ae9\u8f6f\u4ef6\u8d44\u8baf\u7f51","url":"https:\/\/www.wunen.com\/","logo":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.wunen.com\/#\/schema\/logo\/image\/","url":"http:\/\/www.wunen.com\/wp-content\/uploads\/2025\/03\/cropped-\u7269\u5ae9-1.png","contentUrl":"http:\/\/www.wunen.com\/wp-content\/uploads\/2025\/03\/cropped-\u7269\u5ae9-1.png","width":1024,"height":1024,"caption":"\u7269\u5ae9\u8f6f\u4ef6\u8d44\u8baf\u7f51"},"image":{"@id":"https:\/\/www.wunen.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.wunen.com\/#\/schema\/person\/d5f7a6cf545656a9c90d507e64452db8","name":"admin@wunen","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.wunen.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d90ec1e3faf77c4d4e66e40c29b85ff6401161e0502f401dae2f0e25b38ce25e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d90ec1e3faf77c4d4e66e40c29b85ff6401161e0502f401dae2f0e25b38ce25e?s=96&d=mm&r=g","caption":"admin@wunen"},"sameAs":["http:\/\/www.wunen.com"],"url":"http:\/\/www.wunen.com\/index.php\/author\/adminwunen\/"}]}},"_links":{"self":[{"href":"http:\/\/www.wunen.com\/index.php\/wp-json\/wp\/v2\/posts\/853","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.wunen.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.wunen.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.wunen.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.wunen.com\/index.php\/wp-json\/wp\/v2\/comments?post=853"}],"version-history":[{"count":0,"href":"http:\/\/www.wunen.com\/index.php\/wp-json\/wp\/v2\/posts\/853\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.wunen.com\/index.php\/wp-json\/wp\/v2\/media\/215"}],"wp:attachment":[{"href":"http:\/\/www.wunen.com\/index.php\/wp-json\/wp\/v2\/media?parent=853"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.wunen.com\/index.php\/wp-json\/wp\/v2\/categories?post=853"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.wunen.com\/index.php\/wp-json\/wp\/v2\/tags?post=853"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}