[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"article-public-2agqAUQK":3,"public-project-articles-2agqAUQK":17},{"id":4,"uuid":5,"project_id":6,"title":7,"content":8,"type":9,"status":10,"public_enabled":10,"views":11,"sort":12,"created_at":13,"updated_at":14,"project_title":15,"project_slug":16},40,"2agqAUQK",39,"07. SpringBoot速成","\n## 环境配置\n\n1. 下载安装并配置 jdk1.8\n\n[jdk1.8.zip](https:\u002F\u002Fwww.yuque.com\u002Fattachments\u002Fyuque\u002F0\u002F2023\u002Fzip\u002F751015\u002F1691893195748-eed868b2-7df9-49e5-9e3f-e1b5feb89515.zip?_lake_card=%7B%22src%22%3A%22https%3A%2F%2Fwww.yuque.com%2Fattachments%2Fyuque%2F0%2F2023%2Fzip%2F751015%2F1691893195748-eed868b2-7df9-49e5-9e3f-e1b5feb89515.zip%22%2C%22name%22%3A%22jdk1.8.zip%22%2C%22size%22%3A130910440%2C%22ext%22%3A%22zip%22%2C%22source%22%3A%22%22%2C%22status%22%3A%22done%22%2C%22download%22%3Atrue%2C%22taskId%22%3A%22u39677c56-eabf-499d-8918-e76c2f851d5%22%2C%22taskType%22%3A%22upload%22%2C%22type%22%3A%22application%2Fx-zip-compressed%22%2C%22__spacing%22%3A%22both%22%2C%22mode%22%3A%22title%22%2C%22id%22%3A%22u51d8c070%22%2C%22margin%22%3A%7B%22top%22%3Atrue%2C%22bottom%22%3Atrue%7D%2C%22card%22%3A%22file%22%7D)\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1691910800961-eb3d845c-7caa-4770-a28e-aed2b6bbbedd.png#averageHue=%23fbfaf9&clientId=u3b01e127-b5b7-4&from=paste&height=421&id=u40a09aa9&originHeight=526&originWidth=809&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=46040&status=done&style=none&taskId=ud8484f3a-8e38-42ad-b8c5-d13f318d8e1&title=&width=647.2)\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1691910913118-10347eb4-072c-40c5-a3f9-49577116fcb5.png#averageHue=%23f4f2f1&clientId=u3b01e127-b5b7-4&from=paste&height=596&id=ufe36b34f&originHeight=745&originWidth=1701&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=108224&status=done&style=none&taskId=u9ddc3c6f-914b-41d5-89b4-eb5988ca855&title=&width=1360.8)\n验证你本地的 jdk 是否安装完成：\n**java -version**\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1691910981701-c3ef37ec-77f2-4d50-9541-95ee0b501f54.png#averageHue=%2312100f&clientId=u3b01e127-b5b7-4&from=paste&height=123&id=u0b570067&originHeight=154&originWidth=734&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=13896&status=done&style=none&taskId=u9912bf1f-6aa6-402a-914f-2cde2b28328&title=&width=587.2)\n\n2. 下载 apache maven\n\n[apache-maven-3.8.1.zip](https:\u002F\u002Fwww.yuque.com\u002Fattachments\u002Fyuque\u002F0\u002F2023\u002Fzip\u002F751015\u002F1691893112163-2afa77cc-7584-4f48-bf42-6a028e258299.zip?_lake_card=%7B%22src%22%3A%22https%3A%2F%2Fwww.yuque.com%2Fattachments%2Fyuque%2F0%2F2023%2Fzip%2F751015%2F1691893112163-2afa77cc-7584-4f48-bf42-6a028e258299.zip%22%2C%22name%22%3A%22apache-maven-3.8.1.zip%22%2C%22size%22%3A9640563%2C%22ext%22%3A%22zip%22%2C%22source%22%3A%22%22%2C%22status%22%3A%22done%22%2C%22download%22%3Atrue%2C%22taskId%22%3A%22u433c44a5-72d8-40d8-9f52-8d23d5a9016%22%2C%22taskType%22%3A%22upload%22%2C%22type%22%3A%22application%2Fx-zip-compressed%22%2C%22__spacing%22%3A%22both%22%2C%22mode%22%3A%22title%22%2C%22id%22%3A%22u618c460f%22%2C%22margin%22%3A%7B%22top%22%3Atrue%2C%22bottom%22%3Atrue%7D%2C%22card%22%3A%22file%22%7D)\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1691911101911-9007d077-2eeb-41c9-8b25-1ddfe817c1c8.png#averageHue=%23fcfbfa&clientId=u3b01e127-b5b7-4&from=paste&height=311&id=u3e440951&originHeight=389&originWidth=786&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=31193&status=done&style=none&taskId=u832f7f29-988a-45d5-9efb-5de8d615a20&title=&width=628.8)\n\n## idea 创建项目\n\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1691911189027-63be5be1-7f53-4a33-ba04-76954dc179cd.png#averageHue=%233d4244&clientId=u3b01e127-b5b7-4&from=paste&height=149&id=u5f33ba80&originHeight=186&originWidth=896&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=21429&status=done&style=none&taskId=u2e1be7e0-f619-4976-a61c-4c9d366ff9f&title=&width=716.8)\n配置：\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1691911455772-3489fee3-e446-4da4-98d8-64535e518a4a.png#averageHue=%233d4144&clientId=u3b01e127-b5b7-4&from=paste&height=641&id=u6d077edf&originHeight=801&originWidth=1150&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=70187&status=done&style=none&taskId=u1d3fd6eb-81e9-4ac0-b9d0-f35a79235dc&title=&width=920)\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1691911689523-60f2c738-f04a-455b-a782-00f2a13e3316.png#averageHue=%233c4042&clientId=u3b01e127-b5b7-4&from=paste&height=641&id=u124889bd&originHeight=801&originWidth=1150&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=56572&status=done&style=none&taskId=u4b7cbb2d-b1bd-4ed3-9579-eb648ea0574&title=&width=920)\n可能会比较慢，耐心等待一会会\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1691911714799-5ce1f995-bf27-4582-ae32-72922a6608e6.png#averageHue=%233e4245&clientId=u3b01e127-b5b7-4&from=paste&height=169&id=u990be272&originHeight=211&originWidth=759&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=8468&status=done&style=none&taskId=u365c92b9-6098-42d7-9515-7c19c7e52cf&title=&width=607.2)\n下载好项目后选择 cancel\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1691911755428-99c1b56d-4d3e-42b4-8897-9ac9a6bf7124.png#averageHue=%239ba27d&clientId=u3b01e127-b5b7-4&from=paste&height=440&id=zVC29&originHeight=550&originWidth=1453&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=39702&status=done&style=none&taskId=ua10faa4c-5456-4ecb-b6ff-35d3ff97794&title=&width=1162.4)\n\n## 项目配置\n\n设置 Maven\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1691912137252-77ea7e68-1669-414c-b408-052f1017ba6f.png#averageHue=%233c4042&clientId=u3b01e127-b5b7-4&from=paste&height=205&id=u72d66391&originHeight=256&originWidth=571&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=18591&status=done&style=none&taskId=u1d26cf8d-3f6a-4ff7-835d-5721f10e167&title=&width=456.8)\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1691893379316-e7fce633-0ad9-4470-9546-898977fc70a6.png#averageHue=%23383c41&clientId=u7e50d5a4-97c0-4&from=paste&height=719&id=pKg4x&originHeight=899&originWidth=1246&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=110318&status=done&style=none&taskId=u862be951-1db4-4e57-adc1-fea3a0e5e93&title=&width=996.8)\n**设置 springboot 文件夹为 maven 工程**\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1691892791522-53c8a2c4-0f29-437f-9039-df44bf2ba701.png#averageHue=%233c4143&clientId=u7e50d5a4-97c0-4&from=paste&height=751&id=m3Kk9&originHeight=939&originWidth=786&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=117515&status=done&style=none&taskId=u006ce51f-2da4-4b27-9302-5396d309961&title=&width=628.8)\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1691912551132-62cc953e-2962-442f-9640-df0f4cc1b6df.png#averageHue=%23312c2a&clientId=u3b01e127-b5b7-4&from=paste&height=384&id=ue2a834ec&originHeight=480&originWidth=846&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=47067&status=done&style=none&taskId=u0dff19e7-c09a-4f7b-94f6-9037b377e25&title=&width=676.8)\n\n配置项目编码\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1691893508046-e8e9d667-fd39-41c4-9aca-b9b921de8a9b.png#averageHue=%23383c41&clientId=u7e50d5a4-97c0-4&from=paste&height=719&id=u675f5e07&originHeight=899&originWidth=1246&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=88782&status=done&style=none&taskId=u138df683-c8a5-451c-9209-c04b0d97cd7&title=&width=996.8)\n删除无用文件\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1691892821360-522aac8e-b0cd-4ee8-b003-9ccf66073794.png#averageHue=%233e4449&clientId=u7e50d5a4-97c0-4&from=paste&height=395&id=u6077df6e&originHeight=494&originWidth=343&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=26343&status=done&style=none&taskId=ud57d8e05-e3b4-40af-afb2-f7d5604c62c&title=&width=274.4)\n修改配置文件后缀\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1691892926847-9c9442f5-24c1-474e-8888-74c1a3a761d8.png#averageHue=%23557544&clientId=u7e50d5a4-97c0-4&from=paste&height=398&id=u03348068&originHeight=498&originWidth=1315&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=68760&status=done&style=none&taskId=ud4224236-1117-460c-9bb5-d5a546d88fd&title=&width=1052)\n配置文件设置数据库\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1691893000180-71d1d46d-d52b-42c7-aa47-6229b5b0a79b.png#averageHue=%237d784c&clientId=u7e50d5a4-97c0-4&from=paste&height=299&id=u9feb1619&originHeight=374&originWidth=1084&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=36404&status=done&style=none&taskId=u83fb74f8-3c1e-4764-9d87-c85d9aefc82&title=&width=867.2)\n\n```java\nspring:\n  datasource:\n    driver-class-name: com.mysql.cj.jdbc.Driver\n    url:\n    username:\n    password:\n```\n\n启动项目，这个注解是黄色表示项目已经加载好了\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1691893041745-4d7b1fe6-6f8b-45d1-917b-7c9d7fce5ead.png#averageHue=%238a7543&clientId=u7e50d5a4-97c0-4&from=paste&height=353&id=ue08f1ae8&originHeight=441&originWidth=1620&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=60336&status=done&style=none&taskId=u4c7088a7-d755-46c7-82b5-6322e429c6f&title=&width=1296)\n直接点这里运行即可\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1691893699871-ae435b39-af8d-4b38-806d-f3ef486ffb45.png#averageHue=%234f6d4a&clientId=u5b206b2d-0c6a-4&from=paste&height=518&id=uac5e977e&originHeight=648&originWidth=1020&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=101568&status=done&style=none&taskId=ufe6b4bca-805f-4440-be82-5ae163911be&title=&width=816)\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1691893824515-c4dfe166-83b9-45fb-80c6-e97ec1bb2bef.png#averageHue=%233e4245&clientId=u5b206b2d-0c6a-4&from=paste&height=76&id=u9ec513e3&originHeight=95&originWidth=726&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=19926&status=done&style=none&taskId=uad07fcca-1438-45c1-9f68-a48defaaad1&title=&width=580.8)\n**注意：开发的时候尽量使用 debug 模式运行，方便打断点调试**\n\n第一次启动就败北\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1691896833196-98a21b2a-a129-412a-bf98-9df870420e5f.png#averageHue=%232c2c2b&clientId=u5b206b2d-0c6a-4&from=paste&height=503&id=u47c544f9&originHeight=629&originWidth=1476&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=57829&status=done&style=none&taskId=ud4e71388-b50e-42bd-b712-32bb2c34c38&title=&width=1180.8)\n怎么解决？设置数据库连接：\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1691896880180-03192392-40e0-4097-898a-b4072a5430a9.png#averageHue=%238e7a50&clientId=u5b206b2d-0c6a-4&from=paste&height=392&id=uaa78531b&originHeight=490&originWidth=1785&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=58344&status=done&style=none&taskId=u7af81c69-cfa3-4479-a780-6a4ebe76e74&title=&width=1428)\n\n```yaml\njdbc:mysql:\u002F\u002Flocalhost:3306\u002Fhoney2024?useSSL=false&useUnicode=true&characterEncoding=UTF-8&serverTimezone=GMT%2b8\n```\n\n再来！启动成功：\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1691897007446-f441367b-f379-41ed-9829-ad0e7fb80521.png#averageHue=%232f2d2c&clientId=u5b206b2d-0c6a-4&from=paste&height=481&id=u5865085d&originHeight=601&originWidth=1861&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=152715&status=done&style=none&taskId=ud7b6185a-ce44-4cf2-8cc7-bbba1f1f543&title=&width=1488.8)\n\n## 类注释\n\n设置注释，打开 settings\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1691894396900-66c4206c-f339-44b3-a062-73ef8450569b.png#averageHue=%233e4345&clientId=u5b206b2d-0c6a-4&from=paste&height=719&id=uee44cb19&originHeight=899&originWidth=1246&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=130845&status=done&style=none&taskId=u17ab176b-e36d-4032-a101-1b01bd99298&title=&width=996.8)\n\n```yaml\n\u002F**\n* 功能：\n* 作者：程序员青戈\n* 日期：${DATE} ${TIME}\n*\u002F\npublic class ${NAME} {\n}\n```\n\n## 新建 WebController，测试接口\n\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1691913272523-c1e74092-be3d-42a2-aff6-f3faa8d7e61e.png#averageHue=%233d4247&clientId=u3b01e127-b5b7-4&from=paste&height=446&id=u466b25ca&originHeight=558&originWidth=1347&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=87992&status=done&style=none&taskId=udf009cac-33ad-40c8-8046-8c32306609e&title=&width=1077.6)\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1691913302477-165a511f-ab38-4013-a3d0-0790c35500d3.png#averageHue=%233d4348&clientId=u3b01e127-b5b7-4&from=paste&height=425&id=udbdaebce&originHeight=531&originWidth=1149&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=72965&status=done&style=none&taskId=u38cba920-30aa-4c0c-944b-dbfbf7d1628&title=&width=919.2)\n目录结构：\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1691897067197-841c1f90-d61d-49fc-8453-a878105a68bc.png#averageHue=%237d7d47&clientId=u5b206b2d-0c6a-4&from=paste&height=353&id=ub90bd885&originHeight=441&originWidth=1458&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=58611&status=done&style=none&taskId=ubaa81a0c-3a9c-428c-86ef-b430fd2cc21&title=&width=1166.4)\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1691913515670-bb92d41f-4a7e-4d4f-9b14-29b2a4535ff9.png#averageHue=%232f2c2c&clientId=u3b01e127-b5b7-4&from=paste&height=309&id=u9eb9c95c&originHeight=386&originWidth=834&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=41349&status=done&style=none&taskId=ue4a116bb-527e-4f3b-bb76-75fbd3b1562&title=&width=667.2)\n代码：\n\n```yaml\npackage com.example.springboot.controller;\n\nimport com.example.springboot.common.Result;\nimport org.springframework.web.bind.annotation.RequestMapping;\nimport org.springframework.web.bind.annotation.RestController;\n\n\u002F**\n * Administrator\n * 2023\u002F8\u002F13 10:35\n *\u002F\n@RestController\npublic class WebController {\n\n    @RequestMapping(\"\u002Fhello\")\n    public Result hello() {\n        return Result.success(\"Hello 青哥哥\");\n    }\n\n}\n```\n\n实测效果 [http:\u002F\u002Flocalhost:8080\u002F](http:\u002F\u002Flocalhost:9090\u002F)\n\n{\n\"code\": \"200\", \u002F\u002F 200 401 404 500 504\n\"msg\": \"成功 \u002F 失败\",\n\"data\": {} \u002F []\n}\n\nresult\nresult?.code\nresult?.data\n\nresult[0]....\n\n## 添加统一返回对象 Result\n\n```java\npackage com.example.springboot.common;\n\nimport lombok.AllArgsConstructor;\nimport lombok.Builder;\nimport lombok.Data;\nimport lombok.NoArgsConstructor;\n\n\u002F**\n * 接口统一返回包装类\n * 作者：程序员青戈\n *\u002F\n@Data\n@AllArgsConstructor\n@NoArgsConstructor\n@Builder\npublic class Result {\n\n    public static final String CODE_SUCCESS = \"200\";\n    public static final String CODE_AUTH_ERROR = \"401\";\n    public static final String CODE_SYS_ERROR = \"500\";\n\n    private String code;\n    private String msg;\n    private Object data;\n\n\n    public static Result success() {\n        return new Result(CODE_SUCCESS, \"请求成功\", null);\n    }\n\n    public static Result success(Object data) {\n        return new Result(CODE_SUCCESS, \"请求成功\", data);\n    }\n\n    public static Result error(String msg) {\n        return new Result(CODE_SYS_ERROR, msg, null);\n    }\n\n    public static Result error(String code, String msg) {\n        return new Result(code, msg, null);\n    }\n\n    public static Result error() {\n        return new Result(CODE_SYS_ERROR, \"系统错误\", null);\n    }\n\n}\n```\n\n返回数据\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1691897438007-fd987c88-c4c5-454d-9f6d-1cbe26fbfb97.png#averageHue=%23fefdfb&clientId=u5b206b2d-0c6a-4&from=paste&height=171&id=u44effb71&originHeight=214&originWidth=719&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=13401&status=done&style=none&taskId=u5aa81b1b-2761-4a56-a39c-ada138712aa&title=&width=575.2)\n\n## 修改后台端口为 9090\n\n配置 application.yml\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1691897484003-7c3c5bad-ab4a-431d-8988-40b9b06e8588.png#averageHue=%23697e54&clientId=u5b206b2d-0c6a-4&from=paste&height=391&id=u89a7f77d&originHeight=489&originWidth=1188&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=64476&status=done&style=none&taskId=u31d1cd80-9643-4f95-8c13-8fa9cf257b2&title=&width=950.4)\n\n```yaml\nserver:\n  port: 9090\n```\n\n再次启动测试：\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1691897672018-be82d45e-eb69-41df-8dbf-fbc8171dcbd7.png#averageHue=%23837758&clientId=u5b206b2d-0c6a-4&from=paste&height=701&id=u6a858c09&originHeight=876&originWidth=1855&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=196611&status=done&style=none&taskId=u97e126f3-069d-4a02-8611-7db39b974d9&title=&width=1484)\n**端口变成了 9090**\n访问接口[http:\u002F\u002Flocalhost:9090\u002F](http:\u002F\u002Flocalhost:9090\u002F)\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1691897706171-099561a4-e988-4a01-bc31-5dead60ed734.png#averageHue=%23fefdfc&clientId=u5b206b2d-0c6a-4&from=paste&height=189&id=u75472bf9&originHeight=236&originWidth=781&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=14272&status=done&style=none&taskId=u58272de2-6f13-413b-b166-172ce36f44f&title=&width=624.8)\n\n在我们本地开发的时候，都是使用 debug 模式去启动程序，方便调试错误\n![image.png](https:\u002F\u002Fcdn.nlark.com\u002Fyuque\u002F0\u002F2023\u002Fpng\u002F751015\u002F1691914592932-54e9162e-5d56-4ab3-8fca-7faff7c88161.png#averageHue=%233f4447&clientId=u3b01e127-b5b7-4&from=paste&height=146&id=u4b835eab&originHeight=183&originWidth=1048&originalType=binary&ratio=1.25&rotation=0&showTitle=false&size=44161&status=done&style=none&taskId=u1777a4e5-58ec-4018-b887-db78c3af4cc&title=&width=838.4)\n","coding",1,3654,62,"2025-04-08 11:27:27","2026-05-03 22:49:02","【青哥带小白做毕设2024】完整教程资料汇总","qingge-graduation-project-2024",{"project":18,"items":19},{"id":6,"title":15,"slug":16},[20,28,35,42,49,56,63,69,70,77,84,91,98,105,112,119,126,133,140,147,154,161,168],{"id":21,"uuid":22,"project_id":6,"title":23,"type":9,"status":10,"public_enabled":10,"views":24,"sort":25,"created_at":26,"updated_at":27,"project_title":15,"project_slug":16},33,"R1oMCsCX","00. 从0开始带小白做SpringBoot+Vue+uniapp微信小程序实战项目",12130,55,"2025-04-08 11:28:17","2026-05-07 15:33:28.189425+00",{"id":29,"uuid":30,"project_id":6,"title":31,"type":9,"status":10,"public_enabled":10,"views":32,"sort":33,"created_at":34,"updated_at":14,"project_title":15,"project_slug":16},34,"s3u3u8W7","01. 网页布局技巧",3326,56,"2025-04-08 11:28:13",{"id":36,"uuid":37,"project_id":6,"title":38,"type":9,"status":10,"public_enabled":10,"views":39,"sort":40,"created_at":41,"updated_at":14,"project_title":15,"project_slug":16},35,"21zUHQYS","02. JavaScript入门",2017,57,"2025-04-08 11:27:55",{"id":43,"uuid":44,"project_id":6,"title":45,"type":9,"status":10,"public_enabled":10,"views":46,"sort":47,"created_at":48,"updated_at":14,"project_title":15,"project_slug":16},36,"4XVgY9Ti","03. Vue脚手架搭建",3719,58,"2025-04-08 11:27:46",{"id":50,"uuid":51,"project_id":6,"title":52,"type":9,"status":10,"public_enabled":10,"views":53,"sort":54,"created_at":55,"updated_at":14,"project_title":15,"project_slug":16},37,"S8vLLLvk","04. Git速成，推送代码到云端",1585,59,"2025-04-08 11:27:41",{"id":57,"uuid":58,"project_id":6,"title":59,"type":9,"status":10,"public_enabled":10,"views":60,"sort":61,"created_at":62,"updated_at":14,"project_title":15,"project_slug":16},38,"9EbwnGDp","05. 网页布局神器ElementUI速成",2670,60,"2025-04-08 11:27:37",{"id":6,"uuid":64,"project_id":6,"title":65,"type":9,"status":10,"public_enabled":10,"views":66,"sort":67,"created_at":68,"updated_at":14,"project_title":15,"project_slug":16},"tmzahWer","06. Vue管理系统速成",3744,61,"2025-04-08 11:27:32",{"id":4,"uuid":5,"project_id":6,"title":7,"type":9,"status":10,"public_enabled":10,"views":11,"sort":12,"created_at":13,"updated_at":14,"project_title":15,"project_slug":16},{"id":71,"uuid":72,"project_id":6,"title":73,"type":9,"status":10,"public_enabled":10,"views":74,"sort":75,"created_at":76,"updated_at":14,"project_title":15,"project_slug":16},41,"SXPAzgy7","08. Http扫盲，让小白也能听懂",2337,63,"2025-04-08 11:27:20",{"id":78,"uuid":79,"project_id":6,"title":80,"type":9,"status":10,"public_enabled":10,"views":81,"sort":82,"created_at":83,"updated_at":14,"project_title":15,"project_slug":16},42,"ostBIxAV","09. SpringBoot集成Mybatis实现增删改查",4190,64,"2025-04-08 11:27:13",{"id":85,"uuid":86,"project_id":6,"title":87,"type":9,"status":10,"public_enabled":10,"views":88,"sort":89,"created_at":90,"updated_at":14,"project_title":15,"project_slug":16},43,"6Sv7afpa","10. Vue封装前后端数据交互工具",3716,65,"2024-04-16 02:33:13",{"id":92,"uuid":93,"project_id":6,"title":94,"type":9,"status":10,"public_enabled":10,"views":95,"sort":96,"created_at":97,"updated_at":14,"project_title":15,"project_slug":16},44,"d53BPIQs","11. Vue登录（含验证码）、注册页面开发",4867,66,"2024-04-16 02:33:08",{"id":99,"uuid":100,"project_id":6,"title":101,"type":9,"status":10,"public_enabled":10,"views":102,"sort":103,"created_at":104,"updated_at":14,"project_title":15,"project_slug":16},45,"m033ng06","12. SpringBoot集成JWT token实现权限验证",3243,67,"2024-04-16 02:33:00",{"id":106,"uuid":107,"project_id":6,"title":108,"type":9,"status":10,"public_enabled":10,"views":109,"sort":110,"created_at":111,"updated_at":14,"project_title":15,"project_slug":16},46,"7xzyVD06","13. SpringBoot+Vue实现单文件、多文件上传和下载",2784,68,"2024-04-16 02:32:52",{"id":113,"uuid":114,"project_id":6,"title":115,"type":9,"status":10,"public_enabled":10,"views":116,"sort":117,"created_at":118,"updated_at":14,"project_title":15,"project_slug":16},47,"BdOLUenp","14. 多角色登录（Vue-Router路由守卫）",2318,69,"2024-04-16 02:32:39",{"id":120,"uuid":121,"project_id":6,"title":122,"type":9,"status":10,"public_enabled":10,"views":123,"sort":124,"created_at":125,"updated_at":14,"project_title":15,"project_slug":16},48,"2Wkx3igg","15. Vue个人信息修改、修改密码、重置密码",2092,70,"2024-04-16 02:32:33",{"id":127,"uuid":128,"project_id":6,"title":129,"type":9,"status":10,"public_enabled":10,"views":130,"sort":131,"created_at":132,"updated_at":14,"project_title":15,"project_slug":16},49,"BDvVa4By","16. SpringBoot+Vue管理系统实现增删改查",2598,71,"2024-04-16 02:32:29",{"id":134,"uuid":135,"project_id":6,"title":136,"type":9,"status":10,"public_enabled":10,"views":137,"sort":138,"created_at":139,"updated_at":14,"project_title":15,"project_slug":16},50,"FJVl0rCu","17. SpringBoot+Vue实现数据的批量导入和导出",1684,72,"2024-04-16 02:32:26",{"id":141,"uuid":142,"project_id":6,"title":143,"type":9,"status":10,"public_enabled":10,"views":144,"sort":145,"created_at":146,"updated_at":14,"project_title":15,"project_slug":16},51,"FvW9oHgj","18. SpringBoot+Vue项目部署上线",2845,73,"2024-04-16 02:32:22",{"id":148,"uuid":149,"project_id":6,"title":150,"type":9,"status":10,"public_enabled":10,"views":151,"sort":152,"created_at":153,"updated_at":14,"project_title":15,"project_slug":16},52,"xyqrxxiR","19. SpringBoot+Vue集成富文本编辑器",1499,74,"2024-04-16 02:32:18",{"id":155,"uuid":156,"project_id":6,"title":157,"type":9,"status":10,"public_enabled":10,"views":158,"sort":159,"created_at":160,"updated_at":14,"project_title":15,"project_slug":16},53,"XAaCXz8W","20. SpringBoot+Vue集成系统公告",1043,75,"2024-04-16 02:32:14",{"id":162,"uuid":163,"project_id":6,"title":164,"type":9,"status":10,"public_enabled":10,"views":165,"sort":166,"created_at":167,"updated_at":14,"project_title":15,"project_slug":16},54,"2havlmaC","21. SpringBoot+Vue集成AOP系统日志",1159,76,"2024-04-16 02:32:11",{"id":25,"uuid":169,"project_id":6,"title":170,"type":9,"status":10,"public_enabled":10,"views":171,"sort":172,"created_at":173,"updated_at":14,"project_title":15,"project_slug":16},"ObvLqJdX","22. SpringBoot+Vue实现Echarts数据报表（柱状图、饼图、折线图）",1688,99,"2024-04-16 02:30:25"]