{"id":108835,"date":"2026-09-22T20:01:01","date_gmt":"2026-09-22T12:01:01","guid":{"rendered":"https:\/\/www.wsisp.com\/helps\/108835.html"},"modified":"2026-09-22T20:01:01","modified_gmt":"2026-09-22T12:01:01","slug":"%e5%9f%ba%e4%ba%8e-django-%e4%b8%8e-vue-3-%e7%9a%84%e6%99%ba%e8%83%bd%e5%ae%9e%e9%aa%8c%e5%ae%a4%e9%a2%84%e7%ba%a6%e7%b3%bb%e7%bb%9f%e8%ae%be%e8%ae%a1%e4%b8%8e%e5%ae%9e%e7%8e%b0","status":"publish","type":"post","link":"https:\/\/www.wsisp.com\/helps\/108835.html","title":{"rendered":"\u57fa\u4e8e Django \u4e0e Vue 3 \u7684\u667a\u80fd\u5b9e\u9a8c\u5ba4\u9884\u7ea6\u7cfb\u7edf\u8bbe\u8ba1\u4e0e\u5b9e\u73b0"},"content":{"rendered":"<h2>\u57fa\u4e8e Django \u4e0e Vue 3 \u7684\u667a\u80fd\u5b9e\u9a8c\u5ba4\u9884\u7ea6\u7cfb\u7edf\u8bbe\u8ba1\u4e0e\u5b9e\u73b0<\/h2>\n<h3>\u6458 \u8981<\/h3>\n<p>\u968f\u7740\u9ad8\u6821\u5b9e\u9a8c\u5ba4\u89c4\u6a21\u7684\u4e0d\u65ad\u6269\u5927&#xff0c;\u4f20\u7edf\u7684\u4eba\u5de5\u767b\u8bb0\u9884\u7ea6\u65b9\u5f0f\u5728\u65f6\u6548\u6027\u3001\u900f\u660e\u5ea6\u548c\u8d44\u6e90\u5229\u7528\u7387\u65b9\u9762\u5df2\u96be\u4ee5\u6ee1\u8db3\u5b9e\u9645\u9700\u6c42\u3002\u672c\u6587\u8bbe\u8ba1\u5e76\u5b9e\u73b0\u4e86\u4e00\u5957\u57fa\u4e8e B\/S \u67b6\u6784\u7684\u667a\u80fd\u5b9e\u9a8c\u5ba4\u9884\u7ea6\u7cfb\u7edf&#xff0c;\u91c7\u7528 Django &#043; Django REST Framework \u6784\u5efa\u540e\u7aef API&#xff0c;Vue 3 &#043; Element Plus \u6784\u5efa\u524d\u7aef\u754c\u9762&#xff0c;MySQL 8.4&#xff08;InnoDB&#xff09;\u4f5c\u4e3a\u6301\u4e45\u5c42&#xff0c;\u5b9e\u73b0\u4e86\u5b66\u751f\u5728\u7ebf\u9884\u7ea6\u3001\u667a\u80fd\u51b2\u7a81\u68c0\u6d4b\u3001\u7ba1\u7406\u5458\u5ba1\u6279\u3001\u5230\u573a\u7b7e\u5230\u3001\u5360\u7528\u70ed\u529b\u56fe\u7edf\u8ba1\u4e0e\u7ad9\u5185\u901a\u77e5\u7684\u4e00\u4f53\u5316\u7ba1\u7406\u3002<\/p>\n<p>\u7cfb\u7edf\u5728\u9884\u7ea6\u6838\u5fc3\u4e1a\u52a1\u4e0a\u7ed9\u51fa\u4e86\u5b8c\u6574\u7684\u5de5\u7a0b\u5316\u65b9\u6848&#xff1a;\u4ee5\u534a\u5f00\u533a\u95f4\u91cd\u53e0\u6a21\u578b\u5224\u5b9a\u65f6\u6bb5\u51b2\u7a81&#xff0c;\u5728\u6570\u636e\u5e93\u4e8b\u52a1\u5185\u5bf9\u5b9e\u9a8c\u5ba4\u884c\u52a0\u9501&#xff08;select_for_update&#xff09;\u4e32\u884c\u5316\u5e76\u53d1\u521b\u5efa\u8bf7\u6c42&#xff0c;\u4ece\u673a\u5236\u4e0a\u675c\u7edd\u4e86\u540c\u4e00\u65f6\u6bb5\u88ab\u91cd\u590d\u9884\u7ea6\u7684\u95ee\u9898&#xff1b;\u9884\u7ea6\u5355\u91c7\u7528\u4e94\u72b6\u6001\u673a\u7ba1\u7406\u5168\u751f\u547d\u5468\u671f&#xff1b;\u5ba1\u6279\u7ed3\u679c\u901a\u8fc7\u7ad9\u5185\u901a\u77e5\u5b9e\u65f6\u89e6\u8fbe\u7533\u8bf7\u4eba\u3002\u7cfb\u7edf\u529f\u80fd\u7ecf 28 \u4e2a\u63a5\u53e3\u7ea7\u5355\u5143\u6d4b\u8bd5\u9a8c\u8bc1\u5168\u90e8\u901a\u8fc7\u3002<\/p>\n<hr \/>\n<h3>1 \u7cfb\u7edf\u6982\u8ff0<\/h3>\n<h4>1.1 \u8bfe\u9898\u80cc\u666f<\/h4>\n<p>\u9ad8\u6821\u5b9e\u9a8c\u5ba4\u662f\u672c\u79d1\u6559\u5b66\u4e0e\u79d1\u7814\u6d3b\u52a8\u7684\u91cd\u8981\u573a\u6240\u3002\u5728\u4f20\u7edf\u7684\u7ba1\u7406\u6a21\u5f0f\u4e0b&#xff0c;\u5b9e\u9a8c\u5ba4\u9884\u7ea6\u4f9d\u8d56\u4eba\u5de5\u767b\u8bb0\u6216\u5373\u65f6\u901a\u8baf\u5de5\u5177\u62a5\u4fee\u5f0f\u7533\u8bf7&#xff0c;\u5b58\u5728\u4ee5\u4e0b\u95ee\u9898&#xff1a;\u4e00\u662f\u4fe1\u606f\u4e0d\u900f\u660e&#xff0c;\u5b66\u751f\u65e0\u6cd5\u5b9e\u65f6\u83b7\u77e5\u5404\u5b9e\u9a8c\u5ba4\u7684\u7a7a\u95f2\u65f6\u6bb5&#xff0c;\u7ecf\u5e38\u51fa\u73b0&#034;\u5230\u697c\u624d\u53d1\u73b0\u88ab\u5360\u7528&#034;\u7684\u60c5\u51b5&#xff1b;\u4e8c\u662f\u5ba1\u6279\u6d41\u7a0b\u65e0\u5e8f&#xff0c;\u7533\u8bf7\u4e0e\u5ba1\u6279\u8bb0\u5f55\u6563\u843d\u5728\u804a\u5929\u8bb0\u5f55\u4e2d&#xff0c;\u65e0\u6cd5\u8ffd\u6eaf&#xff1b;\u4e09\u662f\u8d44\u6e90\u5229\u7528\u7387\u5931\u8861&#xff0c;\u70ed\u95e8\u65f6\u6bb5\u624e\u5806\u3001\u51b7\u95e8\u65f6\u6bb5\u7a7a\u7f6e&#xff0c;\u7ba1\u7406\u8005\u7f3a\u4e4f\u91cf\u5316\u7684\u51b3\u7b56\u4f9d\u636e\u3002<\/p>\n<p>\u4fe1\u606f\u5316\u9884\u7ea6\u7cfb\u7edf\u5c06\u7533\u8bf7\u3001\u5ba1\u6279\u3001\u7b7e\u5230\u3001\u7edf\u8ba1\u5168\u6d41\u7a0b\u7ebf\u4e0a\u5316&#xff0c;\u662f\u89e3\u51b3\u4e0a\u8ff0\u95ee\u9898\u7684\u76f4\u63a5\u624b\u6bb5\u3002<\/p>\n<h4>1.2 \u8bfe\u9898\u610f\u4e49<\/h4>\n<p>\u672c\u8bfe\u9898\u7684\u610f\u4e49\u4f53\u73b0\u5728\u4e09\u4e2a\u5c42\u9762&#xff1a;<\/p>\n<li>\u5bf9\u5b66\u751f&#xff1a;\u968f\u65f6\u67e5\u770b\u5b9e\u9a8c\u5ba4\u5217\u8868\u4e0e\u672a\u6765 7 \u5929\u7684\u5360\u7528\u70ed\u529b\u56fe&#xff0c;\u9519\u5cf0\u9009\u62e9\u7a7a\u95f2\u65f6\u6bb5&#xff0c;\u9884\u7ea6\u8fdb\u5ea6\u4e0e\u5ba1\u6279\u7ed3\u679c\u5b9e\u65f6\u53ef\u67e5&#xff1b;<\/li>\n<li>\u5bf9\u7ba1\u7406\u5458&#xff1a;\u5ba1\u6279\u3001\u5b9e\u9a8c\u5ba4\u7ef4\u62a4\u3001\u6570\u636e\u7edf\u8ba1\u96c6\u4e2d\u5728\u4e00\u4e2a\u540e\u53f0\u5b8c\u6210&#xff0c;\u5ba1\u6279\u7ed3\u679c\u4e00\u952e\u901a\u77e5\u7533\u8bf7\u4eba&#xff1b;<\/li>\n<li>\u5bf9\u6bd5\u4e1a\u8bbe\u8ba1\u672c\u8eab&#xff1a;\u9884\u7ea6\u51b2\u7a81\u662f\u5178\u578b\u7684\u5e76\u53d1\u5b89\u5168\u95ee\u9898&#xff0c;\u672c\u9898\u8986\u76d6\u4e86\u4e8b\u52a1\u3001\u884c\u9501\u3001\u533a\u95f4\u91cd\u53e0\u7b97\u6cd5\u3001\u72b6\u6001\u673a\u3001JWT \u8ba4\u8bc1\u7b49\u540e\u7aef\u6838\u5fc3\u77e5\u8bc6\u70b9&#xff0c;\u4ee5\u53ca\u7ec4\u4ef6\u5316\u3001\u8def\u7531\u5b88\u536b\u3001\u72b6\u6001\u7ba1\u7406\u7b49\u524d\u7aef\u5de5\u7a0b\u5b9e\u8df5&#xff0c;\u6280\u672f\u8986\u76d6\u5b8c\u6574\u4e14\u96be\u5ea6\u9002\u4e2d\u3002<\/li>\n<h4>1.3 \u4e3b\u8981\u5185\u5bb9<\/h4>\n<p>\u672c\u6587\u56f4\u7ed5\u7cfb\u7edf\u7684\u5206\u6790\u3001\u8bbe\u8ba1\u4e0e\u5b9e\u73b0\u5c55\u5f00&#xff0c;\u5171\u5206\u516d\u7ae0&#xff1a;<\/p>\n<ul>\n<li>\u7b2c\u4e00\u7ae0&#xff0c;\u7eea\u8bba&#xff0c;\u4ecb\u7ecd\u8bfe\u9898\u80cc\u666f\u3001\u610f\u4e49\u4e0e\u7814\u7a76\u73b0\u72b6&#xff1b;<\/li>\n<li>\u7b2c\u4e8c\u7ae0&#xff0c;\u7cfb\u7edf\u5f00\u53d1\u73af\u5883&#xff0c;\u4ecb\u7ecd\u7cfb\u7edf\u91c7\u7528\u7684\u5173\u952e\u6280\u672f&#xff1b;<\/li>\n<li>\u7b2c\u4e09\u7ae0&#xff0c;\u9700\u6c42\u5206\u6790&#xff0c;\u4ece\u53ef\u884c\u6027\u3001\u529f\u80fd\u9700\u6c42\u3001\u4e1a\u52a1\u6d41\u7a0b\u7b49\u65b9\u9762\u5206\u6790\u7cfb\u7edf&#xff1b;<\/li>\n<li>\u7b2c\u56db\u7ae0&#xff0c;\u7cfb\u7edf\u6982\u8981\u8bbe\u8ba1&#xff0c;\u5305\u62ec\u7cfb\u7edf\u7ed3\u6784\u3001\u529f\u80fd\u7ed3\u6784\u4e0e\u6570\u636e\u5e93\u8bbe\u8ba1&#xff1b;<\/li>\n<li>\u7b2c\u4e94\u7ae0&#xff0c;\u7cfb\u7edf\u8be6\u7ec6\u8bbe\u8ba1\u4e0e\u5b9e\u73b0&#xff0c;\u6309\u5b66\u751f\u7aef\u4e0e\u7ba1\u7406\u7aef\u5206\u6a21\u5757\u5c55\u793a\u5b9e\u73b0\u6548\u679c&#xff1b;<\/li>\n<li>\u7b2c\u516d\u7ae0&#xff0c;\u7cfb\u7edf\u6d4b\u8bd5&#xff0c;\u7ed9\u51fa\u6d4b\u8bd5\u73af\u5883\u3001\u7528\u4f8b\u8bbe\u8ba1\u4e0e\u6d4b\u8bd5\u7ed3\u679c\u5206\u6790\u3002<\/li>\n<\/ul>\n<h4>1.4 \u7814\u7a76\u73b0\u72b6<\/h4>\n<p>\u5b9e\u9a8c\u5ba4\u3001\u4f1a\u8bae\u5ba4\u3001\u4eea\u5668\u7b49\u516c\u5171\u8d44\u6e90\u9884\u7ea6\u7cfb\u7edf\u662f\u7ba1\u7406\u4fe1\u606f\u7cfb\u7edf\u7684\u7ecf\u5178\u9009\u9898\u3002\u73b0\u6709\u5f00\u6e90\u65b9\u6848\u591a\u91c7\u7528\u5355\u4f53\u67b6\u6784&#xff08;\u5982 JSP\/PHP \u5168\u6808&#xff09;&#xff0c;\u529f\u80fd\u96c6\u4e2d\u5728&#034;\u589e\u5220\u6539\u67e5 &#043; \u7b80\u5355\u7684\u65f6\u6bb5\u67e5\u91cd&#034;&#xff0c;\u666e\u904d\u7f3a\u5c11\u4e24\u4e2a\u5c42\u9762\u7684\u8bbe\u8ba1&#xff1a;\u4e00\u662f\u5e76\u53d1\u5b89\u5168&#xff0c;\u9ad8\u5e76\u53d1\u4e0b&#034;\u68c0\u6d4b\u901a\u8fc7\u518d\u5199\u5165&#034;\u7684\u4e24\u6b65\u64cd\u4f5c\u5b58\u5728\u7ade\u6001\u7a97\u53e3&#xff0c;\u53ef\u80fd\u4ea7\u751f\u91cd\u590d\u9884\u7ea6&#xff1b;\u4e8c\u662f\u6570\u636e\u9a71\u52a8\u7684\u5f15\u5bfc&#xff0c;\u591a\u6570\u7cfb\u7edf\u53ea\u8bb0\u5f55\u9884\u7ea6\u7ed3\u679c&#xff0c;\u4e0d\u5411\u5b66\u751f\u53cd\u9988&#034;\u4f55\u65f6\u7a7a\u95f2&#034;\u3002\u672c\u7cfb\u7edf\u5728\u8fd9\u4e24\u70b9\u4e0a\u505a\u4e86\u9488\u5bf9\u6027\u8bbe\u8ba1&#xff1a;\u4ee5\u6570\u636e\u5e93\u884c\u9501\u4fdd\u8bc1\u51b2\u7a81\u68c0\u6d4b\u4e0e\u5199\u5165\u7684\u539f\u5b50\u6027&#xff0c;\u4ee5\u5360\u7528\u70ed\u529b\u56fe\u5f15\u5bfc\u5b66\u751f\u9519\u5cf0\u9884\u7ea6\u3002<\/p>\n<h3>2 \u7cfb\u7edf\u5f00\u53d1\u73af\u5883<\/h3>\n<h4>2.1 \u603b\u4f53\u6280\u672f\u6808<\/h4>\n<p>\u7cfb\u7edf\u91c7\u7528\u524d\u540e\u7aef\u5206\u79bb\u67b6\u6784&#xff1a;<\/p>\n<table>\n<tr>\u5c42\u6b21\u6280\u672f\u9009\u578b\u8bf4\u660e<\/tr>\n<tbody>\n<tr>\n<td>\u524d\u7aef<\/td>\n<td>Vue 3 &#043; Vite &#043; Element Plus &#043; Pinia &#043; Vue Router &#043; ECharts<\/td>\n<td>\u7ec4\u4ef6\u5316 SPA&#xff0c;\u5168\u90e8\u4f9d\u8d56 npm \u672c\u5730\u6253\u5305&#xff0c;\u65e0 CDN \u4f9d\u8d56<\/td>\n<\/tr>\n<tr>\n<td>\u540e\u7aef<\/td>\n<td>Django 6.1 &#043; Django REST Framework &#043; SimpleJWT<\/td>\n<td>RESTful API&#xff0c;JWT \u65e0\u72b6\u6001\u8ba4\u8bc1<\/td>\n<\/tr>\n<tr>\n<td>\u6570\u636e\u5e93<\/td>\n<td>MySQL 8.4&#xff08;InnoDB&#xff0c;utf8mb4&#xff09;<\/td>\n<td>\u4e8b\u52a1\u4e0e\u884c\u9501\u652f\u6301\u5b8c\u6574&#xff0c;PyMySQL \u9a71\u52a8<\/td>\n<\/tr>\n<tr>\n<td>\u8054\u8c03<\/td>\n<td>Vite Dev Server \u4ee3\u7406 \/api \u2192 Django(8000)<\/td>\n<td>\u5f00\u53d1\u73af\u5883\u514d\u8de8\u57df\u914d\u7f6e<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h4>2.2 Django REST Framework<\/h4>\n<p>Django \u662f Python \u751f\u6001\u4e3b\u6d41\u7684 Web \u6846\u67b6&#xff0c;\u5176 ORM \u5c42\u5c4f\u853d\u4e86 SQL \u7ec6\u8282&#xff0c;\u540c\u65f6\u4fdd\u7559\u4e86\u5bf9\u4e8b\u52a1\u548c\u9501\u7684\u5e95\u5c42\u63a7\u5236\u80fd\u529b\u3002Django REST Framework&#xff08;DRF&#xff09;\u5728 Django \u4e4b\u4e0a\u63d0\u4f9b\u4e86\u5e8f\u5217\u5316\u5668&#xff08;Serializer&#xff09;\u3001\u89c6\u56fe\u96c6&#xff08;ViewSet&#xff09;\u3001\u6743\u9650\u7c7b&#xff08;Permission&#xff09;\u4e09\u5c42\u62bd\u8c61&#xff1a;\u5e8f\u5217\u5316\u5668\u8d1f\u8d23\u6a21\u578b\u5b9e\u4f8b\u4e0e JSON \u7684\u53cc\u5411\u8f6c\u6362\u53ca\u5165\u53c2\u6821\u9a8c&#xff1b;\u89c6\u56fe\u96c6\u5c06\u4e00\u7ec4\u76f8\u5173\u64cd\u4f5c\u6536\u655b\u4e3a\u7edf\u4e00\u8def\u7531&#xff1b;\u6743\u9650\u7c7b\u4ee5\u58f0\u660e\u5f0f\u65b9\u5f0f\u63a7\u5236\u63a5\u53e3\u7684\u8bbf\u95ee\u7ea7\u522b\u3002\u672c\u7cfb\u7edf\u6240\u6709\u63a5\u53e3\u5747\u57fa\u4e8e DRF \u6784\u5efa\u3002<\/p>\n<h4>2.3 Vue 3 \u4e0e Element Plus<\/h4>\n<p>Vue 3 \u7684\u7ec4\u5408\u5f0f API&#xff08;Composition API&#xff09;\u914d\u5408 &lt;script setup&gt; \u8bed\u6cd5&#xff0c;\u4f7f\u9875\u9762\u903b\u8f91\u4ee5\u51fd\u6570\u4e3a\u5355\u4f4d\u7ec4\u7ec7&#xff0c;\u6bd4\u9009\u9879\u5f0f API \u66f4\u9002\u5408\u4e2d\u5927\u578b\u9879\u76ee\u3002Element Plus \u63d0\u4f9b\u8868\u683c\u3001\u8868\u5355\u3001\u6807\u7b7e\u9875\u7b49\u6210\u54c1\u7ec4\u4ef6&#xff0c;\u4fdd\u8bc1\u754c\u9762\u98ce\u683c\u7edf\u4e00&#xff1b;ECharts \u7528\u4e8e\u5360\u7528\u70ed\u529b\u56fe\u6e32\u67d3\u3002\u524d\u7aef\u72b6\u6001\u7ba1\u7406\u91c7\u7528 Pinia&#xff0c;\u4ec5\u767b\u5f55\u6001&#xff08;token &#043; \u7528\u6237\u4fe1\u606f&#xff09;\u8fdb\u5165\u5168\u5c40 store&#xff0c;\u9875\u9762\u79c1\u6709\u6570\u636e\u7559\u5728\u7ec4\u4ef6\u5185&#xff0c;\u804c\u8d23\u6e05\u6670\u3002<\/p>\n<h4>2.4 JWT \u8ba4\u8bc1\u673a\u5236<\/h4>\n<p>\u7cfb\u7edf\u91c7\u7528 SimpleJWT \u5b9e\u73b0\u57fa\u4e8e Token \u7684\u65e0\u72b6\u6001\u8ba4\u8bc1&#xff1a;\u767b\u5f55\u6210\u529f\u540e\u670d\u52a1\u7aef\u7b7e\u53d1 access token&#xff08;\u6709\u6548\u671f 5 \u5206\u949f&#xff09;\u4e0e refresh token&#xff1b;\u524d\u7aef\u5c06 token \u5b58\u5165 localStorage&#xff0c;axios \u62e6\u622a\u5668\u81ea\u52a8\u9644\u52a0 Authorization: Bearer \u5934&#xff1b;\u540e\u7aef\u6743\u9650\u7c7b\u6309&#034;\u516c\u5f00 \u2192 \u767b\u5f55\u53ef\u8bfb \u2192 \u7ba1\u7406\u5458\u53ef\u5199 \u2192 \u4ec5\u672c\u4eba\u8d44\u6e90&#034;\u56db\u7ea7\u63a7\u5236\u8bbf\u95ee\u3002\u65e0\u72b6\u6001\u8ba4\u8bc1\u4f7f\u540e\u7aef\u53ef\u4ee5\u6c34\u5e73\u6269\u5c55&#xff0c;\u4e0d\u4f9d\u8d56\u670d\u52a1\u7aef\u4f1a\u8bdd\u5b58\u50a8\u3002<\/p>\n<h4>2.5 MySQL \u6570\u636e\u5e93<\/h4>\n<p>MySQL \u7684 InnoDB \u5b58\u50a8\u5f15\u64ce\u652f\u6301\u4e8b\u52a1&#xff08;ACID&#xff09;\u4e0e\u884c\u7ea7\u9501&#xff0c;\u8fd9\u662f\u672c\u7cfb\u7edf\u51b2\u7a81\u68c0\u6d4b\u6b63\u786e\u6027\u7684\u57fa\u7840\u3002\u9009\u62e9 utf8mb4 \u5b57\u7b26\u96c6\u4ee5\u5b8c\u6574\u652f\u6301\u4e2d\u6587\u4e0e\u8868\u60c5\u7b26\u53f7\u3002\u8fde\u63a5\u9a71\u52a8\u4f7f\u7528\u7eaf Python \u5b9e\u73b0\u7684 PyMySQL&#xff0c;\u907f\u514d\u7f16\u8bd1\u578b mysqlclient \u5728 Windows \u73af\u5883\u4e0b\u7684\u5b89\u88c5\u6210\u672c\u3002<\/p>\n<h3>3 \u9700\u6c42\u5206\u6790<\/h3>\n<h4>3.1 \u53ef\u884c\u6027\u5206\u6790<\/h4>\n<p>\u6280\u672f\u53ef\u884c\u6027&#xff1a;Django\/DRF \u4e0e Vue 3 \u5747\u4e3a\u6210\u719f\u7684\u4e3b\u6d41\u6846\u67b6&#xff0c;\u793e\u533a\u8d44\u6599\u4e30\u5bcc&#xff1b;MySQL\u3001JWT \u6280\u672f\u6808\u7a33\u5b9a&#xff1b;\u5f00\u53d1\u673a\u914d\u7f6e\u5373\u53ef\u627f\u8f7d\u5f00\u53d1\u4e0e\u6f14\u793a\u8fd0\u884c\u3002<\/p>\n<p>\u7ecf\u6d4e\u53ef\u884c\u6027&#xff1a;\u7cfb\u7edf\u5168\u90e8\u57fa\u4e8e\u5f00\u6e90\u8f6f\u4ef6\u6784\u5efa&#xff0c;\u96f6\u6388\u6743\u6210\u672c&#xff1b;\u786c\u4ef6\u4ec5\u9700\u4e00\u53f0\u666e\u901a PC \u5373\u53ef\u90e8\u7f72\u8fd0\u884c\u3002<\/p>\n<p>\u64cd\u4f5c\u53ef\u884c\u6027&#xff1a;\u5b66\u751f\u7aef\u64cd\u4f5c\u8def\u5f84\u4e3a&#034;\u767b\u5f55 \u2192 \u9009\u5b9e\u9a8c\u5ba4 \u2192 \u9009\u65f6\u6bb5 \u2192 \u586b\u7528\u9014 \u2192 \u63d0\u4ea4&#034;&#xff0c;\u5168\u7a0b\u4e0d\u8d85\u8fc7\u4e94\u6b65&#xff1b;\u7ba1\u7406\u7aef\u4e3a\u5e38\u89c4\u8868\u683c\u64cd\u4f5c&#xff0c;\u65e0\u9700\u57f9\u8bad\u5373\u53ef\u4e0a\u624b\u3002<\/p>\n<h4>3.2 \u529f\u80fd\u9700\u6c42<\/h4>\n<p>\u7cfb\u7edf\u5206\u5b66\u751f\u7aef\u4e0e\u7ba1\u7406\u7aef\u4e24\u4e2a\u89d2\u8272\u3002<\/p>\n<p>\u5b66\u751f\u7aef\u529f\u80fd&#xff1a;<\/p>\n<li>\u6ce8\u518c&#xff08;\u59d3\u540d &#043; \u624b\u673a\u53f7&#xff0c;\u624b\u673a\u53f7\u5373\u767b\u5f55\u8d26\u53f7&#xff09;\u3001\u767b\u5f55\u3001\u5fd8\u8bb0\u5bc6\u7801&#xff08;\u51ed\u624b\u673a\u53f7\u91cd\u7f6e&#xff09;&#xff1b;<\/li>\n<li>\u6d4f\u89c8\u5b9e\u9a8c\u5ba4\u5217\u8868&#xff08;\u540d\u79f0\u3001\u4f4d\u7f6e\u3001\u5bb9\u7eb3\u4eba\u6570\u3001\u8bbe\u5907\u3001\u5f00\u653e\u72b6\u6001&#xff09;&#xff1b;<\/li>\n<li>\u6309\u65e5\u671f\u4e0e\u5c0f\u65f6\u7c92\u5ea6\u9009\u62e9\u65f6\u6bb5\u63d0\u4ea4\u9884\u7ea6\u7533\u8bf7&#xff1b;<\/li>\n<li>\u67e5\u770b\u6211\u7684\u9884\u7ea6\u5217\u8868&#xff0c;\u652f\u6301\u6309\u72b6\u6001\u7b5b\u9009\u3001\u53d6\u6d88\u9884\u7ea6&#xff08;\u672a\u8fc7\u65f6&#xff09;\u3001\u5230\u573a\u7b7e\u5230&#xff1b;<\/li>\n<li>\u67e5\u770b\u672a\u6765 7\/14 \u5929\u5404\u5b9e\u9a8c\u5ba4 \u00d7 \u65f6\u6bb5\u7684\u5360\u7528\u70ed\u529b\u56fe\u4e0e\u9519\u5cf0\u63a8\u8350&#xff1b;<\/li>\n<li>\u63a5\u6536\u5ba1\u6279\u7ed3\u679c\u7ad9\u5185\u901a\u77e5\u3002<\/li>\n<p>\u7ba1\u7406\u7aef\u529f\u80fd&#xff1a;<\/p>\n<li>\u5b9e\u9a8c\u5ba4\u4fe1\u606f\u7ba1\u7406&#xff08;\u589e\u5220\u6539\u67e5\u3001\u7ef4\u62a4\/\u5173\u95ed\u72b6\u6001\u5207\u6362&#xff09;&#xff1b;<\/li>\n<li>\u9884\u7ea6\u5ba1\u6279&#xff08;\u901a\u8fc7\/\u9a73\u56de&#xff0c;\u9a73\u56de\u5fc5\u586b\u539f\u56e0&#xff0c;\u9a73\u56de\u81ea\u52a8\u91ca\u653e\u65f6\u6bb5&#xff09;&#xff1b;<\/li>\n<li>\u9884\u7ea6\u6570\u636e\u7edf\u8ba1&#xff08;\u603b\u6570\u3001\u9ad8\u5cf0\/\u4f4e\u8c37\u65f6\u6bb5\u3001\u70ed\u529b\u56fe&#xff09;&#xff1b;<\/li>\n<li>\u4ec5\u9650\u7ba1\u7406\u5458\u8bbf\u95ee&#xff0c;\u5b66\u751f\u8bbf\u95ee\u81ea\u52a8\u62e6\u622a\u3002<\/li>\n<h4>3.3 \u4e1a\u52a1\u6d41\u7a0b<\/h4>\n<p>\u9884\u7ea6\u4e3b\u6d41\u7a0b\u4e3a&#xff1a;\u5b66\u751f\u63d0\u4ea4\u9884\u7ea6 \u2192 \u7cfb\u7edf\u6821\u9a8c&#xff08;\u65f6\u95f4\u5408\u6cd5\u6027 &#043; \u51b2\u7a81\u68c0\u6d4b&#xff09;\u2192 \u751f\u6210\u5f85\u5ba1\u6279\u5355 \u2192 \u7ba1\u7406\u5458\u901a\u8fc7\/\u9a73\u56de \u2192 \u7533\u8bf7\u4eba\u6536\u5230\u7ad9\u5185\u901a\u77e5 \u2192 \u5df2\u901a\u8fc7\u5355\u5728\u4f7f\u7528\u5f53\u65e5\u7b7e\u5230 \u2192 \u65f6\u6bb5\u7ed3\u675f\u540e\u6d41\u8f6c\u4e3a\u5df2\u5b8c\u6210\u3002\u4efb\u4e00\u73af\u8282\u53d6\u6d88\u6216\u9a73\u56de\u5747\u81ea\u52a8\u91ca\u653e\u65f6\u6bb5\u5360\u7528\u3002<\/p>\n<h4>3.4 \u975e\u529f\u80fd\u9700\u6c42<\/h4>\n<ul>\n<li>\u5e76\u53d1\u5b89\u5168&#xff1a;\u540c\u4e00\u5b9e\u9a8c\u5ba4\u540c\u4e00\u65f6\u6bb5\u5728\u4efb\u610f\u5e76\u53d1\u538b\u529b\u4e0b\u53ea\u5141\u8bb8\u4e00\u5355\u6210\u4ea4&#xff1b;<\/li>\n<li>\u6570\u636e\u9694\u79bb&#xff1a;\u5b66\u751f\u53ea\u80fd\u8bfb\u5199\u672c\u4eba\u9884\u7ea6\u5355&#xff0c;\u8d8a\u6743\u8bbf\u95ee\u8fd4\u56de 404&#xff08;\u4e0d\u66b4\u9732\u8d44\u6e90\u5b58\u5728\u6027&#xff09;&#xff1b;<\/li>\n<li>\u6027\u80fd&#xff1a;\u5217\u8868\u63a5\u53e3\u54cd\u5e94 &lt; 300ms&#xff1b;\u70ed\u529b\u56fe\u805a\u5408\u5728\u5e94\u7528\u5c42\u5b8c\u6210&#xff0c;\u907f\u514d\u5b58\u50a8\u8fc7\u7a0b&#xff1b;<\/li>\n<li>\u53ef\u7ef4\u62a4&#xff1a;\u524d\u540e\u7aef\u5206\u79bb\u3001\u6309\u4e1a\u52a1\u57df\u5206\u6a21\u5757&#xff08;accounts \/ labs \/ bookings \/ notifications&#xff09;\u3002<\/li>\n<\/ul>\n<h3>4 \u7cfb\u7edf\u6982\u8981\u8bbe\u8ba1<\/h3>\n<h4>4.1 \u7cfb\u7edf\u67b6\u6784<\/h4>\n<p>\u7cfb\u7edf\u91c7\u7528\u5178\u578b\u7684\u524d\u540e\u7aef\u5206\u79bb\u4e09\u5c42\u67b6\u6784&#xff1a;<\/p>\n<p>\u6d4f\u89c8\u5668&#xff08;Vue 3 SPA&#xff09;<br \/>\n   \u2502  HTTP \/ JSON&#xff0c;JWT \u8ba4\u8bc1<br \/>\n   \u25bc<br \/>\nDjango REST Framework&#xff08;\u5e8f\u5217\u5316 \u2192 \u6743\u9650 \u2192 \u89c6\u56fe \u2192 ORM&#xff09;<br \/>\n   \u2502  PyMySQL<br \/>\n   \u25bc<br \/>\nMySQL 8.4&#xff08;InnoDB&#xff09;<\/p>\n<h4>4.2 \u529f\u80fd\u7ed3\u6784<\/h4>\n<p>\u7cfb\u7edf\u529f\u80fd\u7ed3\u6784\u5982\u56fe 4-1 \u6240\u793a&#xff08;\u5b66\u751f\u7aef&#xff09;\u4e0e\u56fe 4-2 \u6240\u793a&#xff08;\u7ba1\u7406\u7aef&#xff09;\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/09\/20260922120055-6ab26df79d833.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/>\u56fe 4-1 \u5b66\u751f\u7aef\u5b9e\u9a8c\u5ba4\u5217\u8868\u754c\u9762<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/09\/20260922120056-6ab26df88338b.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/><br \/>\n\u56fe 4-2 \u7ba1\u7406\u7aef\u5b9e\u9a8c\u5ba4\u7ba1\u7406\u754c\u9762<\/p>\n<h4>4.3 \u6570\u636e\u5e93\u8bbe\u8ba1<\/h4>\n<p>\u7cfb\u7edf\u6838\u5fc3\u4e1a\u52a1\u8868\u4e3a\u56db\u5f20&#xff1a;accounts_customuser&#xff08;\u7528\u6237&#xff09;\u3001labs_lab&#xff08;\u5b9e\u9a8c\u5ba4&#xff09;\u3001bookings_booking&#xff08;\u9884\u7ea6\u5355&#xff09;\u3001notifications_notification&#xff08;\u7ad9\u5185\u901a\u77e5&#xff09;\u3002\u7528\u6237\u8868\u6269\u5c55 Django \u5185\u7f6e AbstractUser&#xff0c;\u4ee5 role \u5b57\u6bb5\u533a\u5206\u5b66\u751f&#xff08;0&#xff09;\u4e0e\u7ba1\u7406\u5458&#xff08;1&#xff09;&#xff0c;\u9875\u9762\u5c55\u793a\u4e00\u5f8b\u4f7f\u7528 real_name&#xff1b;\u9884\u7ea6\u5355\u901a\u8fc7 user_id\u3001lab_id \u5916\u952e\u5173\u8054&#xff0c;\u5e76\u5efa\u7acb lab_id &#043; date &#043; status \u8054\u5408\u7d22\u5f15\u652f\u6491\u51b2\u7a81\u68c0\u6d4b\u4e0e\u70ed\u529b\u56fe\u7edf\u8ba1\u3002\u9884\u7ea6\u5355\u72b6\u6001\u673a\u4e3a&#xff1a;\u5f85\u5ba1\u6279 0 \u2192 \u5df2\u901a\u8fc7 1 \/ \u5df2\u9a73\u56de 2&#xff1b;\u5df2\u901a\u8fc7\u53ef\u53d6\u6d88 \u2192 \u5df2\u53d6\u6d88 3&#xff1b;\u65f6\u6bb5\u7ed3\u675f\u81ea\u52a8\u6d41\u8f6c \u2192 \u5df2\u5b8c\u6210 4\u3002<\/p>\n<p>\u8be6\u7ec6\u7684\u8868\u7ed3\u6784\u3001\u7d22\u5f15\u8bbe\u8ba1\u3001\u51b2\u7a81\u68c0\u6d4b\u7684\u534a\u5f00\u533a\u95f4\u6a21\u578b\u4e0e\u884c\u9501\u673a\u5236&#xff0c;\u89c1 docs\/\u6570\u636e\u5e93\u8bbe\u8ba1.md\u3002<\/p>\n<h4>4.4 \u51b2\u7a81\u68c0\u6d4b\u8bbe\u8ba1&#xff08;\u6838\u5fc3&#xff09;<\/h4>\n<p>\u4e24\u533a\u95f4 [s1,e1)\u3001[s2,e2) \u91cd\u53e0\u7684\u5145\u8981\u6761\u4ef6\u4e3a s1 &lt; e2 AND e1 &gt; s2\u3002\u91c7\u7528\u534a\u5f00\u533a\u95f4\u8bed\u4e49&#xff0c;\u4f7f\u76f8\u90bb\u65f6\u6bb5&#xff08;\u5982 09:00-10:00 \u4e0e 10:00-11:00&#xff09;\u4e0d\u51b2\u7a81\u3001\u53ef\u8fde\u7ea6\u3002\u4e3a\u9632\u6b62\u5e76\u53d1\u4e0b&#034;\u68c0\u6d4b\u901a\u8fc7\u3001\u5199\u5165\u65f6\u5df2\u88ab\u4ed6\u4eba\u5360\u7528&#034;\u7684\u7ade\u6001&#xff0c;\u521b\u5efa\u8bf7\u6c42\u5728\u4e8b\u52a1\u5185\u5bf9\u5b9e\u9a8c\u5ba4\u884c\u52a0\u9501\u4e32\u884c\u5316&#xff1a;<\/p>\n<p><span class=\"token keyword\">with<\/span> transaction<span class=\"token punctuation\">.<\/span>atomic<span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">:<\/span><br \/>\n    lab <span class=\"token operator\">&#061;<\/span> Lab<span class=\"token punctuation\">.<\/span>objects<span class=\"token punctuation\">.<\/span>select_for_update<span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">.<\/span>get<span class=\"token punctuation\">(<\/span>pk<span class=\"token operator\">&#061;<\/span>lab_id<span class=\"token punctuation\">)<\/span><br \/>\n    <span class=\"token keyword\">if<\/span> Booking<span class=\"token punctuation\">.<\/span>objects<span class=\"token punctuation\">.<\/span><span class=\"token builtin\">filter<\/span><span class=\"token punctuation\">(<\/span>lab<span class=\"token operator\">&#061;<\/span>lab<span class=\"token punctuation\">,<\/span> date<span class=\"token operator\">&#061;<\/span>date<span class=\"token punctuation\">,<\/span> status__in<span class=\"token operator\">&#061;<\/span><span class=\"token punctuation\">(<\/span><span class=\"token number\">0<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">1<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">,<\/span><br \/>\n                              start_time__lt<span class=\"token operator\">&#061;<\/span>end<span class=\"token punctuation\">,<\/span> end_time__gt<span class=\"token operator\">&#061;<\/span>start<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">.<\/span>exists<span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">:<\/span><br \/>\n        <span class=\"token keyword\">return<\/span> <span class=\"token number\">409<\/span>  <span class=\"token comment\"># \u51b2\u7a81&#xff0c;\u54cd\u5e94\u9644\u5e26\u5360\u7528\u4eba\u4e0e\u65f6\u6bb5<\/span><\/p>\n<p>\u7b2c\u4e8c\u4e2a\u5e76\u53d1\u4e8b\u52a1\u5728\u9501\u91ca\u653e\u540e\u4e8c\u6b21\u6821\u9a8c&#xff0c;\u5fc5\u7136\u8bfb\u5230\u7b2c\u4e00\u4e2a\u4e8b\u52a1\u5df2\u63d0\u4ea4\u7684\u9884\u7ea6\u884c&#xff0c;\u4ece\u800c\u8fd4\u56de 409\u2014\u2014\u884c\u9501\u4fdd\u8bc1\u4e86&#034;\u68c0\u6d4b-\u5199\u5165&#034;\u4e4b\u95f4\u65e0\u63d2\u5165\u7a97\u53e3\u3002<\/p>\n<h3>5 \u7cfb\u7edf\u8be6\u7ec6\u8bbe\u8ba1\u4e0e\u5b9e\u73b0<\/h3>\n<h4>5.1 \u8ba4\u8bc1\u6a21\u5757<\/h4>\n<p>\u7cfb\u7edf\u767b\u5f55\u9875\u5982\u56fe 5-1 \u6240\u793a\u3002\u5b66\u751f\u4f7f\u7528\u624b\u673a\u53f7 &#043; \u5bc6\u7801\u767b\u5f55&#xff0c;\u7ba1\u7406\u5458\u4f7f\u7528\u72ec\u7acb\u8d26\u53f7&#xff1b;\u767b\u5f55\u6210\u529f\u540e\u6309\u89d2\u8272\u8df3\u8f6c\u5bf9\u5e94\u9996\u9875\u3002\u6ce8\u518c\u4ec5\u9700\u59d3\u540d\u3001\u9662\u7cfb\u4e0e\u624b\u673a\u53f7&#xff0c;\u7cfb\u7edf\u81ea\u52a8\u751f\u6210\u5185\u90e8\u8d26\u53f7&#xff0c;\u9875\u9762\u6240\u6709\u7528\u6237\u5c55\u793a\u5747\u4f7f\u7528\u59d3\u540d&#xff0c;\u63a5\u53e3\u4e0d\u8fd4\u56de\u654f\u611f\u5b57\u6bb5\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/09\/20260922120056-6ab26df8e4ca9.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/>\u56fe 5-1 \u7cfb\u7edf\u767b\u5f55\u754c\u9762<\/p>\n<h4>5.2 \u5b9e\u9a8c\u5ba4\u6d4f\u89c8\u4e0e\u9884\u7ea6\u6a21\u5757&#xff08;\u5b66\u751f\u7aef&#xff09;<\/h4>\n<p>\u5b66\u751f\u767b\u5f55\u540e\u8fdb\u5165\u9996\u9875&#xff0c;\u53ef\u8df3\u8f6c\u5b9e\u9a8c\u5ba4\u5217\u8868\u3002\u5b9e\u9a8c\u5ba4\u5217\u8868\u4ee5\u5361\u7247\u5f62\u5f0f\u5c55\u793a\u5404\u5b9e\u9a8c\u5ba4\u7684\u4f4d\u7f6e\u3001\u5bb9\u7eb3\u4eba\u6570\u4e0e\u8bbe\u5907\u6e05\u5355&#xff0c;\u5e76\u6807\u6ce8\u5f00\u653e\u72b6\u6001&#xff08;\u56fe 5-2&#xff09;\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/09\/20260922120057-6ab26df96ab29.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/><br \/>\n\u56fe 5-2 \u5b9e\u9a8c\u5ba4\u5217\u8868\u754c\u9762<\/p>\n<p>\u70b9\u51fb&#034;\u7acb\u5373\u9884\u7ea6&#034;\u8fdb\u5165\u65f6\u6bb5\u9009\u62e9\u9875&#xff08;\u56fe 5-3&#xff09;\u3002\u9875\u9762\u63d0\u4f9b\u672a\u6765 7 \u5929\u65e5\u671f\u9009\u62e9&#xff0c;\u5f00\u653e 08:00-21:00 \u5171 13 \u4e2a\u5c0f\u65f6\u7c92\u5ea6\u65f6\u6bb5&#xff1b;\u5df2\u88ab\u5360\u7528\u6216\u5df2\u8fc7\u53bb\u7684\u65f6\u6bb5\u81ea\u52a8\u7f6e\u7070&#xff0c;\u5b66\u751f\u53ef\u591a\u9009\u8fde\u7eed\u7a7a\u95f2\u65f6\u6bb5\u5e76\u586b\u5199\u7528\u9014\u63d0\u4ea4\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/09\/20260922120057-6ab26df9cbff5.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/><br \/>\n\u56fe 5-3 \u9884\u7ea6\u65f6\u6bb5\u9009\u62e9\u754c\u9762<\/p>\n<p>\u63d0\u4ea4\u65f6\u670d\u52a1\u7aef\u4f9d\u6b21\u6821\u9a8c&#xff1a;\u65e5\u671f\u8303\u56f4&#xff08;\u4eca\u5929\u8d77 14 \u5929\u5185&#xff09;\u3001\u65f6\u6bb5\u975e\u8fc7\u53bb\u3001\u65f6\u957f \u2265 30 \u5206\u949f\u3001\u5b9e\u9a8c\u5ba4\u5f00\u653e\u72b6\u6001\u3001\u51b2\u7a81\u68c0\u6d4b\u3002\u4e0e\u5df2\u6709&#034;\u5f85\u5ba1\u6279\/\u5df2\u901a\u8fc7&#034;\u8ba2\u5355\u90e8\u5206\u91cd\u53e0\u65f6\u8fd4\u56de 409&#xff0c;\u524d\u7aef\u5f39\u51fa\u51b2\u7a81\u8be6\u60c5\u9762\u677f\u3002<\/p>\n<h4>5.3 \u6211\u7684\u9884\u7ea6\u4e0e\u7b7e\u5230\u6a21\u5757&#xff08;\u5b66\u751f\u7aef&#xff09;<\/h4>\n<p>&#034;\u6211\u7684\u9884\u7ea6&#034;\u5217\u8868\u6309\u72b6\u6001\u5206 tab \u5c55\u793a\u5168\u90e8\u9884\u7ea6\u5355&#xff08;\u56fe 5-4&#xff09;&#xff0c;\u5f85\u5ba1\u6279\u4e0e\u5df2\u901a\u8fc7\u4e14\u672a\u8fc7\u65f6\u7684\u8ba2\u5355\u53ef\u53d6\u6d88&#xff1b;\u5df2\u901a\u8fc7\u8ba2\u5355\u5728\u5f00\u59cb\u524d 15 \u5206\u949f\u81f3\u9884\u7ea6\u7ed3\u675f\u4e4b\u95f4\u5f00\u653e\u7b7e\u5230&#xff0c;\u9632\u6b62\u4ee3\u7b7e\u4e0e\u65e9\u7b7e\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/09\/20260922120058-6ab26dfa38795.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/><br \/>\n\u56fe 5-4 \u6211\u7684\u9884\u7ea6\u754c\u9762<\/p>\n<h4>5.4 \u5360\u7528\u70ed\u529b\u56fe\u6a21\u5757&#xff08;\u53cc\u7aef\u5171\u7528&#xff09;<\/h4>\n<p>\u70ed\u529b\u56fe\u805a\u5408\u672a\u6765 N \u5929\u5404\u5b9e\u9a8c\u5ba4 \u00d7 \u6574\u70b9\u65f6\u6bb5\u7684\u5360\u7528\u7387&#xff0c;\u4ee5\u989c\u8272\u6df1\u6d45\u6e32\u67d3\u77e9\u9635&#xff08;\u56fe 5-5&#xff09;&#xff0c;\u5e76\u7ed9\u51fa\u9ad8\u5cf0\u65f6\u6bb5\u3001\u4f4e\u8c37\u65f6\u6bb5\u4e0e\u7a7a\u95f2\u65f6\u6bb5\u63a8\u8350&#xff0c;\u5f15\u5bfc\u5b66\u751f\u9519\u5cf0\u9884\u7ea6&#xff1b;\u7ba1\u7406\u7aef\u590d\u7528\u540c\u4e00\u7ec4\u4ef6\u8fdb\u884c\u5168\u5c40\u89c2\u5bdf\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/09\/20260922120058-6ab26dfa9f928.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/><br \/>\n\u56fe 5-5 \u5b66\u751f\u7aef\u5360\u7528\u70ed\u529b\u56fe\u754c\u9762<\/p>\n<h4>5.5 \u7ad9\u5185\u901a\u77e5\u6a21\u5757<\/h4>\n<p>\u5ba1\u6279\u901a\u8fc7\u6216\u9a73\u56de\u65f6&#xff0c;\u7cfb\u7edf\u81ea\u52a8\u5411\u7533\u8bf7\u4eba\u5199\u5165\u7ad9\u5185\u901a\u77e5&#xff08;\u9a73\u56de\u542b\u539f\u56e0&#xff09;&#xff0c;\u5b66\u751f\u7aef\u53f3\u4e0a\u89d2\u94c3\u94db\u663e\u793a\u672a\u8bfb\u89d2\u6807&#xff0c;\u901a\u77e5\u9875\u652f\u6301\u5355\u6761\u5df2\u8bfb\u4e0e\u5168\u90e8\u5df2\u8bfb&#xff08;\u56fe 5-6&#xff09;\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/09\/20260922120059-6ab26dfb0dc51.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/><br \/>\n\u56fe 5-6 \u7ad9\u5185\u901a\u77e5\u754c\u9762<\/p>\n<h4>5.6 \u5b9e\u9a8c\u5ba4\u7ba1\u7406\u6a21\u5757&#xff08;\u7ba1\u7406\u7aef&#xff09;<\/h4>\n<p>\u7ba1\u7406\u5458\u5728\u540e\u53f0\u7ef4\u62a4\u5b9e\u9a8c\u5ba4\u4fe1\u606f&#xff0c;\u5305\u62ec\u540d\u79f0\u3001\u697c\u5b87\u3001\u623f\u95f4\u53f7\u3001\u5bb9\u7eb3\u4eba\u6570\u3001\u8bbe\u5907\u6e05\u5355\u4e0e\u5f00\u653e\u72b6\u6001&#xff1b;\u7ef4\u62a4\u4e2d\u6216\u5173\u95ed\u7684\u5b9e\u9a8c\u5ba4\u81ea\u52a8\u4ece\u5b66\u751f\u7aef\u9884\u7ea6\u5165\u53e3\u9690\u85cf&#xff08;\u56fe 5-7&#xff09;\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/09\/20260922120059-6ab26dfb769bb.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/><br \/>\n\u56fe 5-7 \u5b9e\u9a8c\u5ba4\u7ba1\u7406\u754c\u9762<\/p>\n<h4>5.7 \u9884\u7ea6\u5ba1\u6279\u6a21\u5757&#xff08;\u7ba1\u7406\u7aef&#xff09;<\/h4>\n<p>\u5ba1\u6279\u5217\u8868\u6309\u5f85\u5ba1\u6279\/\u5df2\u901a\u8fc7\/\u5df2\u9a73\u56de\/\u5168\u90e8\u5206 tab \u5c55\u793a&#xff0c;\u6bcf\u6761\u7533\u8bf7\u542b\u7533\u8bf7\u4eba&#xff08;\u59d3\u540d&#xff09;\u3001\u5b9e\u9a8c\u5ba4\u3001\u65e5\u671f\u65f6\u6bb5\u4e0e\u7528\u9014&#xff08;\u56fe 5-8&#xff09;\u3002\u901a\u8fc7\u5373\u65f6\u751f\u6548&#xff1b;\u9a73\u56de\u5fc5\u586b\u539f\u56e0&#xff0c;\u9a73\u56de\u540e\u65f6\u6bb5\u81ea\u52a8\u91ca\u653e\u5e76\u901a\u77e5\u7533\u8bf7\u4eba\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/09\/20260922120059-6ab26dfbd7d5a.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/><br \/>\n\u56fe 5-8 \u9884\u7ea6\u5ba1\u6279\u754c\u9762<\/p>\n<h4>5.8 \u6570\u636e\u7edf\u8ba1\u6a21\u5757&#xff08;\u7ba1\u7406\u7aef&#xff09;<\/h4>\n<p>\u7edf\u8ba1\u9875\u63d0\u4f9b\u6d3b\u52a8\u9884\u7ea6\u603b\u6570\u3001\u9ad8\u5cf0\u65f6\u6bb5\u3001\u4f4e\u8c37\u65f6\u6bb5\u3001\u5f00\u653e\u5b9e\u9a8c\u5ba4\u6570\u56db\u4e2a\u6307\u6807\u5361&#xff0c;\u4ee5\u53ca\u5360\u7528\u70ed\u529b\u56fe\u4e0e\u9519\u5cf0\u63a8\u8350&#xff08;\u56fe 5-9&#xff09;&#xff0c;\u4e3a\u5b9e\u9a8c\u5ba4\u8c03\u5ea6\u63d0\u4f9b\u91cf\u5316\u4f9d\u636e\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/09\/20260922120100-6ab26dfc43d60.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/><br \/>\n\u56fe 5-9 \u6570\u636e\u7edf\u8ba1\u754c\u9762<\/p>\n<h3>6 \u7cfb\u7edf\u6d4b\u8bd5<\/h3>\n<h4>6.1 \u6d4b\u8bd5\u76ee\u7684\u4e0e\u65b9\u6cd5<\/h4>\n<p>\u7cfb\u7edf\u6d4b\u8bd5\u7684\u76ee\u7684\u662f\u9a8c\u8bc1\u5404\u529f\u80fd\u6a21\u5757\u7684\u6b63\u786e\u6027\u3001\u6743\u9650\u9694\u79bb\u7684\u6709\u6548\u6027\u4e0e\u5e76\u53d1\u5b89\u5168\u7684\u53ef\u9760\u6027\u3002\u6d4b\u8bd5\u91c7\u7528\u4e24\u79cd\u65b9\u6cd5&#xff1a;<\/p>\n<li>\u63a5\u53e3\u7ea7\u5355\u5143\u6d4b\u8bd5&#xff1a;\u4f7f\u7528 DRF \u7684 APITestCase \u5bf9\u540e\u7aef 28 \u4e2a\u573a\u666f\u505a\u81ea\u52a8\u5316\u65ad\u8a00&#xff0c;\u968f manage.py test \u4e00\u952e\u6267\u884c&#xff1b;<\/li>\n<li>\u529f\u80fd\u6d4b\u8bd5&#xff1a;\u6309\u89d2\u8272&#xff08;\u5b66\u751f\/\u7ba1\u7406\u5458&#xff09;\u5728\u6d4f\u89c8\u5668\u4e2d\u8d70\u67e5\u5168\u90e8\u4e1a\u52a1\u6d41\u7a0b\u3002<\/li>\n<h4>6.2 \u6d4b\u8bd5\u73af\u5883<\/h4>\n<table>\n<tr>\u9879\u76ee\u914d\u7f6e<\/tr>\n<tbody>\n<tr>\n<td>\u64cd\u4f5c\u7cfb\u7edf<\/td>\n<td>Windows 11<\/td>\n<\/tr>\n<tr>\n<td>\u540e\u7aef<\/td>\n<td>Python 3.13 &#043; Django 6.1 &#043; DRF &#043; PyMySQL<\/td>\n<\/tr>\n<tr>\n<td>\u6570\u636e\u5e93<\/td>\n<td>MySQL 8.4&#xff08;InnoDB&#xff0c;utf8mb4&#xff09;<\/td>\n<\/tr>\n<tr>\n<td>\u524d\u7aef<\/td>\n<td>Node.js 22 &#043; Vue 3 &#043; Element Plus<\/td>\n<\/tr>\n<tr>\n<td>\u6d4f\u89c8\u5668<\/td>\n<td>Chrome \u6700\u65b0\u7248<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h4>6.3 \u6838\u5fc3\u6d4b\u8bd5\u7528\u4f8b<\/h4>\n<table>\n<tr>\u7f16\u53f7\u6d4b\u8bd5\u573a\u666f\u9884\u671f\u7ed3\u679c\u5b9e\u6d4b<\/tr>\n<tbody>\n<tr>\n<td>T01<\/td>\n<td>\u9884\u7ea6\u4e0e\u5df2\u6709\u5355\u5b8c\u5168\u91cd\u53e0<\/td>\n<td>409 &#043; \u51b2\u7a81\u8be6\u60c5<\/td>\n<td>\u901a\u8fc7<\/td>\n<\/tr>\n<tr>\n<td>T02<\/td>\n<td>\u9884\u7ea6\u8de8\u8fb9\u754c\u90e8\u5206\u91cd\u53e0<\/td>\n<td>409<\/td>\n<td>\u901a\u8fc7<\/td>\n<\/tr>\n<tr>\n<td>T03<\/td>\n<td>\u76f8\u90bb\u65f6\u6bb5\u9884\u7ea6&#xff08;10:00 \u63a5 09:00-10:00&#xff09;<\/td>\n<td>201 \u521b\u5efa\u6210\u529f<\/td>\n<td>\u901a\u8fc7<\/td>\n<\/tr>\n<tr>\n<td>T04<\/td>\n<td>\u9884\u7ea6\u4eca\u5929\u5df2\u8fc7\u53bb\u7684\u65f6\u6bb5<\/td>\n<td>400\u300c\u8be5\u65f6\u6bb5\u5df2\u8fc7\u53bb\u300d<\/td>\n<td>\u901a\u8fc7<\/td>\n<\/tr>\n<tr>\n<td>T05<\/td>\n<td>\u5355\u6b21\u9884\u7ea6 20 \u5206\u949f<\/td>\n<td>400&#xff08;\u4e0d\u8db3 30 \u5206\u949f&#xff09;<\/td>\n<td>\u901a\u8fc7<\/td>\n<\/tr>\n<tr>\n<td>T06<\/td>\n<td>\u9884\u7ea6\u7ef4\u62a4\u4e2d\u7684\u5b9e\u9a8c\u5ba4<\/td>\n<td>400<\/td>\n<td>\u901a\u8fc7<\/td>\n<\/tr>\n<tr>\n<td>T07<\/td>\n<td>\u67e5\u770b\/\u53d6\u6d88\u4ed6\u4eba\u9884\u7ea6\u5355<\/td>\n<td>404<\/td>\n<td>\u901a\u8fc7<\/td>\n<\/tr>\n<tr>\n<td>T08<\/td>\n<td>\u5b66\u751f\u8bbf\u95ee\u5ba1\u6279\u63a5\u53e3<\/td>\n<td>403<\/td>\n<td>\u901a\u8fc7<\/td>\n<\/tr>\n<tr>\n<td>T09<\/td>\n<td>\u5f00\u59cb\u524d 16 \u5206\u949f\u7b7e\u5230<\/td>\n<td>400&#xff08;\u7a97\u53e3\u672a\u5f00&#xff09;<\/td>\n<td>\u901a\u8fc7<\/td>\n<\/tr>\n<tr>\n<td>T10<\/td>\n<td>\u5f00\u59cb\u524d 14 \u5206\u949f\u7b7e\u5230<\/td>\n<td>200&#xff0c;\u8bb0\u5f55\u7b7e\u5230\u65f6\u95f4<\/td>\n<td>\u901a\u8fc7<\/td>\n<\/tr>\n<tr>\n<td>T11<\/td>\n<td>\u91cd\u590d\u7b7e\u5230<\/td>\n<td>400<\/td>\n<td>\u901a\u8fc7<\/td>\n<\/tr>\n<tr>\n<td>T12<\/td>\n<td>\u5ba1\u6279\u9a73\u56de\u540e\u540c\u65f6\u6bb5\u518d\u7ea6<\/td>\n<td>201&#xff08;\u65f6\u6bb5\u5df2\u91ca\u653e&#xff09;<\/td>\n<td>\u901a\u8fc7<\/td>\n<\/tr>\n<tr>\n<td>T13<\/td>\n<td>\u5ba1\u6279\u901a\u8fc7\u751f\u6210\u7ad9\u5185\u901a\u77e5<\/td>\n<td>\u901a\u77e5\u843d\u5e93\u3001\u672a\u8bfb\u6570 &#043;1<\/td>\n<td>\u901a\u8fc7<\/td>\n<\/tr>\n<tr>\n<td>T14<\/td>\n<td>\u5df2\u8fc7\u65f6\u6bb5\u7684\u5df2\u901a\u8fc7\u5355\u67e5\u8be2<\/td>\n<td>\u72b6\u6001\u6d41\u8f6c\u4e3a\u300c\u5df2\u5b8c\u6210\u300d<\/td>\n<td>\u901a\u8fc7<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>\u5176\u4e2d T03 \u9a8c\u8bc1\u534a\u5f00\u533a\u95f4\u8bed\u4e49&#xff0c;T01\/T02 \u9a8c\u8bc1\u91cd\u53e0\u5224\u5b9a&#xff0c;T07\/T08 \u9a8c\u8bc1\u6743\u9650\u9694\u79bb&#xff0c;T09-T11 \u9a8c\u8bc1\u7b7e\u5230\u7a97\u53e3&#xff0c;T14 \u9a8c\u8bc1\u5df2\u5b8c\u6210\u72b6\u6001\u7684\u67e5\u8be2\u65f6\u6d41\u8f6c\u3002<\/p>\n<h4>6.4 \u5e76\u53d1\u5b89\u5168\u9a8c\u8bc1<\/h4>\n<p>\u5728 MySQL 8.4 \u4e0b\u5bf9\u51b2\u7a81\u68c0\u6d4b\u8def\u5f84\u505a\u5e76\u53d1\u9a8c\u8bc1&#xff1a;\u4e24\u4e2a\u8bf7\u6c42\u540c\u65f6\u63d0\u4ea4\u540c\u4e00\u5b9e\u9a8c\u5ba4\u76f8\u540c\u65f6\u6bb5\u7684\u9884\u7ea6&#xff0c;\u884c\u9501\u4f7f\u4e8c\u8005\u4e32\u884c\u6267\u884c&#xff0c;\u5b9e\u6d4b\u4ec5\u4e00\u5355\u8fd4\u56de 201\u3001\u53e6\u4e00\u5355\u8fd4\u56de 409&#xff0c;\u65e0\u91cd\u590d\u6210\u4ea4\u3002\u8fd9\u5370\u8bc1\u4e86 4.4 \u8282\u7684\u8bbe\u8ba1&#xff1a;\u5e94\u7528\u5c42\u4e8c\u6b21\u6821\u9a8c\u7684\u6b63\u786e\u6027\u4ee5\u6570\u636e\u5e93\u884c\u9501\u4e3a\u524d\u63d0\u3002<\/p>\n<h4>6.5 \u6d4b\u8bd5\u7ed3\u679c<\/h4>\n<p>\u540e\u7aef 28 \u4e2a\u63a5\u53e3\u7ea7\u5355\u5143\u6d4b\u8bd5\u5168\u90e8\u901a\u8fc7&#xff08;manage.py test&#xff0c;\u6d4b\u8bd5\u5e93\u7531\u6846\u67b6\u81ea\u52a8\u521b\u5efa\u4e0e\u9500\u6bc1&#xff09;&#xff1b;\u524d\u7aef\u5168\u90e8\u9875\u9762\u8d70\u67e5\u6b63\u5e38\u3002\u7cfb\u7edf\u6ee1\u8db3\u8bbe\u8ba1\u76ee\u6807\u3002<\/p>\n<h3>\u7ed3 \u8bba<\/h3>\n<p>\u672c\u6587\u5b8c\u6210\u4e86\u57fa\u4e8e Django &#043; Vue 3 \u7684\u667a\u80fd\u5b9e\u9a8c\u5ba4\u9884\u7ea6\u7cfb\u7edf\u7684\u5168\u6d41\u7a0b\u5f00\u53d1\u3002\u7cfb\u7edf\u5728\u529f\u80fd\u5c42\u9762\u8986\u76d6\u4e86&#034;\u9884\u7ea6 \u2192 \u5ba1\u6279 \u2192 \u7b7e\u5230 \u2192 \u7edf\u8ba1 \u2192 \u901a\u77e5&#034;\u5b8c\u6574\u4e1a\u52a1\u95ed\u73af&#xff1b;\u5728\u6280\u672f\u5c42\u9762\u7ed9\u51fa\u4e86\u4e24\u4e2a\u8d85\u51fa\u5e38\u89c4 CRUD \u9009\u9898\u7684\u8bbe\u8ba1&#xff1a;\u4e00\u662f\u4ee5&#034;\u534a\u5f00\u533a\u95f4\u6a21\u578b &#043; \u4e8b\u52a1\u5185\u884c\u9501&#034;\u89e3\u51b3\u9884\u7ea6\u51b2\u7a81\u7684\u5e76\u53d1\u5b89\u5168\u95ee\u9898&#xff0c;\u4e8c\u662f\u4ee5&#034;\u5360\u7528\u70ed\u529b\u56fe &#043; \u9519\u5cf0\u63a8\u8350&#034;\u5c06\u9884\u7ea6\u6570\u636e\u8f6c\u5316\u4e3a\u5bf9\u5b66\u751f\u7684\u5f15\u5bfc\u4fe1\u606f\u300228 \u4e2a\u5355\u5143\u6d4b\u8bd5\u4e0e\u5e76\u53d1\u5b9e\u6d4b\u9a8c\u8bc1\u4e86\u8bbe\u8ba1\u7684\u6b63\u786e\u6027\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u57fa\u4e8e Django \u4e0e Vue 3 \u7684\u667a\u80fd\u5b9e\u9a8c\u5ba4\u9884\u7ea6\u7cfb\u7edf\u8bbe\u8ba1\u4e0e\u5b9e\u73b0<br \/>\n\u6458 \u8981<br \/>\n\u968f\u7740\u9ad8\u6821\u5b9e\u9a8c\u5ba4\u89c4\u6a21\u7684\u4e0d\u65ad\u6269\u5927&#xff0c;\u4f20\u7edf\u7684\u4eba\u5de5\u767b\u8bb0\u9884\u7ea6\u65b9\u5f0f\u5728\u65f6\u6548\u6027\u3001\u900f\u660e\u5ea6\u548c\u8d44\u6e90\u5229\u7528\u7387\u65b9\u9762\u5df2\u96be\u4ee5\u6ee1\u8db3\u5b9e\u9645\u9700\u6c42\u3002\u672c\u6587\u8bbe\u8ba1\u5e76\u5b9e\u73b0\u4e86\u4e00\u5957\u57fa\u4e8e B\/S \u67b6\u6784\u7684\u667a\u80fd\u5b9e\u9a8c\u5ba4\u9884\u7ea6\u7cfb\u7edf&#xff0c;\u91c7\u7528 Django  Django REST Framework \u6784\u5efa\u540e\u7aef API&#xff0c;Vue 3  Element Plus \u6784\u5efa\u524d\u7aef\u754c\u9762&#xff0c;MySQL 8.4&#xff08;InnoDB<\/p>\n","protected":false},"author":2,"featured_media":108824,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[11815,890,114,81,292,1520],"topic":[],"class_list":["post-108835","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-server","tag-11815","tag-django","tag-mysql","tag-python","tag-292","tag-1520"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u57fa\u4e8e Django \u4e0e Vue 3 \u7684\u667a\u80fd\u5b9e\u9a8c\u5ba4\u9884\u7ea6\u7cfb\u7edf\u8bbe\u8ba1\u4e0e\u5b9e\u73b0 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.wsisp.com\/helps\/108835.html\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u57fa\u4e8e Django \u4e0e Vue 3 \u7684\u667a\u80fd\u5b9e\u9a8c\u5ba4\u9884\u7ea6\u7cfb\u7edf\u8bbe\u8ba1\u4e0e\u5b9e\u73b0 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"og:description\" content=\"\u57fa\u4e8e Django \u4e0e Vue 3 \u7684\u667a\u80fd\u5b9e\u9a8c\u5ba4\u9884\u7ea6\u7cfb\u7edf\u8bbe\u8ba1\u4e0e\u5b9e\u73b0 \u6458 \u8981 \u968f\u7740\u9ad8\u6821\u5b9e\u9a8c\u5ba4\u89c4\u6a21\u7684\u4e0d\u65ad\u6269\u5927&#xff0c;\u4f20\u7edf\u7684\u4eba\u5de5\u767b\u8bb0\u9884\u7ea6\u65b9\u5f0f\u5728\u65f6\u6548\u6027\u3001\u900f\u660e\u5ea6\u548c\u8d44\u6e90\u5229\u7528\u7387\u65b9\u9762\u5df2\u96be\u4ee5\u6ee1\u8db3\u5b9e\u9645\u9700\u6c42\u3002\u672c\u6587\u8bbe\u8ba1\u5e76\u5b9e\u73b0\u4e86\u4e00\u5957\u57fa\u4e8e B\/S \u67b6\u6784\u7684\u667a\u80fd\u5b9e\u9a8c\u5ba4\u9884\u7ea6\u7cfb\u7edf&#xff0c;\u91c7\u7528 Django Django REST Framework \u6784\u5efa\u540e\u7aef API&#xff0c;Vue 3 Element Plus \u6784\u5efa\u524d\u7aef\u754c\u9762&#xff0c;MySQL 8.4&#xff08;InnoDB\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.wsisp.com\/helps\/108835.html\" \/>\n<meta property=\"og:site_name\" content=\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"article:published_time\" content=\"2026-09-22T12:01:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/09\/20260922120055-6ab26df79d833.png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\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\" \/>\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\":\"WebPage\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/108835.html\",\"url\":\"https:\/\/www.wsisp.com\/helps\/108835.html\",\"name\":\"\u57fa\u4e8e Django \u4e0e Vue 3 \u7684\u667a\u80fd\u5b9e\u9a8c\u5ba4\u9884\u7ea6\u7cfb\u7edf\u8bbe\u8ba1\u4e0e\u5b9e\u73b0 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"isPartOf\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\"},\"datePublished\":\"2026-09-22T12:01:01+00:00\",\"dateModified\":\"2026-09-22T12:01:01+00:00\",\"author\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/108835.html#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.wsisp.com\/helps\/108835.html\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/108835.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.wsisp.com\/helps\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u57fa\u4e8e Django \u4e0e Vue 3 \u7684\u667a\u80fd\u5b9e\u9a8c\u5ba4\u9884\u7ea6\u7cfb\u7edf\u8bbe\u8ba1\u4e0e\u5b9e\u73b0\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\",\"url\":\"https:\/\/www.wsisp.com\/helps\/\",\"name\":\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"description\":\"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"contentUrl\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"caption\":\"admin\"},\"sameAs\":[\"http:\/\/wp.wsisp.com\"],\"url\":\"https:\/\/www.wsisp.com\/helps\/author\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u57fa\u4e8e Django \u4e0e Vue 3 \u7684\u667a\u80fd\u5b9e\u9a8c\u5ba4\u9884\u7ea6\u7cfb\u7edf\u8bbe\u8ba1\u4e0e\u5b9e\u73b0 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","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":"https:\/\/www.wsisp.com\/helps\/108835.html","og_locale":"zh_CN","og_type":"article","og_title":"\u57fa\u4e8e Django \u4e0e Vue 3 \u7684\u667a\u80fd\u5b9e\u9a8c\u5ba4\u9884\u7ea6\u7cfb\u7edf\u8bbe\u8ba1\u4e0e\u5b9e\u73b0 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","og_description":"\u57fa\u4e8e Django \u4e0e Vue 3 \u7684\u667a\u80fd\u5b9e\u9a8c\u5ba4\u9884\u7ea6\u7cfb\u7edf\u8bbe\u8ba1\u4e0e\u5b9e\u73b0 \u6458 \u8981 \u968f\u7740\u9ad8\u6821\u5b9e\u9a8c\u5ba4\u89c4\u6a21\u7684\u4e0d\u65ad\u6269\u5927&#xff0c;\u4f20\u7edf\u7684\u4eba\u5de5\u767b\u8bb0\u9884\u7ea6\u65b9\u5f0f\u5728\u65f6\u6548\u6027\u3001\u900f\u660e\u5ea6\u548c\u8d44\u6e90\u5229\u7528\u7387\u65b9\u9762\u5df2\u96be\u4ee5\u6ee1\u8db3\u5b9e\u9645\u9700\u6c42\u3002\u672c\u6587\u8bbe\u8ba1\u5e76\u5b9e\u73b0\u4e86\u4e00\u5957\u57fa\u4e8e B\/S \u67b6\u6784\u7684\u667a\u80fd\u5b9e\u9a8c\u5ba4\u9884\u7ea6\u7cfb\u7edf&#xff0c;\u91c7\u7528 Django Django REST Framework \u6784\u5efa\u540e\u7aef API&#xff0c;Vue 3 Element Plus \u6784\u5efa\u524d\u7aef\u754c\u9762&#xff0c;MySQL 8.4&#xff08;InnoDB","og_url":"https:\/\/www.wsisp.com\/helps\/108835.html","og_site_name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","article_published_time":"2026-09-22T12:01:01+00:00","og_image":[{"url":"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/09\/20260922120055-6ab26df79d833.png"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"admin","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"4 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.wsisp.com\/helps\/108835.html","url":"https:\/\/www.wsisp.com\/helps\/108835.html","name":"\u57fa\u4e8e Django \u4e0e Vue 3 \u7684\u667a\u80fd\u5b9e\u9a8c\u5ba4\u9884\u7ea6\u7cfb\u7edf\u8bbe\u8ba1\u4e0e\u5b9e\u73b0 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","isPartOf":{"@id":"https:\/\/www.wsisp.com\/helps\/#website"},"datePublished":"2026-09-22T12:01:01+00:00","dateModified":"2026-09-22T12:01:01+00:00","author":{"@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41"},"breadcrumb":{"@id":"https:\/\/www.wsisp.com\/helps\/108835.html#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.wsisp.com\/helps\/108835.html"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.wsisp.com\/helps\/108835.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.wsisp.com\/helps"},{"@type":"ListItem","position":2,"name":"\u57fa\u4e8e Django \u4e0e Vue 3 \u7684\u667a\u80fd\u5b9e\u9a8c\u5ba4\u9884\u7ea6\u7cfb\u7edf\u8bbe\u8ba1\u4e0e\u5b9e\u73b0"}]},{"@type":"WebSite","@id":"https:\/\/www.wsisp.com\/helps\/#website","url":"https:\/\/www.wsisp.com\/helps\/","name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","description":"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"zh-Hans"},{"@type":"Person","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41","name":"admin","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/","url":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","contentUrl":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","caption":"admin"},"sameAs":["http:\/\/wp.wsisp.com"],"url":"https:\/\/www.wsisp.com\/helps\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/108835","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/comments?post=108835"}],"version-history":[{"count":0,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/108835\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/media\/108824"}],"wp:attachment":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/media?parent=108835"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/categories?post=108835"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/tags?post=108835"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/topic?post=108835"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}