# hj

**Repository Path**: chen1865129622/hj

## Basic Information

- **Project Name**: hj
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-03-11
- **Last Updated**: 2026-03-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

mvn clean package -D maven.test.skip=true
#  向海图强 - 运维人员技术交流系统

一个现代化的博客文章系统,用于内部记录常见电脑问题,支持富文本编辑和文章分类管理。

## 功能特性

- ✨ **富文本编辑器** - 基于 TinyMCE 的强大编辑器,支持代码高亮、图片上传等
- 📁 **文章分类管理** - 灵活的分类系统,便于组织和查找文章
- 🔍 **搜索和筛选** - 支持关键词搜索和按分类筛选
- 📝 **完整的 CRUD** - 文章和分类的增删改查功能
- 🎨 **现代化界面** - 基于 Element Plus 的美观 UI 设计
- 📱 **响应式设计** - 适配不同屏幕尺寸
- 💾 **本地存储** - 数据保存在浏览器 localStorage 中

## 技术栈

- **前端框架**: Vue 3 (Composition API)
- **UI 组件库**: Element Plus
- **富文本编辑器**: TinyMCE
- **路由**: Vue Router 4
- **构建工具**: Vite
- **日期处理**: Day.js

## 快速开始

### 安装依赖

```bash
npm install
```

### 启动开发服务器

```bash
npm run dev
```

项目将在 http://localhost:3000 启动

### 构建生产版本

```bash
npm run build
```

### 预览生产构建

```bash
npm run preview
```

## 使用指南

### 文章管理

1. **新建文章**
   - 点击顶部导航栏的"新建文章"按钮
   - 填写标题、选择分类、输入摘要和内容
   - 支持实时预览

2. **编辑文章**
   - 在文章列表页点击文章卡片进入详情页
   - 点击"编辑"按钮进行修改

3. **搜索文章**
   - 使用顶部搜索框输入关键词
   - 可以按分类进行筛选

4. **删除文章**
   - 在文章列表或详情页可以删除文章
   - 删除操作会有确认提示

### 分类管理

1. 进入"分类管理"页面
2. 点击"新建分类"添加新分类
3. 可以编辑或删除现有分类
4. 删除分类时会提示是否影响已有文章

### 富文本编辑器功能

- 基础格式: 加粗、斜体、下划线、删除线
- 段落格式: 标题、对齐方式、列表
- 代码块: 支持多种语言的语法高亮
- 媒体: 插入图片、链接、视频
- 表格: 创建和编辑表格
- 其他: 全屏模式、搜索替换、预览等

## 默认数据

系统初始化时会创建一些示例数据:

**默认分类**:
- 系统问题
- 软件安装
- 网络配置
- 开发工具

**示例文章**:
- Windows 系统常见问题解决方案
- Node.js 环境配置指南

## 数据存储

所有数据保存在浏览器的 localStorage 中,键名为 `blog_system_data`。

数据结构:
```json
{
  "categories": [
    {
      "id": 1,
      "name": "分类名称",
      "description": "分类描述",
      "createdAt": "2024-01-01T00:00:00.000Z"
    }
  ],
  "articles": [
    {
      "id": 1,
      "title": "文章标题",
      "content": "文章内容(HTML)",
      "categoryId": 1,
      "summary": "文章摘要",
      "createdAt": "2024-01-01T00:00:00.000Z",
      "updatedAt": "2024-01-01T00:00:00.000Z"
    }
  ]
}
```

## 浏览器兼容性

- Chrome >= 90
- Firefox >= 88
- Safari >= 14
- Edge >= 90

## 许可证

MIT