\u6458\u8981：\u672c\u6587\u6574\u5408\u4e86\u4f1a\u8bae\u9884\u7ea6\u7ba1\u7406\u7cfb\u7edf\u3001\u7f51\u4e0a\u5546\u57ce\u7cfb\u7edf\u3001\u75ab\u60c5\u9694\u79bb\u7ba1\u7406\u7cfb\u7edf\u4e09\u5927\u4e3b\u6d41 SpringBoot+Vue \u6bd5\u4e1a\u8bbe\u8ba1\u9879\u76ee\u6e90\u7801，\u5e76\u9644\u5e26\u5168\u5957\u5f00\u9898\u62a5\u544a\u3001\u4e2d\u671f\u62a5\u544a\u3001\u8bba\u6587\u6a21\u677f\u4e0e\u7b54\u8fa9PPT\u8d44\u6e90\u3002\u6587\u7ae0\u7edf\u4e00\u8bb2\u89e3\u591a\u5957\u7cfb\u7edf\u7684\u901a\u7528\u56db\u5c42\u67b6\u6784\u3001\u6570\u636e\u5e93\u6838\u5fc3\u8868\u7ed3\u6784\u3001\u540e\u7aef\u8de8\u57df\u4e0eAI\u5927\u6a21\u578b\u670d\u52a1\u3001Vue\u524d\u7aefAI\u4ea4\u4e92\u4ee3\u7801，\u4ee5\u53ca\u5404\u9879\u76ee\u9002\u914d\u7684AI\u521b\u65b0\u6539\u9020\u65b9\u6848，\u6240\u6709\u4ee3\u7801\u5747\u53ef\u76f4\u63a5\u7528\u4e8e\u6bd5\u4e1a\u8bbe\u8ba1\u4e8c\u6b21\u5f00\u53d1\u3001\u8bba\u6587\u64b0\u5199\u4e0e\u7b54\u8fa9\u6f14\u793a，\u9002\u5408\u672c\u79d1\u3001\u4e13\u79d1\u8ba1\u7b97\u673a\u76f8\u5173\u4e13\u4e1a\u53c2\u8003\u843d\u5730\u3002<\/p>\n
\u8bdd\u4e0d\u591a\u8bf4，\u5148\u4e0a\u8d44\u6e90，\u8fb9\u770b\u8fb9\u505a：\u5938\u514b\u7f51\u76d8\u5206\u4eab<\/p>\n
\u672c\u6b21\u5206\u4eab\u7684\u5168\u5957\u8ba1\u7b97\u673a\u6bd5\u4e1a\u8bbe\u8ba1\u8d44\u6e90，\u5305\u542b\u591a\u5957\u53ef\u76f4\u63a5\u7528\u4e8e\u6bd5\u8bbe\u7684\u5b8c\u6574\u9879\u76ee，\u6240\u6709\u9879\u76ee\u5747\u4e3a SpringBoot+Vue \u524d\u540e\u7aef\u5206\u79bb\u67b6\u6784，\u81ea\u5e26\u6e90\u7801\u3001\u6570\u636e\u5e93\u811a\u672c\u3001\u90e8\u7f72\u8bf4\u660e，\u53ef\u72ec\u7acb\u4f5c\u4e3a\u6bd5\u4e1a\u8bbe\u8ba1\u9009\u9898：<\/p>\n
1. \u57fa\u4e8e SpringBoot+Vue \u4f1a\u8bae\u9884\u7ea6\u7ba1\u7406\u7cfb\u7edf（\u9002\u5408\u7ba1\u7406\u7c7b\u6bd5\u8bbe\u3001\u9009\u9898\u7b80\u5355\u7a33\u5b9a\u3001\u901a\u8fc7\u7387\u9ad8）<\/p>\n<\/li>\n
2. \u57fa\u4e8e SpringBoot \u7f51\u4e0a\u5546\u57ce\u7cfb\u7edf（\u9002\u5408\u7535\u5546\u7c7b\u6bd5\u4e1a\u8bbe\u8ba1\u3001\u4e1a\u52a1\u6a21\u5757\u4e30\u5bcc\u3001\u8bba\u6587\u597d\u5199）<\/p>\n<\/li>\n
3. \u57fa\u4e8e SpringBoot+Vue \u75ab\u60c5\u9694\u79bb\u7ba1\u7406\u7cfb\u7edf（\u9009\u9898\u65b0\u9896\u3001\u529f\u80fd\u5b8c\u6574\u3001\u9002\u5408\u505aAI\u62d3\u5c55\u521b\u65b0\u70b9）<\/p>\n<\/li>\n
4. \u5168\u5957\u901a\u7528\u8ba1\u7b97\u673a\u6bd5\u8bbe\u8d44\u6e90\u5305（\u6d77\u91cf\u5907\u7528\u9879\u76ee\u3001\u5de5\u5177\u7c7b\u6e90\u7801\u3001\u8bfe\u7a0b\u8bbe\u8ba1\u6848\u4f8b）<\/p>\n<\/li>\n
5. \u5168\u5957\u6bd5\u4e1a\u7b54\u8fa9 PPT+\u5f00\u9898+\u8bba\u6587\u683c\u5f0f\u6a21\u677f（\u8986\u76d6\u6bd5\u4e1a\u8bbe\u8ba1\u5168\u6d41\u7a0b\u6587\u6863）<\/p>\n<\/li>\n<\/ul>\n
\u4ee5\u4e0a\u591a\u4e2a\u8ba1\u7b97\u673a\u6bd5\u4e1a\u8bbe\u8ba1\u9879\u76ee\u5747\u53ef\u72ec\u7acb\u505a\u6bd5\u8bbe，\u4e5f\u53ef\u4ee5\u4efb\u9009\u5176\u4e00\u8fdb\u884cSpringBoot+Vue+AI\u4e8c\u6b21\u6539\u9020，\u63d0\u5347\u9879\u76ee\u521b\u65b0\u5ea6\u3001\u7b54\u8fa9\u4eae\u70b9\u3002<\/p>\n
\u672c\u6b21\u6574\u7406\u7684\u591a\u4e2a\u8ba1\u7b97\u673a\u6bd5\u4e1a\u8bbe\u8ba1\u9879\u76ee，\u5168\u90e8\u91c7\u7528\u4f01\u4e1a\u7ea7\u6807\u51c6\u56db\u5c42\u524d\u540e\u7aef\u5206\u79bb\u67b6\u6784，\u7ed3\u6784\u89c4\u8303\u3001\u9002\u5408\u5199\u8bba\u6587\u67b6\u6784\u5206\u6790\u7ae0\u8282：<\/p>\n
\u8868\u73b0\u5c42：Vue + ElementUI，Axios \u7edf\u4e00\u8bf7\u6c42\u62e6\u622a，\u5b9e\u73b0\u9875\u9762\u4ea4\u4e92\u3001\u8868\u5355\u6821\u9a8c\u3001AI\u5bf9\u8bdd\u5c55\u793a<\/p>\n<\/li>\n
\u63a7\u5236\u5c42：SpringBoot Controller，\u63a5\u6536\u524d\u7aef\u53c2\u6570\u3001\u7edf\u4e00\u8bf7\u6c42\u54cd\u5e94\u3001\u53c2\u6570\u6821\u9a8c<\/p>\n<\/li>\n
\u4e1a\u52a1\u5c42：Service \u5c42\u5c01\u88c5\u6838\u5fc3\u4e1a\u52a1\u903b\u8f91，\u72ec\u7acb\u62c6\u5206 AI \u62d3\u5c55\u670d\u52a1，\u4e0d\u4fb5\u5165\u539f\u6709\u4e1a\u52a1\u4ee3\u7801<\/p>\n<\/li>\n
\u6570\u636e\u6301\u4e45\u5c42：MyBatis+MySQL，\u89c4\u8303\u5316\u6570\u636e\u8868\u8bbe\u8ba1\u3001\u4e3b\u952e\u7d22\u5f15\u3001\u65f6\u95f4\u6233\u81ea\u52a8\u7ef4\u62a4<\/p>\n<\/li>\n
\u4ee5\u4e0b\u7528\u6237\u8868\u3001AI\u5bf9\u8bdd\u8bb0\u5f55\u8868，\u53ef\u76f4\u63a5\u590d\u7528\u5728\u4f1a\u8bae\u7cfb\u7edf\u3001\u5546\u57ce\u7cfb\u7edf\u3001\u75ab\u60c5\u7ba1\u7406\u7cfb\u7edf\u7b49\u591a\u4e2a\u6bd5\u8bbe\u9879\u76ee\u4e2d\u3002<\/p>\n
CREATE TABLE `sys_user` (
\n `id` BIGINT NOT NULL AUTO_INCREMENT COMMENT '\u7528\u6237\u4e3b\u952eID',
\n `username` VARCHAR(48) NOT NULL COMMENT '\u767b\u5f55\u7528\u6237\u540d',
\n `password` VARCHAR(96) NOT NULL COMMENT 'BCrypt\u52a0\u5bc6\u5bc6\u7801',
\n `nickname` VARCHAR(32) DEFAULT NULL COMMENT '\u7528\u6237\u6635\u79f0',
\n `mobile` VARCHAR(20) DEFAULT NULL COMMENT '\u624b\u673a\u53f7',
\n `email` VARCHAR(64) DEFAULT NULL COMMENT '\u90ae\u7bb1',
\n `role_code` VARCHAR(16) NOT NULL COMMENT '\u89d2\u8272\u6743\u9650',
\n `account_status` TINYINT NOT NULL DEFAULT 1 COMMENT '\u8d26\u53f7\u72b6\u6001',
\n `gmt_create` DATETIME DEFAULT CURRENT_TIMESTAMP COMMENT '\u521b\u5efa\u65f6\u95f4',
\n `gmt_modified` DATETIME DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP COMMENT '\u66f4\u65b0\u65f6\u95f4',
\n PRIMARY KEY (`id`),
\n UNIQUE INDEX `uk_username`(`username`)
\n) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT='\u7cfb\u7edf\u7528\u6237\u8868';<\/p>\n
CREATE TABLE `ai_chat_record`(
\n `id` BIGINT AUTO_INCREMENT PRIMARY KEY COMMENT '\u5bf9\u8bddID',
\n `user_id` BIGINT NOT NULL COMMENT '\u7528\u6237ID',
\n `prompt_text` TEXT NOT NULL COMMENT '\u7528\u6237\u63d0\u95ee',
\n `response_text` TEXT COMMENT 'AI\u8fd4\u56de\u5185\u5bb9',
\n `gmt_create` DATETIME DEFAULT CURRENT_TIMESTAMP COMMENT '\u5bf9\u8bdd\u65f6\u95f4'
\n)ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT='AI\u5bf9\u8bdd\u8bb0\u5f55\u8868'; <\/p>\n
import org.springframework.context.annotation.Configuration;
\nimport org.springframework.web.servlet.config.annotation.CorsRegistry;
\nimport org.springframework.web.servlet.config.annotation.WebMvcConfigurer;<\/p>\n
@Configuration
\npublic class CorsConfiguration implements WebMvcConfigurer {
\n @Override
\n public void addCorsMappings(CorsRegistry registry) {
\n registry.addMapping("\/**")
\n .allowedOrigins("http:\/\/localhost:8080")
\n .allowedMethods("GET", "POST", "PUT", "DELETE", "OPTIONS")
\n .allowCredentials(true)
\n .maxAge(3600);
\n }
\n} <\/p>\n
\u53ef\u65e0\u7f1d\u63a5\u5165：\u4f1a\u8bae\u9884\u7ea6\u7cfb\u7edf\u3001\u7f51\u4e0a\u5546\u57ce\u7cfb\u7edf\u3001\u75ab\u60c5\u9694\u79bb\u7ba1\u7406\u7cfb\u7edf，\u5feb\u901f\u589e\u52a0AI\u521b\u65b0\u70b9\u3002<\/p>\n
import org.springframework.http.*;
\nimport org.springframework.stereotype.Service;
\nimport org.springframework.web.client.RestTemplate;
\nimport java.util.HashMap;
\nimport java.util.Map;<\/p>\n
@Service
\npublic class AiBridgeService {
\n private final RestTemplate restTemplate = new RestTemplate();<\/p>\n
public String getLlmResponse(String userPrompt){
\n String apiUrl = "https:\/\/xxx\/v1\/chat";
\n HttpHeaders headers = new HttpHeaders();
\n headers.setContentType(MediaType.APPLICATION_JSON);<\/p>\n
Map<String,Object> body = new HashMap<>();
\n body.put("prompt",userPrompt);
\n HttpEntity<Map<String,Object>> request = new HttpEntity<>(body,headers);
\n return restTemplate.postForEntity(apiUrl,request,String.class).getBody();
\n }
\n} <\/p>\n
@RestController
\n@RequestMapping("\/api\/v1\/ai")
\npublic class AiChatController {
\n @Resource
\n private AiBridgeService aiBridgeService;<\/p>\n
@PostMapping("\/chat")
\n public Map<String,Object> chat(@RequestBody Map<String,String> param){
\n Map<String,Object> result = new HashMap<>();
\n try {
\n String res = aiBridgeService.getLlmResponse(param.get("prompt"));
\n result.put("code",200);
\n result.put("data",res);
\n }catch (Exception e){
\n result.put("code",500);
\n result.put("msg","AI\u670d\u52a1\u8c03\u7528\u5931\u8d25");
\n }
\n return result;
\n }
\n} <\/p>\n
<template>
\n <div>
\n <textarea v-model="prompt"><\/textarea>
\n <button @click="sendChat">AI\u667a\u80fd\u95ee\u7b54<\/button>
\n <div>{{answer}}<\/div>
\n <\/div>
\n<\/template><\/p>\n
<script>
\nexport default {
\n data(){
\n return { prompt:"", answer:"" }
\n },
\n methods:{
\n async sendChat(){
\n let res = await this.$axios.post("\/api\/v1\/ai\/chat",{prompt:this.prompt})
\n this.answer = res.data.data
\n }
\n }
\n}
\n<\/script> <\/p>\n
\u9002\u914d\u9009\u9898：\u57fa\u4e8eSpringBoot+Vue\u7684\u667a\u80fd\u4f1a\u8bae\u9884\u7ea6\u7ba1\u7406\u7cfb\u7edf<\/p>\n
AI\u6539\u9020\u70b9：AI\u667a\u80fd\u5b89\u6392\u4f1a\u8bae\u65f6\u6bb5\u3001\u4f1a\u8bae\u5185\u5bb9\u667a\u80fd\u603b\u7ed3\u3001\u4f1a\u8bae\u95ee\u9898\u667a\u80fd\u7b54\u7591<\/p>\n
\u9002\u914d\u9009\u9898：\u57fa\u4e8eSpringBoot\u7684\u7ebf\u4e0a\u5546\u57ce\u8d2d\u7269\u5e73\u53f0\u8bbe\u8ba1\u4e0e\u5b9e\u73b0<\/p>\n
AI\u6539\u9020\u70b9：AI\u5546\u54c1\u54a8\u8be2\u3001\u667a\u80fd\u63a8\u8350\u3001\u81ea\u52a8\u751f\u6210\u5546\u54c1\u4ecb\u7ecd<\/p>\n
\u9002\u914d\u9009\u9898：\u57fa\u4e8eSpringBoot+Vue\u7684\u75ab\u60c5\u9694\u79bb\u4fe1\u606f\u667a\u80fd\u7ba1\u7406\u7cfb\u7edf<\/p>\n
AI\u6539\u9020\u70b9：AI\u98ce\u9669\u8bc4\u4f30\u3001\u9694\u79bb\u653f\u7b56\u667a\u80fd\u95ee\u7b54\u3001\u6570\u636e\u7edf\u8ba1\u5206\u6790<\/p>\n
\u672c\u6b21\u5206\u4eab\u5305\u542b\u591a\u4e2a\u5b8c\u6574\u8ba1\u7b97\u673a\u6bd5\u4e1a\u8bbe\u8ba1\u9879\u76ee，\u6240\u6709\u6e90\u7801\u5747\u53ef\u4e8c\u6b21\u5f00\u53d1，\u9002\u914d\u672c\u79d1\u3001\u4e13\u79d1\u8ba1\u7b97\u673a\u6bd5\u8bbe\u9700\u6c42，\u642d\u914d\u5168\u5957\u5f00\u9898\u3001\u4e2d\u671f\u3001\u8bba\u6587\u3001\u7b54\u8fa9PPT\u6a21\u677f，\u5b8c\u5168\u6ee1\u8db3\u6bd5\u4e1a\u8bbe\u8ba1\u5168\u6d41\u7a0b\u6750\u6599\u8981\u6c42\u3002<\/p>\n
\u26a0\ufe0f \u6240\u6709\u8d44\u6e90\u4ec5\u7528\u4e8e\u5b66\u4e60\u4e0e\u6bd5\u4e1a\u8bbe\u8ba1\u53c2\u8003，\u7981\u6b62\u76f4\u63a5\u7167\u642c\u63d0\u4ea4，\u9700\u81ea\u884c\u4fee\u6539\u4e1a\u52a1\u3001\u65b0\u589e\u529f\u80fd\u3001\u4f18\u5316\u4ee3\u7801\u964d\u4f4e\u91cd\u590d\u7387\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"
\u6458\u8981
\n\u6458\u8981：\u672c\u6587\u6574\u5408\u4e86\u4f1a\u8bae\u9884\u7ea6\u7ba1\u7406\u7cfb\u7edf\u3001\u7f51\u4e0a\u5546\u57ce\u7cfb\u7edf\u3001\u75ab\u60c5\u9694\u79bb\u7ba1\u7406\u7cfb\u7edf\u4e09\u5927\u4e3b\u6d41 SpringBootVue \u6bd5\u4e1a\u8bbe\u8ba1\u9879\u76ee\u6e90\u7801，\u5e76\u9644\u5e26\u5168\u5957\u5f00\u9898\u62a5\u544a\u3001\u4e2d\u671f\u62a5\u544a\u3001\u8bba\u6587\u6a21\u677f\u4e0e\u7b54\u8fa9PPT\u8d44\u6e90\u3002\u6587\u7ae0\u7edf\u4e00\u8bb2\u89e3\u591a\u5957\u7cfb\u7edf\u7684\u901a\u7528\u56db\u5c42\u67b6\u6784\u3001\u6570\u636e\u5e93\u6838\u5fc3\u8868\u7ed3\u6784\u3001\u540e\u7aef\u8de8\u57df\u4e0eAI\u5927\u6a21\u578b\u670d\u52a1\u3001Vue\u524d\u7aefAI\u4ea4\u4e92\u4ee3\u7801，\u4ee5\u53ca\u5404\u9879\u76ee\u9002\u914d\u7684AI\u521b\u65b0\u6539\u9020\u65b9\u6848，\u6240\u6709\u4ee3\u7801\u5747\u53ef\u76f4\u63a5\u7528\u4e8e\u6bd5\u4e1a\u8bbe\u8ba1\u4e8c\u6b21\u5f00\u53d1\u3001\u8bba\u6587\u64b0\u5199\u4e0e\u7b54\u8fa9\u6f14\u793a，\u9002\u5408\u672c\u79d1\u3001\u4e13\u79d1\u8ba1\u7b97\u673a\u76f8\u5173\u4e13\u4e1a\u53c2<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[99,98,625,292,938],"topic":[],"class_list":["post-97907","post","type-post","status-publish","format-standard","hentry","category-server","tag-java","tag-spring-boot","tag-vue-js","tag-292","tag-938"],"yoast_head":"\n