CCFRand-WebUI

这是一个基于Vue 3的简单易用的网页，用于展示《中国计算机学会推荐的国际学术会议和期刊目录（2022）》。

🌐 在线访问：https://ccfrank.zhyfzy.com/

功能特点

• 📋 左侧目录导航，支持10个主要分类（默认展开所有二级目录）
• 📑 每个分类下包含"会议"和"期刊"两个子分类
• 🎯 右侧内容区域，支持A/B/C类快速切换和跳转
• 🔗 所有网址自动转换为可点击的超链接
• 📱 完整的移动端适配，窄屏时目录可收起/展开
• 🎨 现代化的UI设计，响应式布局
• 📌 标题栏始终固定在顶部，显示当前查看的分类信息
• 🎓 新增：TH-CPL等级标识，紫色标签显示清华大学计算机学科群推荐列表中的会议和期刊等级
• 🔬 新增：中科院分区标识，绿色标签显示中国科学院文献情报中心期刊分区（1区/2区/3区/4区）

项目结构

ccfrank/
├── src/
│   ├── components/
│   │   ├── Sidebar.vue          # 左侧目录导航组件
│   │   └── ContentArea.vue      # 右侧内容展示组件
│   ├── utils/
│   │   ├── dataParser.js        # 数据解析工具
│   │   ├── thcplData.js         # TH-CPL等级数据映射
│   │   └── casData.js           # 中科院分区数据映射
│   ├── App.vue                  # 主应用组件
│   ├── main.js                  # 入口文件
│   └── style.css                # 全局样式
├── index.html                   # HTML模板
├── package.json                 # 项目配置
└── vite.config.js              # Vite配置

安装和运行

1. 安装依赖：

npm install

2. 启动开发服务器：

npm run dev

3. 构建生产版本：

npm run build

数据说明

项目已根据《中国计算机学会推荐国际学术会议和期刊目录-2022》完整填充了所有数据：

• ✅ 计算机体系结构/并行与分布计算/存储系统
• ✅ 计算机网络
• ✅ 网络与信息安全
• ✅ 软件工程/系统软件/程序设计语言
• ✅ 数据库/数据挖掘/内容检索
• ✅ 计算机科学理论
• ✅ 计算机图形学与多媒体
• ✅ 人工智能
• ✅ 人机交互与普适计算
• ✅ 交叉/综合/新兴

所有数据包含：简称、全称、网址等信息，并按A/B/C类分类组织。

技术栈

• Vue 3
• Vite
• 原生CSS（无UI框架依赖）

使用说明

桌面端

• 左侧目录默认展开，可直接点击分类和子分类
• 右侧显示内容，点击A/B/C类按钮可快速跳转到对应内容区域
• 标题栏固定在顶部，显示当前查看的分类信息

移动端

• 左侧目录默认收起，点击顶部菜单按钮（☰）可打开
• 点击遮罩层或关闭按钮可关闭目录
• 选择目录项后自动关闭侧边栏
• 所有内容自适应屏幕宽度

浏览器支持

支持所有现代浏览器（Chrome, Firefox, Safari, Edge等）和移动端浏览器