Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.
 
 
 
 
 

1.6 KiB

北京维康慈善基金会官网

基于 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脚本初始化数据库。

访问地址