更新记录

Alumni（2025-03-17） 下载此版本

[1.0.0]

新增功能

• 完成首页模块，包括新闻展示、活动公告、校友风采等功能
• 完成组织模块，支持组织列表浏览和详情查看
• 完成活动模块，支持活动列表浏览、详情查看和报名功能
• 完成服务模块，整合校友卡申领、在线捐赠等多项服务
• 完成个人中心模块，支持个人信息管理和校友认证
• 新增校友捐赠功能，支持一般捐赠和项目捐赠
• 新增返校预约功能，支持在线申请和反馈提交
• 新增校友名片功能，支持生成和分享个人名片

界面优化

• 统一应用主题色为#1E50A2，提升品牌识别度
• 优化顶部导航栏样式，增加状态栏适配
• 优化列表加载动画，提升用户体验
• 优化表单输入控件，增强交互友好性
• 优化按钮样式，添加点击反馈效果

Bug修复

• 修复活动列表在某些机型上显示异常的问题
• 修复捐赠页面在提交时偶发的数据丢失问题
• 修复校友认证页面图片上传失败的问题
• 修复意见反馈历史记录按钮在微信小程序中位置异常的问题
• 修复服务页面选项卡下划线位置偏移的问题
• 修复返校预约反馈页面提交按钮样式问题
• 修复部分页面在暗黑模式下显示异常的问题

[0.9.0]

新增功能

• 完成基础框架搭建，实现页面路由配置
• 完成底部导航栏，支持首页、组织、活动、服务、我的五个主要模块切换
• 集成uni-ui组件库，统一界面风格

界面优化

• 设计并实现应用启动页
• 设计并实现应用图标

Bug修复

• 修复页面切换时闪烁的问题
• 修复部分组件在iOS设备上的兼容性问题

平台兼容性

校友会小程序

项目概述

校友会小程序是一个为高校校友提供全方位服务的移动应用平台，旨在加强校友与母校之间的联系，促进校友之间的交流与合作，提供便捷的校友服务。该小程序集成了校友认证、校友活动、校友组织、校友捐赠、校友服务等多项功能，为校友提供一站式服务体验。

功能特点

首页功能

• 校园新闻展示
• 活动公告
• 校友风采
• 校友企业推荐

组织功能

• 校友组织展示
• 组织详情查看
• 组织活动浏览
• 组织成员查看

活动功能

• 活动列表展示
• 活动详情查看
• 活动报名参与
• 活动评论互动

服务功能

• 校友服务分类
• 校友卡申领
• 在线捐赠
• 校友互联
• 校友优惠
• 返校预约

个人中心

• 个人信息管理
• 校友认证
• 我的活动
• 我的捐赠
• 我的名片
• 意见反馈
• 系统设置

技术栈

• 前端框架：Vue 3
• 跨平台开发：uni-app
• UI组件：uni-ui
• 状态管理：Vuex
• 网络请求：uni.request
• 数据模拟：Mock.js

目录结构

school2/
├── components/             # 公共组件
│   ├── ActivityCard.vue    # 活动卡片组件
│   ├── AlumniCard.vue      # 校友卡片组件
│   ├── NewsItem.vue        # 新闻项组件
│   ├── OrganizationCard.vue # 组织卡片组件
│   ├── SectionTitle.vue    # 区块标题组件
│   └── ServiceItem.vue     # 服务项组件
├── docs/                   # 项目文档
├── mock/                   # 模拟数据
├── pages/                  # 页面文件
│   ├── activity/           # 活动相关页面
│   ├── alumni/             # 校友相关页面
│   ├── appointment/        # 预约相关页面
│   ├── auth/               # 认证相关页面
│   ├── comment/            # 评论相关页面
│   ├── company/            # 企业相关页面
│   ├── donation/           # 捐赠相关页面
│   ├── index/              # 首页相关页面
│   ├── message/            # 消息相关页面
│   ├── mine/               # 个人中心相关页面
│   ├── news/               # 新闻相关页面
│   ├── organization/       # 组织相关页面
│   ├── search/             # 搜索相关页面
│   └── service/            # 服务相关页面
├── static/                 # 静态资源
│   ├── avatar/             # 头像图片
│   ├── icons/              # 图标资源
│   └── images/             # 图片资源
├── store/                  # Vuex状态管理
├── uni_modules/            # uni-app模块
├── utils/                  # 工具函数
├── App.vue                 # 应用入口组件
├── main.js                 # 应用入口文件
├── manifest.json           # 应用配置文件
├── pages.json              # 页面路由配置
└── uni.scss                # 全局样式变量

页面说明

主要页面

• 首页：展示校园新闻、活动公告、校友风采等信息
• 组织：展示校友组织列表，可查看组织详情
• 活动：展示校友活动列表，可查看活动详情、报名参与
• 服务：提供校友卡申领、在线捐赠、校友互联等服务
• 我的：个人信息管理、校友认证、我的活动、我的捐赠等

功能页面

• 校友详情：展示校友个人信息、工作经历、联系方式等
• 组织详情：展示组织介绍、成员列表、活动记录等
• 活动详情：展示活动信息、报名状态、参与人员等
• 捐赠页面：支持一般捐赠和项目捐赠，展示捐赠记录
• 返校预约：提供返校预约申请、预约记录查询、反馈提交等功能

设计风格

• 主题色：#1E50A2（深蓝色）
• 辅助色：#e6f7ff（浅蓝色）、#52c41a（绿色）、#faad14（黄色）、#ff4d4f（红色）
• 字体：系统默认字体
• 圆角：大部分组件使用12rpx圆角，按钮使用44rpx圆角
• 阴影：轻微阴影效果，增强立体感

使用说明

开发环境搭建

1. 安装开发工具

   # 安装 HBuilderX
   访问 https://www.dcloud.io/hbuilderx.html 下载并安装 HBuilderX
   
   # 安装微信开发者工具
   访问 https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 下载并安装

2. 导入项目

   • 打开 HBuilderX
   • 点击菜单 "文件" -> "导入" -> "从本地目录导入"
   • 选择项目目录，点击"导入"

3. 运行项目

   • 点击 HBuilderX 工具栏的"运行"按钮
   • 选择运行到浏览器或模拟器
   • 也可以选择"运行到小程序模拟器"，在微信开发者工具中预览

发布部署

1. 小程序发布

   • 在 HBuilderX 中点击"发行"
   • 选择"小程序-微信"
   • 填写小程序 AppID
   • 点击"发行"，生成小程序代码
   • 在微信开发者工具中上传代码并提交审核

2. App发布

   • 在 HBuilderX 中点击"发行"
   • 选择"原生App-云打包"
   • 配置应用信息
   • 点击"发行"，等待云打包完成
   • 下载安装包并发布到应用商店

注意事项

• 本项目使用 Vue 3 开发，请确保使用兼容的开发工具和插件
• 项目中的模拟数据仅用于开发测试，实际使用时需替换为真实接口
• 小程序发布前需要在微信公众平台注册并获取 AppID
• 部分功能可能需要根据实际需求进行调整和完善