# 北京维康慈善基金会官网 基于 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、图文、文字列表、图片、单页、人员、岗位、捐赠收支 - 网站配置 - 药品援助数据管理 ## 快速开始 ```bash # 安装依赖 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