开发一款古诗词微信小程序：完整项目结构与代码详解

miniprogram/├── pages/                  // 页面目录│   ├── index/              // 首页│   ├── poem/               // 诗词详情页│   ├── search/             // 搜索页│   ├── collection/         // 收藏夹│   └── me/                 // 个人中心├── components/             // 自定义组件│   ├── poem-card/          // 诗词卡片组件│   └── author-card/        // 作者卡片组件├── utils/                  // 工具函数│   ├── api.js              // 接口封装│   └── storage.js          // 本地存储封装├── styles/                 // 公共样式├── images/                 // 图片资源├── app.js                  // 小程序入口├── app.json                // 全局配置└── app.wxss                // 全局样式

// 引入接口封装const api = require('../../utils/api');
Page({  data: {    dailyPoem: {},      // 每日推荐诗词    hotPoems: [],       // 热门诗词    categories: [       // 分类数据      {name: '唐诗', icon: 'icon-tang'},      {name: '宋词', icon: 'icon-song'},      {name: '诗经', icon: 'icon-book'}    ]  },
  onLoad() {    this.loadData();  },
  // 加载首页数据  async loadData() {    try {      // 并发请求多个接口      const [dailyRes, hotRes] = await Promise.all([        api.getDailyPoem(),        api.getHotPoems()      ]);
      this.setData({        dailyPoem: dailyRes.data,        hotPoems: hotRes.data.list      });    } catch (error) {      console.error('首页数据加载失败:', error);      wx.showToast({ title: '数据加载失败', icon: 'none' });    }  },
  // 跳转到诗词详情  navigateToPoem(e) {    const poemId = e.currentTarget.dataset.id;    wx.navigateTo({      url: `/pages/poem/poem?id=${poemId}`    });  }});

const api = require('../../utils/api');
Page({  data: {    poem: null,         // 当前诗词    author: null,       // 作者信息    isCollected: false, // 是否已收藏    comments: [],       // 评论列表    showMore: false     // 是否显示更多内容  },
  onLoad(options) {    this.poemId = options.id; // 获取路由参数中的诗词ID    this.loadPoemData();  },
  // 加载诗词详情数据  async loadPoemData() {    wx.showLoading({ title: '加载中...' });
    try {      // 并发获取诗词详情、作者信息和评论      const [poemRes, authorRes, commentsRes] = await Promise.all([        api.getPoemDetail(this.poemId),        api.getAuthorInfo(this.poemId),        api.getComments(this.poemId)      ]);
      this.setData({        poem: poemRes.data,        author: authorRes.data,        comments: commentsRes.data.list      });
      // 检查收藏状态      this.checkCollectionStatus();    } catch (error) {      console.error('诗词详情加载失败:', error);      wx.showToast({ title: '加载失败', icon: 'none' });    } finally {      wx.hideLoading();    }  },
  // 检查收藏状态  async checkCollectionStatus() {    if (!getApp().globalData.userInfo) return;
    try {      const res = await api.checkCollection(this.poemId);      this.setData({ isCollected: res.data.collected });    } catch (error) {      console.error('检查收藏状态失败:', error);    }  },
  // 切换收藏状态  async toggleCollection() {    if (!getApp().globalData.userInfo) {      return wx.navigateTo({ url: '/pages/me/login' });    }
    const { isCollected } = this.data;    try {      if (isCollected) {        await api.removeCollection(this.poemId);      } else {        await api.addCollection(this.poemId);      }
      this.setData({ isCollected: !isCollected });      wx.showToast({        title: isCollected ? '已取消收藏' : '收藏成功',        icon: 'success'      });    } catch (error) {      console.error('收藏操作失败:', error);      wx.showToast({ title: '操作失败', icon: 'none' });    }  }});

const BASE_URL = 'https://your-api-domain.com/api/v1';
/** * 封装微信请求方法 * @param {string} url - 请求地址 * @param {object} options - 请求配置 * @returns {Promise} 返回Promise对象 */function request(url, options = {}) {  return new Promise((resolve, reject) => {    wx.request({      url: BASE_URL + url,      method: options.method || 'GET',      data: options.data || {},      header: {        'Content-Type': 'application/json',        'Authorization': getApp().globalData.token || ''      },      success(res) {        if (res.statusCode === 200) {          resolve(res.data);        } else {          reject(res.data);        }      },      fail(error) {        reject(error);      }    });  });}
// 获取每日推荐诗词export function getDailyPoem() {  return request('/poems/daily');}
// 获取热门诗词export function getHotPoems(params = {}) {  return request('/poems/hot', { data: params });}
// 获取诗词详情export function getPoemDetail(id) {  return request(`/poems/${id}`);}
// 添加收藏export function addCollection(poemId) {  return request('/collections', {    method: 'POST',    data: { poem_id: poemId }  });}
// 其他API方法...