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

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

项目概述

项目目标

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

主要功能

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

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: 'zhangsan@example.com',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 randomapp = 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 randomapp = 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, requestapp = 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.jsonuser_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]}), 200else: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": "zhangsan@example.com"
}

2.2.5 提交反馈接口

请求路径：/submit_feedback

请求方法：POST

请求参数：

feedback: 用户提交的反馈内容

返回示例：

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

2.3 后端代码示例

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

from flask import Flask, request, jsonifyapp = 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": "zhangsan@example.com"}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)

随便写写，代码不全