# 210project

**Repository Path**: hjk455/210project

## Basic Information

- **Project Name**: 210project
- **Description**: 本项目基于 Vue3 + Vite + Element-Plus + pinia + js 构建。
记录一些开发中自己开发（魔改）的组件
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-03-21
- **Last Updated**: 2024-11-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 项目介绍

本项目基于 Vue3 + Vite + Element-Plus + pinia + js 构建。

该项目目前用于练习项目从0到1搭建，后续放一些自己开发过程中自定义（魔改）组件

登录账号 admin 登录密码 111111

登录账号 system 登录密码 111111

#### 登录页

项目登录页为个性化页面，效果为：毛玻璃样式 + 动画

#### 自定义组件

目前已有自定义组件：

- 自定义表格(table)组件、可输入表格组件
- 自定义数据视图(dataView)组件
- 自定义折叠面板(collapse)组件
- 自定义tree组件
- 手撸菜单

#### IndexedDB数据库操作模块

自己封装的IndexedDB工具及其使用示例，目前已封装功能有：

- 添加数据
- 获取数据
- 获取所有数据
- 更新（单条、多条）数据
- 删除数据
- 删除所有数据

#### 打包优化

目前项目已采取的优化方式有：

- 清除console和debugger
- 静态文件按类型分包
- 静态资源代码分割
- 图片资源压缩
- gzip