TripGenie:畅游济南旅行规划助手:个人工作纪实(十八)
本周,我增加了网页搜索并在右侧显示搜索链接与标题的功能,通过这个功能,可以帮助用户搜索网络上关于济南旅游的信息,提高用户检索信息的速度,用户可以通过点击网页链接了解更多关于济南的信息。
首先,我设计在右侧显示一个搜索结果框,我首先在html网页上设计了一个搜索框的位置,并用css设计了基本结构,这里我选择整体使用白色的边框,黑色的字帖,简洁的同时方便阅读,我设计将链接和题目绑定在一起,方便用户的阅读,同时蓝色的标题链接,用户可以很清晰的知道点击跳转。
在js的设计中,我选择只在智能体与用户交互完,即智能体获取完所有关键信息,将信息合并起来后再进行网页搜索,显示网页搜索结果,显示侧边栏,所以我首先设置了一个隐藏显示侧边栏的函数。
同时我选择在最后显示行程规划的同时进行网页搜索,我在displayItinerary里面嵌入了网页搜索的函数,保证可以同时进行搜索并显示。
因为我们智能体可以选择生成新行程,这里我设置逻辑在每一次形成新行程的时候,都会重新启动网络搜索,根据用户需求生成新的搜索推荐
展示效果如下:
点击其中一个链接,可以跳转到对应的网页。