{"id":10006065,"date":"2022-08-01T12:02:39","date_gmt":"2022-08-01T04:02:39","guid":{"rendered":"https:\/\/ityet.com\/?p=10006065"},"modified":"2022-08-01T12:02:39","modified_gmt":"2022-08-01T04:02:39","slug":"spring-boot-vue-%e9%9f%b3%e4%b9%90%e7%bd%91%e7%ab%99%e5%bc%80%e6%ba%90%e9%a1%b9%e7%9b%ae%ef%bc%8c%e5%89%8d%e5%90%8e%e7%ab%af%e5%88%86%e7%a6%bb%ef%bc%8c%e6%8b%bf%e6%9d%a5%e7%bb%83%e6%89%8b%e7%9c%9f","status":"publish","type":"post","link":"https:\/\/itmax.cn\/?p=10006065","title":{"rendered":"Spring Boot + Vue \u97f3\u4e50\u7f51\u7ad9\u5f00\u6e90\u9879\u76ee\uff0c\u524d\u540e\u7aef\u5206\u79bb\uff0c\u62ff\u6765\u7ec3\u624b\u771f\u4e0d\u9519\uff01"},"content":{"rendered":"<h2>\u9879\u76ee\u8bf4\u660e<\/h2>\n<p>\u672c\u97f3\u4e50\u7f51\u7ad9\u7684\u5ba2\u6237\u7aef\u548c\u7ba1\u7406\u7aef\u4f7f\u7528 <strong>VUE<\/strong> \u6846\u67b6\u6765\u5b9e\u73b0\uff0c\u670d\u52a1\u7aef\u4f7f\u7528 <strong>Spring Boot + MyBatis<\/strong> \u6765\u5b9e\u73b0\uff0c\u6570\u636e\u5e93\u4f7f\u7528\u4e86 <strong>MySQL<\/strong>\u3002<\/p>\n<h2>\u9879\u76ee\u529f\u80fd<\/h2>\n<ul>\n<li>\u97f3\u4e50\u64ad\u653e<\/li>\n<li>\u7528\u6237\u767b\u5f55\u6ce8\u518c<\/li>\n<li>\u7528\u6237\u4fe1\u606f\u7f16\u8f91\u3001\u5934\u50cf\u4fee\u6539<\/li>\n<li>\u6b4c\u66f2\u3001\u6b4c\u5355\u641c\u7d22<\/li>\n<li>\u6b4c\u5355\u6253\u5206<\/li>\n<li>\u6b4c\u5355\u3001\u6b4c\u66f2\u8bc4\u8bba<\/li>\n<li>\u6b4c\u5355\u5217\u8868\u3001\u6b4c\u624b\u5217\u8868\u5206\u9875\u663e\u793a<\/li>\n<li>\u6b4c\u8bcd\u540c\u6b65\u663e\u793a<\/li>\n<li>\u97f3\u4e50\u6536\u85cf\u3001\u4e0b\u8f7d\u3001\u62d6\u52a8\u63a7\u5236\u3001\u97f3\u91cf\u63a7\u5236<\/li>\n<li>\u540e\u53f0\u5bf9\u7528\u6237\u3001\u6b4c\u66f2\u3001\u6b4c\u624b\u3001\u6b4c\u5355\u4fe1\u606f\u7684\u7ba1\u7406<\/li>\n<\/ul>\n<h2>\u6280\u672f\u6808<\/h2>\n<h3>\u540e\u7aef<\/h3>\n<p><strong>SpringBoot + MyBatis<\/strong><\/p>\n<h3>\u524d\u7aef<\/h3>\n<p><strong>Vue + Vue-Router + Vuex + Axios +  ElementUI<\/strong><\/p>\n<h2>\u5f00\u53d1\u73af\u5883<\/h2>\n<p>JDK\uff1ajdk-8u141<\/p>\n<p>mysql\uff1amysql-5.7.21-1-macos10.13-x86_64<\/p>\n<p>node\uff1av12.4.0<\/p>\n<p>IDE\uff1aIntelliJ IDEA 2018\u3001VSCode<\/p>\n<h2>\u4e0b\u8f7d\u8fd0\u884c<\/h2>\n<h3>1\u3001\u4e0b\u8f7d\u6e90\u7801\u53ca\u8d44\u6e90\u6587\u4ef6<\/h3>\n<p>\u5fae\u4fe1\u5173\u6ce8Java\u5927\u540e\u7aef\u516c\u4f17\u53f7\uff0c\u56de\u590d <strong>\u97f3\u4e50\u7f51\u7ad9<\/strong> \u5373\u53ef\u514d\u8d39\u9886\u53d6\u3002<\/p>\n<p>\u4e0b\u8f7d\u540e\u7684\u8d44\u6e90\u5305\u5982\u4e0b\u6240\u793a\uff1a<\/p>\n<p><img decoding=\"async\" referrerpolicy=\"no-referrer\" src=\"https:\/\/segmentfault.com\/img\/bVc1rSp\" alt=\"img\" title=\"img\" loading=\"lazy\"><\/p>\n<h3>2\u3001\u4e0b\u8f7d\u6570\u636e\u5e93\u4e2d\u8bb0\u5f55\u7684\u8d44\u6e90<\/h3>\n<p>\u5c06\u4e0a\u4e00\u6b65\u4e0b\u8f7d\u597d\u7684\u7684\u6b4c\u66f2\u53ca\u56fe\u7247\uff0c\u5c06 data \u5939\u91cc\u7684\u6587\u4ef6\u6309\u7167\u4e0b\u9762\u7684\u622a\u56fe\u5b58\u653e\u3002<\/p>\n<p><img decoding=\"async\" referrerpolicy=\"no-referrer\" src=\"https:\/\/segmentfault.com\/img\/bVc1rSq\" alt=\"img\" title=\"img\" loading=\"lazy\"><\/p>\n<h3>3\u3001\u4fee\u6539\u914d\u7f6e\u6587\u4ef6<\/h3>\n<p>1\uff09\u521b\u5efa\u6570\u636e\u5e93 \u5c06 <code>music-website\/music-server\/sql<\/code> \u6587\u4ef6\u5939\u4e2d\u7684 <code>tp_music.sql<\/code> \u6587\u4ef6\u5bfc\u5165\u6570\u636e\u5e93\u3002<\/p>\n<p>2\uff09\u4fee\u6539\u7528\u6237\u540d\u5bc6\u7801 \u4fee\u6539 <code>music-website\/music-server\/src\/main\/resources\/application.properties<\/code> \u6587\u4ef6\u91cc\u7684 <code>spring.datasource.username<\/code> \u548c <code>spring.datasource.password<\/code>\uff1b<\/p>\n<p>3\uff09\u4fee\u6539\u8d44\u6e90\u8def\u5f84<\/p>\n<p>\u4fee\u6539 <code>music-server\/src\/main\/java\/com\/example\/yin\/constant\/Constants.java<\/code> \u6587\u4ef6\u4e2d\u7684 <code>RESOURCE_PATH<\/code>\uff0c<strong>\u5426\u5219\u8d44\u6e90\u52a0\u8f7d\u4e0d\u4e86<\/strong>\u3002<\/p>\n<p><img decoding=\"async\" referrerpolicy=\"no-referrer\" src=\"https:\/\/segmentfault.com\/img\/bVc1rSr\" alt=\"img\" title=\"img\" loading=\"lazy\"><\/p>\n<h3>4\u3001\u542f\u52a8\u9879\u76ee<\/h3>\n<ul>\n<li><strong>\u542f\u52a8 music-server<\/strong><\/li>\n<li><strong>\u542f\u52a8 music-manage<\/strong><\/li>\n<li><strong>\u542f\u52a8\u5ba2\u6237\u7aef<\/strong>\uff1a\u8fdb\u5165 music-client \u76ee\u5f55\uff0c\u8fd0\u884c\u4e0b\u9762\u547d\u4ee4<\/li>\n<\/ul>\n<pre><code>npm install \/\/ \u5b89\u88c5\u4f9d\u8d56\n\nnpm run dev \/\/ \u542f\u52a8\u524d\u53f0\u9879\u76ee<\/code><\/pre>\n<h2>\u9879\u76ee\u9884\u89c8<\/h2>\n<h3>\u524d\u53f0\u622a\u56fe\u9884\u89c8<\/h3>\n<p>\u5fae\u4fe1\u5173\u6ce8Java\u5927\u540e\u7aef\u516c\u4f17\u53f7\uff0c\u56de\u590d <strong>\u97f3\u4e50\u7f51\u7ad9<\/strong> \u5373\u53ef\u514d\u8d39\u9886\u53d6\u3002<\/p>\n<p><img decoding=\"async\" referrerpolicy=\"no-referrer\" src=\"https:\/\/segmentfault.com\/img\/bVc1rSs\" alt=\"\" title=\"\" loading=\"lazy\"><\/p>\n<p><img decoding=\"async\" referrerpolicy=\"no-referrer\" src=\"https:\/\/segmentfault.com\/img\/bVc1rSt\" alt=\"img\" title=\"img\" loading=\"lazy\"><\/p>\n<p><img decoding=\"async\" referrerpolicy=\"no-referrer\" src=\"https:\/\/segmentfault.com\/img\/bVc1rSu\" alt=\"img\" title=\"img\" loading=\"lazy\"><\/p>\n<p><img decoding=\"async\" referrerpolicy=\"no-referrer\" src=\"https:\/\/segmentfault.com\/img\/bVc1rSw\" alt=\"img\" title=\"img\" loading=\"lazy\"><\/p>\n<p><img decoding=\"async\" referrerpolicy=\"no-referrer\" src=\"https:\/\/segmentfault.com\/img\/bVc1rSx\" alt=\"img\" title=\"img\" loading=\"lazy\"><\/p>\n<p><img decoding=\"async\" referrerpolicy=\"no-referrer\" src=\"https:\/\/segmentfault.com\/img\/bVc1rSy\" alt=\"img\" title=\"img\" loading=\"lazy\"><\/p>\n<p><img decoding=\"async\" referrerpolicy=\"no-referrer\" src=\"https:\/\/segmentfault.com\/img\/bVc1rSz\" alt=\"img\" title=\"img\" loading=\"lazy\"><\/p>\n<p><img decoding=\"async\" referrerpolicy=\"no-referrer\" src=\"https:\/\/segmentfault.com\/img\/bVc1rSA\" alt=\"img\" title=\"img\" loading=\"lazy\"><\/p>\n<p><img decoding=\"async\" referrerpolicy=\"no-referrer\" src=\"https:\/\/segmentfault.com\/img\/bVc1rSB\" alt=\"img\" title=\"img\" loading=\"lazy\"><\/p>\n<p><img decoding=\"async\" referrerpolicy=\"no-referrer\" src=\"https:\/\/segmentfault.com\/img\/bVc1rSC\" alt=\"img\" title=\"img\" loading=\"lazy\"><\/p>\n<p><img decoding=\"async\" referrerpolicy=\"no-referrer\" src=\"https:\/\/segmentfault.com\/img\/remote\/1460000042252169\" alt=\"img\" title=\"img\" loading=\"lazy\"><\/p>\n<h3>\u540e\u53f0\u622a\u56fe\u9884\u89c8<\/h3>\n<p><img decoding=\"async\" referrerpolicy=\"no-referrer\" src=\"https:\/\/segmentfault.com\/img\/bVc1rSD\" alt=\"img\" title=\"img\" loading=\"lazy\"><\/p>\n<p><img decoding=\"async\" referrerpolicy=\"no-referrer\" src=\"https:\/\/segmentfault.com\/img\/bVc1rSE\" alt=\"img\" title=\"img\" loading=\"lazy\"><\/p>\n<p><img decoding=\"async\" referrerpolicy=\"no-referrer\" src=\"https:\/\/segmentfault.com\/img\/bVc1rSF\" alt=\"img\" title=\"img\" loading=\"lazy\"><\/p>\n<p><img decoding=\"async\" referrerpolicy=\"no-referrer\" src=\"https:\/\/segmentfault.com\/img\/bVc1rSG\" alt=\"img\" title=\"img\" loading=\"lazy\"><\/p>\n<p><img decoding=\"async\" referrerpolicy=\"no-referrer\" src=\"https:\/\/segmentfault.com\/img\/bVc1rSH\" alt=\"img\" title=\"img\" loading=\"lazy\"><\/p>\n<p><img decoding=\"async\" referrerpolicy=\"no-referrer\" src=\"https:\/\/segmentfault.com\/img\/bVc1rSI\" alt=\"img\" title=\"img\" loading=\"lazy\"><\/p>\n<p>\u5fae\u4fe1\u5173\u6ce8Java\u5927\u540e\u7aef\u516c\u4f17\u53f7\uff0c\u56de\u590d <strong>8555<\/strong> \u5373\u53ef\u514d\u8d39\u9886\u53d6\u3002<\/p>\n<p><strong>\u8fd1\u671f\u70ed\u6587\u63a8\u8350\uff1a<\/strong><\/p>\n<p>1.<a href=\"https:\/\/link.segmentfault.com\/?enc=kvckxzm2pY9YlyUrLqKdJw%3D%3D.TJcecc2BQ1tmNmqkXpofGxT9MkRgv4q3xXMAaGAyhW8%3D\" rel=\"nofollow\">1,000+ \u9053 Java\u9762\u8bd5\u9898\u53ca\u7b54\u6848\u6574\u7406(2022\u6700\u65b0\u7248)<\/a><\/p>\n<p>2.<a href=\"https:\/\/link.segmentfault.com\/?enc=fjI3eAuzY4H19Cqj1RDBoQ%3D%3D.coi9cQsoLPH%2BnWORA4AcAvD6XH1G8guCxiMQ2fHXq%2FgeCAONKHKlmQS9%2BD9s19%2BkFMHkNGNTmZYKmK%2FEKNuGCRivL2FtsXLd%2FyH8MP%2F9Kf4%3D\" rel=\"nofollow\">\u52b2\u7206\uff01Java \u534f\u7a0b\u8981\u6765\u4e86\u3002\u3002\u3002<\/a><\/p>\n<p>3.<a href=\"https:\/\/link.segmentfault.com\/?enc=UF8hpa3w3rCtjbyZAs0AEA%3D%3D.t%2BC8gVbzeooAPobmUGU7WtSJUlkCMqKPbYpGL6Bv3e0YkOfU6DoJ7SB98GkSGHBd\" rel=\"nofollow\">Spring Boot 2.x \u6559\u7a0b\uff0c\u592a\u5168\u4e86\uff01<\/a><\/p>\n<p>4.<a href=\"https:\/\/link.segmentfault.com\/?enc=TyMm%2BwiK69lScOUL9T83NQ%3D%3D.7IACj9qG%2FLhp%2BFLXDxJVBvkbaR4LYqfPOeVnkftOXNkRl4SVzC6MfBQF6ng0WO3BWrN78K509deNY%2FNL4TzMse49ud7k2XHAYjrHixNSnj8%3D\" rel=\"nofollow\">\u522b\u518d\u5199\u6ee1\u5c4f\u7684\u7206\u7206\u7206\u70b8\u7c7b\u4e86\uff0c\u8bd5\u8bd5\u88c5\u9970\u5668\u6a21\u5f0f\uff0c\u8fd9\u624d\u662f\u4f18\u96c5\u7684\u65b9\u5f0f\uff01\uff01<\/a><\/p>\n<p>5.<a href=\"https:\/\/link.segmentfault.com\/?enc=3sczlOkohhPRcIeZxAhM8g%3D%3D.ZawO1qk2xCQgklbIBE3CAJhyFo9Yl8%2FUdjPEcan4IuNWIdU7eJG5PMB1JgHwh13GqFiBSMMYgwLgg7NBbQpqOdmi5epAoelE0VXsG55QEUMTGko2lVBEvMA%2FdIVEsQ7g\" rel=\"nofollow\">\u300aJava\u5f00\u53d1\u624b\u518c\uff08\u5d69\u5c71\u7248\uff09\u300b\u6700\u65b0\u53d1\u5e03\uff0c\u901f\u901f\u4e0b\u8f7d\uff01<\/a><\/p>\n<p>\u89c9\u5f97\u4e0d\u9519\uff0c\u522b\u5fd8\u4e86\u968f\u624b\u70b9\u8d5e+\u8f6c\u53d1\u54e6\uff01<\/p>\n<p><a href=\"https:\/\/segmentfault.com\/a\/1190000042252167\">https:\/\/segmentfault.com\/a\/1190000042252167<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u9879\u76ee\u8bf4\u660e \u672c\u97f3\u4e50\u7f51\u7ad9\u7684\u5ba2\u6237\u7aef\u548c\u7ba1\u7406\u7aef\u4f7f\u7528 VUE \u6846\u67b6\u6765\u5b9e\u73b0\uff0c\u670d\u52a1\u7aef\u4f7f\u7528 Spring Boot + MyBa [&hellip;]<\/p>\n","protected":false},"author":0,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[],"tags":[],"class_list":["post-10006065","post","type-post","status-publish","format-standard","hentry"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/itmax.cn\/index.php?rest_route=\/wp\/v2\/posts\/10006065","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itmax.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/itmax.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"https:\/\/itmax.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10006065"}],"version-history":[{"count":0,"href":"https:\/\/itmax.cn\/index.php?rest_route=\/wp\/v2\/posts\/10006065\/revisions"}],"wp:attachment":[{"href":"https:\/\/itmax.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10006065"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/itmax.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=10006065"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/itmax.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=10006065"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}