当前位置: 首页 > wzjs >正文

WordPress全站广告厦门seo优

WordPress全站广告,厦门seo优,高端网站建设必须要满足哪些要求,建设网站毕业设计这周,我进行了历史记录的设计与制作,我对于每一个用户与智能体交互得出的历史行程的数据进行了存储与可视化展示。 首先,我设置了一个csv文件存储每一个得出的行程规划,注意这里的地图我设置了一个全路径进行存储,这样…

      这周,我进行了历史记录的设计与制作,我对于每一个用户与智能体交互得出的历史行程的数据进行了存储与可视化展示。

      首先,我设置了一个csv文件存储每一个得出的行程规划,注意这里的地图我设置了一个全路径进行存储,这样可以保证url路径可以被可视化到前端页面。csv文件中的标题为data、itinerary、mappath灯,存储相应的行程规划信息。

      在js文件中,我从后端获取存入的csv文件,并且对文件内容进行了切分。

      这里我对行程规划得到的行程规划、总体理由、行程设计进行展示,同时我设置了一个iframe框架来展示地图。

 try {// 尝试解析 Itinerary 字段中的 JSON 数据const itineraryInfo = JSON.parse(record.fullContent.replace(/'/g, '"'));// 提取行程规划const itineraryParts = itineraryInfo.itinerary || '行程规划信息暂无';// 提取总体理由const reasonParts = itineraryInfo['总体理由'] || '总体理由暂无';// 提取景点详细描述并格式化let poisHtml = '<div><strong>详细景点描述:</strong></div>';if (itineraryInfo.pois && typeof itineraryInfo.pois === 'object') {for (const key in itineraryInfo.pois) {poisHtml += `<div>${itineraryInfo.pois[key]}</div>`;}} else {poisHtml += '<div>景点描述暂无</div>';}// 创建历史记录卡片const historyCard = document.createElement('div');historyCard.className = 'history-card';historyCard.innerHTML = `<div class="history-card-header"><h3>${record.title}</h3></div><div class="history-card-body"><div class="history-date">${record.date}</div><div class="history-summary">${itineraryParts}</div><button class="history-toggle" onclick="toggleHistoryDetails(${record.id})"><i class="fas fa-chevron-down"></i> 查看详情</button><div class="history-details" id="details-${record.id}" style="display: none;"><div class="history-full-content"><div><strong>行程规划:</strong>${itineraryParts}</div>${poisHtml}<div><strong>总体理由:</strong>${reasonParts}</div></div><iframe class="history-map" src="${record.mapUrl}" frameborder="0"></iframe></div></div>`;historyCardsContainer.appendChild(historyCard);} catch (e) {console.error('解析历史记录失败:', e);// 如果解析失败,仍然显示基本的历史记录卡片const historyCard = document.createElement('div');historyCard.className = 'history-card';historyCard.innerHTML = `<div class="history-card-header"><h3>${record.title}</h3></div><div class="history-card-body"><div class="history-date">${record.date}</div><div class="history-summary">行程规划信息暂无</div><button class="history-toggle" onclick="toggleHistoryDetails(${record.id})"><i class="fas fa-chevron-down"></i> 查看详情</button><div class="history-details" id="details-${record.id}" style="display: none;"><div class="history-full-content"><div>行程规划:暂无详细信息</div><div>详细景点描述:暂无详细信息</div><div>总体理由:暂无详细信息</div></div><iframe class="history-map" src="${record.mapUrl}" frameborder="0"></iframe></div></div>`;historyCardsContainer.appendChild(historyCard);}

最终效果如下:

http://www.dtcms.com/wzjs/504481.html

相关文章:

  • 教育网站模板万词优化
  • 太原贴吧宁波专业seo服务
  • 专业服务网站开发百度秒收录技术
  • 网站怎样赚钱泰安网站制作推广
  • 女生wordpress网站适合域名被墙检测
  • 菏泽建设信息网seo是啥
  • net网站开发找那家全网品牌推广
  • 广州市 网站建设 有限公司重庆seo全面优化
  • 哈尔滨网站营销推广seo点击软件
  • 免费设计图网站代运营公司可靠吗
  • 网站建设人员的工资分配百度站长链接提交
  • wordpress 响应 主题二十个优化
  • 任县建设局网站关键词排名点击
  • 高端的响应式网站建设公司今日的新闻头条10条
  • 太原新媒体运营公司哈尔滨seo服务
  • 八戒网站做推广厦门网站优化
  • 师德师风建设好的小学网站广告公司推广平台
  • 新闻报道策划案模板范文温州seo推广外包
  • 手机网站建设创意新颖网站优化关键词
  • 网站建设毕业设计个人总结汕头seo优化项目
  • 工作做ppt课件的网站百度代理服务器
  • 广州建设网站企业网站关键词优化方案
  • 安装wordpress连接不了数据库黑帽seo寄生虫
  • 适合权重小的网站做的专题重庆镇海seo整站优化价格
  • 山东网络建站推广西安百度提升优化
  • 网站的模糊搜索怎么做北京seo收费
  • 秀山网站建设免费收录平台
  • 自己模板做网站广州关于进一步优化疫情防控措施
  • 加强农业网站建设上海百度关键词推广
  • 网站建设与规划试卷站点