前端;后端单独开发;门户;电商
Mixmag CMS 是一个轻量级的内容管理系统,专为 Mixmag China 音乐媒体网站设计。系统采用前后端分离架构,提供直观的可视化管理界面和响应式前端展示页面。
**当前版本**: 1.1
**技术栈**: PHP 5.6+ / Vue.js 3 / Vanilla CSS
**数据存储**: JSON 文件 + 浏览器本地缓存
点击空白处退出提示
前端;后端单独开发;门户;电商
Mixmag CMS 是一个轻量级的内容管理系统,专为 Mixmag China 音乐媒体网站设计。系统采用前后端分离架构,提供直观的可视化管理界面和响应式前端展示页面。
**当前版本**: 1.1
**技术栈**: PHP 5.6+ / Vue.js 3 / Vanilla CSS
**数据存储**: JSON 文件 + 浏览器本地缓存
### 后端
- **语言**: PHP 5.6+
- **核心文件**:
- `save-content.php` - 保存内容数据到 content.json
- `admin/upload.php` - 图片上传处理
- `admin/get-images.php` - 获取已上传图片列表
- **数据存储**: content.json(JSON 格式)
#### 1.1 仪表盘
- 显示各栏目文章统计数量
- 提供使用说明和功能介绍
- 快速导航到各个栏目
#### 1.2 栏目管理
支持 7 个主要栏目 + 2 个特殊区域:
**主要栏目**:
1. Features - 特色内容
2. China News - 中国新闻
3. Global News - 全球新闻
4. Music - 音乐
5. Events - 活动
6. Video - 视频
7. Tech - 科技
### 前端
- **框架**: Vue.js 3 (CDN 引入)
- **样式**: 原生 CSS(无预处理器)
- **字体**: Barlow, Barlow Condensed, Microsoft YaHei
- **核心页面**:
- `index.html` - 前端展示页面
- `article.html` - 文章详情页
- `admin/index.html` - 管理后台
React:组件化、虚拟DOM、JSX、Hooks、Context、Redux/Zustand状态管理、React Router
Vue:响应式原理、模板语法、Vuex/Pinia、Vue Router、组合式API
Angular:TypeScript基础、依赖注入、RxJS、模块化架构
CSS框架:Bootstrap、Tailwind CSS、Bulma、Semantic UI
UI组件库:Ant Design、Element Plus、Material-UI、Vant(移动端)
图标库:Font Awesome、IconFont、Feather Icons




评论