|
|
|
@@ -1,22 +1,67 @@ |
|
|
|
# 北京维康慈善基金会官网 |
|
|
|
|
|
|
|
Application created by [ThinkJS](http://www.thinkjs.org) |
|
|
|
基于 ThinkJS 3.x 的慈善基金会官网系统,包含前台展示和后台管理。 |
|
|
|
|
|
|
|
## Install dependencies |
|
|
|
## 技术栈 |
|
|
|
|
|
|
|
``` |
|
|
|
npm install |
|
|
|
- **后端**: 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 |
|
|
|
``` |
|
|
|
|
|
|
|
## Start server |
|
|
|
## 目录结构 |
|
|
|
|
|
|
|
``` |
|
|
|
npm start |
|
|
|
├── src/ |
|
|
|
│ ├── controller/ # 控制器 |
|
|
|
│ ├── model/ # 数据模型 |
|
|
|
│ ├── config/ # 配置文件 |
|
|
|
│ └── logic/ # 逻辑层 |
|
|
|
├── view/ |
|
|
|
│ ├── admin/ # 后台视图 |
|
|
|
│ ├── common/ # 前台公共组件 |
|
|
|
│ ├── layout.html # 前台布局 |
|
|
|
│ └── index_index.html # 首页 |
|
|
|
├── www/static/ # 静态资源 |
|
|
|
└── sql/ # 数据库脚本 |
|
|
|
``` |
|
|
|
|
|
|
|
## Deploy with pm2 |
|
|
|
## 数据库 |
|
|
|
|
|
|
|
Use pm2 to deploy app on production enviroment. |
|
|
|
执行 `sql/` 目录下的SQL脚本初始化数据库。 |
|
|
|
|
|
|
|
``` |
|
|
|
pm2 startOrReload pm2.json |
|
|
|
``` |
|
|
|
## 访问地址 |
|
|
|
|
|
|
|
- 前台: http://localhost:8360/ |
|
|
|
- 后台: http://localhost:8360/admin/login.html |