chore: update code 周一-2025-11 17:11
This commit is contained in:
@@ -1,8 +1,8 @@
|
||||
// 分析功能脚本
|
||||
// 营养分析功能脚本
|
||||
|
||||
let currentUserId = null;
|
||||
|
||||
// DOM元素
|
||||
// DOM元素
|
||||
const loginSection = document.getElementById('loginSection');
|
||||
const requestSection = document.getElementById('requestSection');
|
||||
const analysisSection = document.getElementById('analysisSection');
|
||||
@@ -14,27 +14,28 @@ const analyzeBtn = document.getElementById('analyzeBtn');
|
||||
const mealDataTextarea = document.getElementById('mealData');
|
||||
const analysisResult = document.getElementById('analysisResult');
|
||||
|
||||
// 显示消息
|
||||
// 显示消息
|
||||
function showMessage(message, type = 'info') {
|
||||
messageArea.textContent = message;
|
||||
messageArea.className = `message-area ${type}`;
|
||||
messageArea.style.display = 'block';
|
||||
setTimeout(() => {
|
||||
messageArea.className = 'message-area';
|
||||
messageArea.style.display = 'none';
|
||||
}, 3000);
|
||||
}
|
||||
|
||||
// 用户登录
|
||||
// 用户登录
|
||||
loginBtn.addEventListener('click', async () => {
|
||||
const userId = userIdInput.value.trim();
|
||||
|
||||
if (!userId) {
|
||||
showMessage('请输入用户ID', 'error');
|
||||
showMessage('请输入用户ID', 'error');
|
||||
return;
|
||||
}
|
||||
|
||||
loginBtn.disabled = true;
|
||||
loginBtn.textContent = '登录中...';
|
||||
loginBtn.textContent = '登录中...';
|
||||
|
||||
try {
|
||||
const response = await fetch('/api/user/login', {
|
||||
@@ -53,30 +54,30 @@ loginBtn.addEventListener('click', async () => {
|
||||
currentUserId = userId;
|
||||
loginSection.style.display = 'none';
|
||||
requestSection.style.display = 'block';
|
||||
showMessage(`欢迎,${data.name || userId}!`, 'success');
|
||||
showMessage(`欢迎,${data.name || userId}!`, 'success');
|
||||
} else {
|
||||
showMessage(data.message || '登录失败', 'error');
|
||||
showMessage(data.message || '登录失败', 'error');
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('登录失败:', error);
|
||||
showMessage('登录失败,请检查网络连接', 'error');
|
||||
console.error('登录失败:', error);
|
||||
showMessage('登录失败,请检查网络连接', 'error');
|
||||
} finally {
|
||||
loginBtn.disabled = false;
|
||||
loginBtn.textContent = '登录';
|
||||
loginBtn.textContent = '登录';
|
||||
}
|
||||
});
|
||||
|
||||
// 开始分析
|
||||
// 开始分析
|
||||
analyzeBtn.addEventListener('click', async () => {
|
||||
const mealDataText = mealDataTextarea.value.trim();
|
||||
|
||||
if (!mealDataText) {
|
||||
showMessage('请输入餐食信息', 'error');
|
||||
showMessage('请输入餐食信息', 'error');
|
||||
return;
|
||||
}
|
||||
|
||||
analyzeBtn.disabled = true;
|
||||
analyzeBtn.textContent = '分析中...';
|
||||
analyzeBtn.textContent = '分析中...';
|
||||
|
||||
try {
|
||||
const response = await fetch('/api/analysis/nutrition', {
|
||||
@@ -97,37 +98,47 @@ analyzeBtn.addEventListener('click', async () => {
|
||||
if (data.success && data.analysis) {
|
||||
displayAnalysis(data.analysis);
|
||||
analysisSection.style.display = 'block';
|
||||
showMessage('分析完成!', 'success');
|
||||
showMessage('分析完成!', 'success');
|
||||
} else {
|
||||
showMessage(data.message || '分析失败', 'error');
|
||||
showMessage(data.message || '分析失败', 'error');
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('分析失败:', error);
|
||||
showMessage('分析失败,请检查网络连接', 'error');
|
||||
console.error('分析失败:', error);
|
||||
showMessage('分析失败,请检查网络连接', 'error');
|
||||
} finally {
|
||||
analyzeBtn.disabled = false;
|
||||
analyzeBtn.textContent = '开始分析';
|
||||
analyzeBtn.textContent = '开始分析';
|
||||
}
|
||||
});
|
||||
|
||||
// 显示分析结果
|
||||
// 显示分析结果
|
||||
function displayAnalysis(analysis) {
|
||||
analysisResult.innerHTML = '';
|
||||
|
||||
if (typeof analysis === 'string') {
|
||||
// 如果是字符串,直接显示
|
||||
analysisResult.innerHTML = `<div class="analysis-section"><p>${analysis.replace(/\n/g, '<br>')}</p></div>`;
|
||||
// 如果是字符串,直接显示
|
||||
analysisResult.innerHTML = `<div class="analysis-section"><p>${escapeHtml(analysis).replace(/\n/g, '<br>')}</p></div>`;
|
||||
} else if (analysis.analysis) {
|
||||
// 如果包含analysis字段
|
||||
analysisResult.innerHTML = `<div class="analysis-section"><h4>分析结果</h4><p>${analysis.analysis.replace(/\n/g, '<br>')}</p></div>`;
|
||||
// 如果有analysis字段
|
||||
analysisResult.innerHTML = `<div class="analysis-section"><h4>营养分析</h4><p>${escapeHtml(analysis.analysis).replace(/\n/g, '<br>')}</p></div>`;
|
||||
} else {
|
||||
// 如果是对象,格式化显示
|
||||
// 如果是对象,格式化显示
|
||||
for (const [key, value] of Object.entries(analysis)) {
|
||||
const section = document.createElement('div');
|
||||
section.className = 'analysis-section';
|
||||
section.innerHTML = `<h4>${key}</h4><p>${typeof value === 'string' ? value.replace(/\n/g, '<br>') : JSON.stringify(value, null, 2)}</p>`;
|
||||
const displayKey = escapeHtml(key);
|
||||
const displayValue = typeof value === 'string'
|
||||
? escapeHtml(value).replace(/\n/g, '<br>')
|
||||
: escapeHtml(JSON.stringify(value, null, 2));
|
||||
section.innerHTML = `<h4>${displayKey}</h4><p>${displayValue}</p>`;
|
||||
analysisResult.appendChild(section);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// HTML转义函数,防止XSS攻击
|
||||
function escapeHtml(text) {
|
||||
const div = document.createElement('div');
|
||||
div.textContent = text;
|
||||
return div.innerHTML;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user