| @@ -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 | |||||