0


ChatGPT实现旅游推荐微信小程序

随着旅游行业的快速发展,个性化推荐已成为提升用户体验的重要手段。通过AI技术,提供一个智能旅游推荐小程序,使用户能够轻松获取定制化的旅行建议。

项目概述

项目目标

开发一个AI旅游推荐小程序,基于用户输入的旅行偏好,提供个性化的旅游推荐和详细信息展示。

主要功能

  1. 个性化推荐:根据用户输入的信息提供旅行目的地推荐。
  2. 详细信息展示:展示每个推荐目的地的详细信息和相关活动。
  3. 用户管理:用户可管理个人信息和旅行计划。
  4. 用户反馈:用户对推荐进行评分和评论,以提高未来的推荐质量。
  5. 行程管理:用户可以查看和管理自己的旅行计划,添加或删除目的地。

1. 页面设计

1.1 欢迎页面

页面元素
  • 标题:欢迎使用 AI 旅游推荐
  • 描述:智能推荐,探索你的下一个旅行目的地!
  • 按钮:开始探索
代码示例
<view class="container"> 
    <text class="title">欢迎使用 AI 旅游推荐</text> 
    <text class="description">智能推荐,探索你的下一个旅行目的地!</text> 
    <button bindtap="startExploration">开始探索</button> 
</view>
// 欢迎页面逻辑 
Page({ 
    startExploration: function() { 
      wx.navigateTo({ url: '/pages/input/input' }); 
    } 
});

1.2 用户输入页面

页面元素
  • 标题:输入旅行偏好
  • 输入框: - 目的地:文本框- 旅行类型:下拉菜单(休闲、探险、文化、美食)- 预算:数字输入框- 出发日期:日期选择器
  • 按钮:获取推荐
代码示例
<view class="container"> 
    <text class="title">输入旅行偏好</text> 
    <input placeholder="请输入目的地" bindinput="updateDestination" /> 
    <picker mode="selector" range="{{travelTypes}}" bindchange="updateTravelType"> 
        <view class="picker">选择旅行类型:{{selectedType}}</view> 
    </picker> 
    <input placeholder="请输入预算" bindinput="updateBudget" type="number" /> 
    <picker mode="date" bindchange="updateDepartureDate"> 
        <view class="picker">选择出发日期:{{departureDate}}</view> 
    </picker> 
    <button bindtap="getRecommendations">获取推荐</button> 
</view>
// 用户输入页面逻辑 
Page({
  data: {
    destination: '',
    travelTypes: ['休闲', '探险', '文化', '美食'],
    selectedType: '休闲', budget: '', departureDate: ''
  },
  updateDestination: function (e) {
    this.setData({ destination: e.detail.value });
  },
  updateTravelType: function (e) {
    this.setData({ selectedType: this.data.travelTypes[e.detail.value] });
  },
  updateBudget: function (e) {
    this.setData({ budget: e.detail.value });
  },
  updateDepartureDate: function (e) {
    this.setData({ departureDate: e.detail.value });
  },
  getRecommendations: function () {
    wx.request({
      url: 'https://your_backend_url/get_recommendations',
      method: 'POST',
      data: {
        destination: this.data.destination,
        travelType: this.data.selectedType,
        budget: this.data.budget,
        departureDate: this.data.departureDate
      }, success: (res) => {
        wx.navigateTo({ url: '/pages/recommendations/recommendations?data=' + JSON.stringify(res.data) });
      }, fail: () => {
        wx.showToast({ title: '获取推荐失败,请重试', icon: 'none' });
      }
    });
  }
});

1.3 AI 推荐页面

页面元素
  • 标题:AI 推荐的旅行目的地
  • 目的地列表: - 每个目的地名称- 简短描述- 相关图像
  • 按钮:获取更多推荐
代码示例
<view class="container"> <text class="title">AI 推荐的旅行目的地</text>
  <block wx:for="{{recommendations}}" wx:key="index">
    <view class="destination-item"> <text class="destination-name">{{item.name}}</text> 
      <text class="destination-description">{{item.description}}</text>
      <image src="{{item.image}}" mode="aspectFit"></image>
    </view>
  </block> <button bindtap="getMoreRecommendations">获取更多推荐</button>
</view>
// AI 推荐页面逻辑 
Page({
  data: {
    recommendations: []
  },
  onLoad: function (options) {
    const data = JSON.parse(options.data);
    this.setData({ recommendations: data.recommendations });
  },
  getMoreRecommendations: function () {
    wx.request({
      url: 'https://your_backend_url/get_more_recommendations',
      method: 'GET',
      success: (res) => {
        this.setData({ recommendations: res.data.recommendations });
      }, fail: () => {
        wx.showToast({ title: '获取更多推荐失败,请重试', icon: 'none' });
      }
    });
  }
});

1.4 详细信息页面

页面元素
  • 标题:详细信息
  • 内容: - 目的地名称- 完整描述- 旅游活动推荐
  • 按钮:添加到行程
<view class="container">
  <text class="title">{{destinationDetails.name}}</text>
  <text class="description">{{destinationDetails.description}}</text>
  <text class="activities">推荐活动:{{destinationDetails.activities.join(', ')}}</text>
  <button bindtap="addToItinerary">添加到行程</button>
</view>
// 详细信息页面逻辑 
Page({
  data: {
    destinationDetails: {}
  },
  onLoad: function (options) {
    const details = JSON.parse(options.data);
    this.setData({ destinationDetails: details });
  },
  addToItinerary: function () {
    wx.request({
      url: 'https://your_backend_url/add_to_itinerary',
      method: 'POST',
      data: {
        destination: this.data.destinationDetails.name
      }, success: () => {
        wx.showToast({ title: '添加成功', icon: 'success' });
      }, fail: () => {
        wx.showToast({ title: '添加失败,请重试', icon: 'none' });
      }
    });
  }
});

1.5 用户个人中心页面

页面元素
  • 标题:用户个人中心
  • 用户头像:展示用户头像的圆形图像
  • 用户信息:用户名 邮箱 会员等级
  • 功能按钮: - 修改个人信息- 查看行程- 反馈建议
代码示例
<view class="container">
  <view class="header">
    <image class="avatar" src="{{userInfo.avatar}}" mode="aspectFill"></image>
    <text class="username">{{userInfo.username}}</text>
    <text class="email">{{userInfo.email}}</text>
    <text class="membership-level">会员等级:{{userInfo.membershipLevel}}</text>
  </view>
  
  <view class="button-group">
    <button class="button" bindtap="updateInfo">修改个人信息</button>
    <button class="button" bindtap="viewItinerary">查看行程</button>
    <button class="button" bindtap="giveFeedback">反馈建议</button>
    <button class="button logout" bindtap="logout">登出</button>
  </view>
</view>
// 用户个人中心页面逻辑
Page({
  data: {
    userInfo: {
      avatar: 'https://via.placeholder.com/100', // 默认头像
      username: '张三',
      email: '[email protected]',
      membershipLevel: '普通会员'
    }
  },
  onLoad: function() {
    // 从后端获取用户信息
    wx.request({
      url: 'https://your_backend_url/get_user_info',
      method: 'GET',
      success: (res) => {
        this.setData({ userInfo: res.data });
      },
      fail: () => {
        wx.showToast({ title: '获取用户信息失败,请重试', icon: 'none' });
      }
    });
  },
  updateInfo: function() {
    // 跳转到修改个人信息页面
    wx.navigateTo({ url: '/pages/update/update' });
  },
  viewItinerary: function() {
    wx.navigateTo({ url: '/pages/itinerary/itinerary' });
  },
  giveFeedback: function() {
    wx.navigateTo({ url: '/pages/feedback/feedback' });
  },
  logout: function() {
    // 处理登出逻辑
    wx.showToast({ title: '成功登出', icon: 'success' });
    // 跳转回欢迎页面
    wx.redirectTo({ url: '/pages/welcome/welcome' });
  }
});

1.6 额外功能页面

页面元素
  • 标题:额外功能
  • 内容: - 用户反馈- 行程管理
代码示例
<view class="container">
  <text class="title">额外功能</text>
  <textarea placeholder="请留下您的反馈" bindinput="updateFeedback"></textarea>
  <button bindtap="submitFeedback">提交反馈</button>
  <button bindtap="manageItinerary">管理行程</button>
</view>
// 额外功能页面逻辑
Page({
  data: {
    feedback: ''
  },
  updateFeedback: function(e) {
    this.setData({ feedback: e.detail.value });
  },
  submitFeedback: function() {
    wx.request({
      url: 'https://your_backend_url/submit_feedback',
      method: 'POST',
      data: { feedback: this.data.feedback },
      success: () => {
        wx.showToast({ title: '反馈提交成功', icon: 'success' });
      },
      fail: () => {
        wx.showToast({ title: '反馈提交失败,请重试', icon: 'none' });
      }
    });
  },
  manageItinerary: function() {
    wx.navigateTo({ url: '/pages/manage/manage' });
  }
});

2. 后端实现

2.1 后端架构

后端采用Python Flask框架构建,主要负责接收用户请求、处理数据和返回推荐结果。

2.2 API 接口设计

2.2.1 获取推荐接口

请求路径

/get_recommendations

请求方法:POST

请求参数

  • destination: 用户输入的目的地
  • travelType: 用户选择的旅行类型
  • budget: 用户输入的预算
  • departureDate: 用户选择的出发日期

返回示例

{
  "recommendations": [
    {
      "name": "巴黎",
      "description": "浪漫之都,适合休闲旅行。",
      "image": "paris.jpg"
    },
    {
      "name": "东京",
      "description": "现代与传统的完美结合。",
      "image": "tokyo.jpg"
    }
  ]
}

实现代码:

from flask import Flask, jsonify, request
import openai
import random

app = Flask(__name__)

# 设置 OpenAI API 密钥
openai.api_key = 'YOUR_OPENAI_API_KEY'  # 替换为你的 OpenAI API 密钥

# 示例数据(实际应用中,你应该从数据库中获取数据)
DESTINATIONS = [
    {"id": 1, "name": "巴厘岛", "description": "美丽的海滩和丰富的文化", "image": "https://example.com/bali.jpg"},
    {"id": 2, "name": "巴黎", "description": "浪漫之都,艾菲尔铁塔", "image": "https://example.com/paris.jpg"},
    {"id": 3, "name": "东京", "description": "现代与传统的完美结合", "image": "https://example.com/tokyo.jpg"},
    {"id": 4, "name": "纽约", "description": "繁华的都市生活", "image": "https://example.com/newyork.jpg"},
    {"id": 5, "name": "悉尼", "description": "壮观的海港和歌剧院", "image": "https://example.com/sydney.jpg"},
]

def get_ai_recommendations(user_preferences):
    # 使用 OpenAI API 根据用户偏好获取推荐
    response = openai.ChatCompletion.create(
        model="gpt-3.5-turbo",
        messages=[
            {"role": "system", "content": "你是一个旅游推荐助手。"},
            {"role": "user", "content": f"根据以下偏好,推荐一些旅行目的地:{user_preferences}"}
        ],
        max_tokens=150
    )
    
    recommendations = response['choices'][0]['message']['content']
    return recommendations.splitlines()  # 假设每个推荐以换行符分隔

@app.route('/api/recommendations', methods=['GET'])
def get_recommendations():
    # 获取请求中的参数
    num_recommendations = request.args.get('num', default=3, type=int)
    user_preferences = request.args.get('preferences', default='', type=str)

    # 如果用户提供偏好,则通过AI获取推荐
    if user_preferences:
        ai_recommendations = get_ai_recommendations(user_preferences)
        recommendations = [{'name': rec, 'description': 'AI推荐的目的地', 'image': 'https://example.com/placeholder.jpg'} for rec in ai_recommendations][:num_recommendations]
    else:
        # 随机选择推荐的目的地
        recommendations = random.sample(DESTINATIONS, min(num_recommendations, len(DESTINATIONS)))

    return jsonify(recommendations)

if __name__ == '__main__':
    app.run(debug=True)
2.2.2 获取更多推荐接口

请求路径

/get_more_recommendations

请求方法:GET

返回示例:与获取推荐接口相同。

实现代码:

from flask import Flask, jsonify, request
import openai
import random

app = Flask(__name__)

# 设置 OpenAI API 密钥
openai.api_key = 'YOUR_OPENAI_API_KEY'  # 替换为你的 OpenAI API 密钥

# 示例数据(实际应用中,你应该从数据库中获取数据)
DESTINATIONS = [
    {"id": 1, "name": "巴厘岛", "description": "美丽的海滩和丰富的文化", "image": "https://example.com/bali.jpg"},
    {"id": 2, "name": "巴黎", "description": "浪漫之都,艾菲尔铁塔", "image": "https://example.com/paris.jpg"},
    {"id": 3, "name": "东京", "description": "现代与传统的完美结合", "image": "https://example.com/tokyo.jpg"},
    {"id": 4, "name": "纽约", "description": "繁华的都市生活", "image": "https://example.com/newyork.jpg"},
    {"id": 5, "name": "悉尼", "description": "壮观的海港和歌剧院", "image": "https://example.com/sydney.jpg"},
]

def get_ai_recommendations(user_preferences):
    # 使用 OpenAI API 根据用户偏好获取推荐
    response = openai.ChatCompletion.create(
        model="gpt-3.5-turbo",
        messages=[
            {"role": "system", "content": "你是一个旅游推荐助手。"},
            {"role": "user", "content": f"根据以下偏好,推荐一些旅行目的地:{user_preferences}"}
        ],
        max_tokens=150
    )
    
    recommendations = response['choices'][0]['message']['content']
    return recommendations.splitlines()  # 假设每个推荐以换行符分隔

@app.route('/api/recommendations', methods=['GET'])
def get_recommendations():
    # 获取请求中的参数
    num_recommendations = request.args.get('num', default=3, type=int)
    user_preferences = request.args.get('preferences', default='', type=str)

    # 如果用户提供偏好,则通过AI获取推荐
    if user_preferences:
        ai_recommendations = get_ai_recommendations(user_preferences)
        recommendations = [{'name': rec, 'description': 'AI推荐的目的地', 'image': 'https://example.com/placeholder.jpg'} for rec in ai_recommendations][:num_recommendations]
    else:
        # 随机选择推荐的目的地
        recommendations = random.sample(DESTINATIONS, min(num_recommendations, len(DESTINATIONS)))

    return jsonify(recommendations)

if __name__ == '__main__':
    app.run(debug=True)
2.2.3 添加到行程接口

请求路径

/add_to_itinerary

请求方法:POST

请求参数

  • destination: 要添加的目的地名称

返回示例

{ "message": "添加成功" }

实现代码:

from flask import Flask, jsonify, request

app = Flask(__name__)

# 示例数据(实际应用中,应该使用数据库)
USER_ITINERARIES = {}  # 存储用户行程,格式为 {user_id: [destination_ids]}

# 示例目的地数据
DESTINATIONS = [
    {"id": 1, "name": "巴厘岛", "description": "美丽的海滩和丰富的文化"},
    {"id": 2, "name": "巴黎", "description": "浪漫之都,艾菲尔铁塔"},
    {"id": 3, "name": "东京", "description": "现代与传统的完美结合"},
]

@app.route('/api/add_to_itinerary', methods=['POST'])
def add_to_itinerary():
    data = request.json
    user_id = data.get('user_id')
    destination_id = data.get('destination_id')

    # 检查用户行程是否存在
    if user_id not in USER_ITINERARIES:
        USER_ITINERARIES[user_id] = []

    # 添加目的地到用户行程
    if destination_id not in USER_ITINERARIES[user_id]:
        USER_ITINERARIES[user_id].append(destination_id)
        return jsonify({"message": "目的地已成功添加到行程!", "itinerary": USER_ITINERARIES[user_id]}), 200
    else:
        return jsonify({"message": "目的地已在行程中!"}), 400

@app.route('/api/get_itinerary/<user_id>', methods=['GET'])
def get_itinerary(user_id):
    itinerary = USER_ITINERARIES.get(user_id, [])
    destinations = [dest for dest in DESTINATIONS if dest['id'] in itinerary]
    return jsonify(destinations)

if __name__ == '__main__':
    app.run(debug=True)
2.2.4 获取用户信息接口

请求路径

/get_user_info

请求方法:GET

返回示例

{
  "username": "张三",
  "email": "[email protected]"
}
2.2.5 提交反馈接口

请求路径

/submit_feedback

请求方法:POST

请求参数

  • feedback: 用户提交的反馈内容

返回示例

{
  "message": "反馈提交成功"
}

2.3 后端代码示例

以下是Flask后端的基本实现代码:

from flask import Flask, request, jsonify

app = Flask(__name__)

@app.route('/get_recommendations', methods=['POST'])
def get_recommendations():
    data = request.json
    # 根据数据处理逻辑生成推荐
    recommendations = [
        {"name": "巴黎", "description": "浪漫之都,适合休闲旅行。", "image": "paris.jpg"},
        {"name": "东京", "description": "现代与传统的完美结合。", "image": "tokyo.jpg"}
    ]
    return jsonify({"recommendations": recommendations})

@app.route('/add_to_itinerary', methods=['POST'])
def add_to_itinerary():
    destination = request.json['destination']
    # 添加逻辑
    return jsonify({"message": "添加成功"})

@app.route('/get_user_info', methods=['GET'])
def get_user_info():
    user_info = {"username": "张三", "email": "[email protected]"}
    return jsonify(user_info)

@app.route('/submit_feedback', methods=['POST'])
def submit_feedback():
    feedback = request.json['feedback']
    # 处理反馈
    return jsonify({"message": "反馈提交成功"})

if __name__ == '__main__':
    app.run(debug=True)

随便写写,代码不全


本文转载自: https://blog.csdn.net/u012834688/article/details/143186570
版权归原作者 @山海@ 所有, 如有侵权,请联系我们删除。

“ChatGPT实现旅游推荐微信小程序”的评论:

还没有评论