北京维康慈善基金会官网

基于 ThinkJS 3.x 的慈善基金会官网系统，包含前台展示和后台管理。

技术栈

• 后端: ThinkJS 3.x + MySQL + Redis
• 前台: Nunjucks模板 + Swiper.js + 原生CSS
• 后台: Vue 3 + Element Plus + Tailwind CSS
• 认证: JWT Token

功能模块

前台

• 首页全屏滚动（Swiper Fullpage）
• Banner轮播（支持毛玻璃效果）
• 捐赠数据公示（统计卡片 + 滚动明细）
• 公益项目展示（Tab切换 + 背景联动）
• 新闻动态
• 合作伙伴
• 响应式适配（移动端汉堡菜单）

后台管理

• 用户/角色管理
• 栏目管理（树形结构）
• 内容类型：Banner、图文、文字列表、图片、单页、人员、岗位、捐赠收支
• 网站配置
• 药品援助数据管理

快速开始

# 安装依赖
pnpm install

# 开发环境
pnpm start

# 生产环境
node production.js

目录结构

├── src/
│   ├── controller/     # 控制器
│   ├── model/          # 数据模型
│   ├── config/         # 配置文件
│   └── logic/          # 逻辑层
├── view/
│   ├── admin/          # 后台视图
│   ├── common/         # 前台公共组件
│   ├── layout.html     # 前台布局
│   └── index_index.html # 首页
├── www/static/         # 静态资源
└── sql/                # 数据库脚本

数据库

执行 sql/ 目录下的SQL脚本初始化数据库。

访问地址

• 前台: http://localhost:8360/
• 后台: http://localhost:8360/admin/login.html