代碼運行效果圖：前提是你有一個可用的openai服務，然后用下面一個html頁即可啟動
<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Chat with OpenAI</title><style>body {font-family: Arial, sans-serif;}#chat-container {width: 400px;margin: 0 auto;border: 1px solid #ccc;border-radius: 5px;padding: 10px;}#chat-messages {height: 300px;overflow-y: scroll;border: 1px solid #ccc;border-radius: 5px;padding: 10px;margin-bottom: 10px;}#user-input {width: 70%;padding: 5px;}#send-button {padding: 5px 10px;}</style>
</head><body><div id="chat-container"><h2>Chat with OpenAI</h2><div id="chat-messages"></div><input type="text" id="user-input" placeholder="Type your message"><button id="send-button">Send</button></div><script>// 替換為你的OpenAI API密鑰const apiKey = 'YOUR_API_KEY';const apiUrl = 'http://10.130.7.6:8000/v1/chat/completions'; //你的openai服務地址document.getElementById('send-button').addEventListener('click', function () {const userInput = document.getElementById('user-input').value;if (userInput.trim() === '') return;const chatMessages = document.getElementById('chat-messages');const userMessageElement = document.createElement('p');userMessageElement.style.color = 'blue';userMessageElement.textContent = `You: ${userInput}`;chatMessages.appendChild(userMessageElement);fetch(apiUrl, {method: 'POST',headers: {'Content-Type': 'application/json','Authorization': `Bearer ${apiKey}`},body: JSON.stringify({"model": "Qwen2.5-7B-Instruct", // 你可以選擇其他合適的模型"messages": [{"role": "user", "content": userInput}]})}).then(response => response.json()).then(data => {const assistantReply = data.choices[0].message.content;const assistantMessageElement = document.createElement('p');assistantMessageElement.style.color = 'green';assistantMessageElement.textContent = `Assistant: ${assistantReply}`;chatMessages.appendChild(assistantMessageElement);}).catch(error => {console.error('Error:', error);const errorMessageElement = document.createElement('p');errorMessageElement.style.color ='red';errorMessageElement.textContent = 'Error occurred while fetching response.';chatMessages.appendChild(errorMessageElement);});document.getElementById('user-input').value = '';});</script>
</body></html>運行方式
可直接用python啟動建議webui，進入html所在頁面（可直接在pycharm控制臺里運行）：
D:\gradio_project\new_inference0310\0402> python -m http.server 8000然后打開瀏覽器訪問http://127.0.0.1:8000/test.html即可
：結合SE模塊提升圖像分割性能)
![Tiktok 關鍵字 視頻及評論信息爬蟲(2) [2025.04.07]](http://pic.xiahunao.cn/Tiktok 關鍵字 視頻及評論信息爬蟲(2) [2025.04.07])
-解析器)