零碳出行

项目图展示

零碳出行产品介绍

一、产品概述

“零碳出行”是一款聚焦于绿色低碳生活方式推广的创新型移动应用，旨在通过科技手段鼓励公众践行低碳出行、参与环保行动，并普及碳汇、碳减排等生态环境知识。该应用以“减碳即贡献，行走即公益”为核心理念，将日常行为转化为可量化、可视化的环保成果，打造一个集教育、激励、实践、奖励于一体的全民参与式绿色生活平台。

用户可通过步行、骑行、公共交通等方式记录行程，积累“碳足迹”积分，并在“零碳商城”兑换环保主题产品；同时，平台提供丰富的碳汇科普内容和互动答题活动，提升公众对气候变化与生态保护的认知水平。

“零碳出行”不仅是个人生活方式的升级工具，更是推动社会可持续发展的数字引擎，让每个人都能成为地球的守护者。

二、核心功能

1. 首页（主界面）

• 展示主要功能入口：
  • 知识答题：参与环保知识闯关，学习低碳生活常识。
  • 碳汇知识科普：了解碳汇定义、分类、作用及应对挑战措施。
  • 基地导览：浏览生态示范基地实景图与介绍，增强沉浸感。
  • 零碳出行：开启绿色出行打卡，记录真实行程。
  • 开始打卡：一键启动每日步数或出行里程记录。
  • 零碳商城：用积累的碳积分兑换环保商品。
  • 我的：查看个人信息、碳积分余额、历史记录等。
  • 退出登录：安全退出账户。

✅ 设计亮点：采用清新绿意风格，配合风车、草地、蓝天背景，营造自然和谐氛围，强化环保主题印象。

2. 零碳出行 & 开始打卡

• 用户点击“开始打卡”后，App自动识别并记录用户的步行、骑行或乘坐公共交通的行程距离。
• 实时显示已打卡公里数，并通过“碳量对比”功能直观展示：“相当于获得XX棵树木的碳吸收量”
• 每完成一次有效出行，系统将自动计算并累计碳积分，用于后续兑换奖励。
• 支持手动输入出行方式与里程（如共享单车、地铁），确保数据准确性。

💡 示例：用户骑自行车上班5公里 → 系统记录为“减少0.8kg CO₂排放” → 获得相应碳积分。

3. 零碳商城

• 用户可在“零碳商城”中使用碳积分兑换环保主题产品，包括：
  • 碳汇冰霜贴
  • 碳汇明信片
  • 碳汇环保编织袋
  • 碳汇种子纸（种下可长出植物）
• 所有商品均带有“零碳”标识，体现其环保属性与社会意义。
• 兑换机制鼓励持续参与：积少成多，越活跃，奖励越多。
• 商城页面设计简洁可爱，卡通形象与绿色元素突出，增强趣味性与传播力。

4. 我的（个人中心）

• 显示用户昵称、头像、所属单位/组织（如“软件开发-小姣”）。
• 核心数据展示：
  • 总碳积分：当前累积的碳积分数量（如405分）
  • 总出行公里数：累计行走或骑行距离（如11.64公里）
• 提供“退出登录”按钮，保障账户安全。
• 可查看历史打卡记录、答题成绩、兑换记录等。

5. 知识答题（互动学习模块）

• 进入“知识答题”页面，点击“立即闯关”即可参与问答挑战。
• 题型为选择题，共10道，涵盖以下内容：
  • 什么是低碳出行？
  • 哪些行为能减少碳足迹？（如使用公共交通 vs. 开私家车）
  • 如何节约能源？
  • 碳汇的作用是什么？
• 完成答题后，系统自动评分，并授予用户专属称号，例如：“零碳先锋”、“绿色达人”、“环保卫士”
• 称号将在个人主页永久展示，增强成就感与身份认同。

6. 碳汇知识科普

• 提供四类科普内容，帮助用户深入理解碳汇概念：
  • 碳汇定义：解释“碳汇（carbon sink）”是指通过植树造林、海洋吸收等方式固定大气中二氧化碳的过程。
  • 碳汇分类：
    • 天然碳汇：森林、湿地、海洋
    • 人工碳汇：碳捕集与封存技术（CCS）、土壤固碳
  • 碳汇功能与作用：说明碳汇如何调节气候、缓解全球变暖。
  • 碳汇面临的挑战与应对措施：分析森林砍伐、土地退化等问题，并提出保护生态系统的解决方案。
• 内容图文并茂，语言通俗易懂，适合大众阅读。
• 支持收藏、分享至社交平台，助力知识传播。

7. 基地导览

• 展示典型生态示范基地实景图与文字介绍，如：
  • 九龙湖整体林业碳汇基地
  • 包含航拍图、园区布局、建设目标、技术创新等内容。
• 目的是让用户“身临其境”地了解碳汇项目落地情况，增强信任感与参与感。
• 同时宣传地方政府在生态文明建设中的成果，体现政企合作价值。

三、产品价值

 用户价值：让环保变得有趣、可感、可参与

• 行为激励：通过“打卡—积分—兑换”闭环机制，激发用户坚持低碳出行的动力。
• 知识赋能：通过答题与科普，让用户在玩乐中学到真正的环保知识，打破“环保只是口号”的误解。
• 身份认同：专属称号与成就体系满足用户的荣誉感，形成正向反馈循环。
• 情感连接：将每一次步行都与“拯救一棵树”挂钩，赋予普通行为深远意义，增强心理共鸣。

演示地址

运维环境

前端环境

后端环境

架构特点

架构特性

• 前后端分离架构，独立开发，符合主流开发模式
• 前端以Vue3+Vite为主技术，AntdV为UI界面框架
• 后端SpringBoot3为基础，MybatisPlus为数据操作框架，Redis为缓存框架
• Maven多模块管理，插件化开发，方便安装、卸载、升级，降低耦合
• 业务模块与API抽离，模块之间便捷引用
• 数据库设计精巧，字段规范、易于扩展
• 支持国产密码算法加解密，等保测评国产项目无压力
• 支持MYSQL、ORACLE、SQLSERVER、PGSQL等主流标准结构式数据库
• 支持达梦、人大金仓、南大通用、九有、瀚高、虚谷数据库等国产数据库
• 支持中创、宝蓝德、东方通等中间件
• 支持Windows、Linux操作系统、国产操作系统部署

功能特性

• 完善的系统基础功能，满足使用需求，避免重复造轮子
• 支持本地文件、阿里云文件、腾讯云文件、MINIO文件上传
• 支持本地邮件、阿里云邮件、腾讯云邮件发送
• 支持阿里云短信、腾讯云短信发送
• B、C端双账号认证体系，会话治理各自独立
• 完善的登录日志、操作日志、异常日志等审计功能
• 完善的会话监控、数据源监控、系统监控等必备监控功能
• 支持组织机构、权限管理、定时任务、系统配置等基础功能

安全特性

• 采用SaToken轻量级 Java 权限认证框架，功能强大、学习成本低
• 支持登录认证、权限认证、单点登录、三方登录、OAuth2.0等认证模式
• 增强的RBAC权限设计，资源于接口独立授权，更加灵活
• 支持按钮级别细粒度独立授权，界面按钮动态展示
• 支持API接口注解式、路由拦截式鉴权，防止越界访问
• 独创的数据范围机制，每个接口都可以配置不同数据范围
• 支持限流防抖，防重复提交，有效阻止脏数据产生
• 密码、手机、身份证号等使用国密算法加密传输、加密存储，数据更安全
• 操作日志使用SM2进行完整性保护，满足安全审计要求

界面特性

• Vue3 + Vite为基础，AntdV为界面UI框架，视觉风格清新简洁
• 精细化设计，注重界面的每一处细节，操作轻松友好
• 暗黑风格、经典菜单、双排菜单、多页签、目录坞、主题切换等功能应有尽有
• 统一的网络框架、API接口拦截框架，拿来即可上手

客服联系

支持端

运维环境

• 全系列系统服务器。推荐使用 Centos 7.6
• 2 核 2 G 100MB 3M带宽 为最低配置，建议 2 核 4G 100Mb 5M带宽。
• Node.js 14x
• Java1.8
• Mysql 5.7
• Redis 6.2.8
• 阿里云 OSS – 可更换其它。

联系客服要完整案例