开发者工具箱前端仓库: 前端工具箱分为前台客户端和后台管理系统,。前端工程师积累的编程资源也会越来越丰富,这些资源的可重复利用性也会越来越高。此时,我们对这些编程资源进行系统性的整理和管理,可以方便前端工程师更好地管理和使用个人编程资源，前端工具箱系统能够对代码，资源，学习内容等进行系统性管理。

# 前端工具箱文档

## :blossom: 项目介绍

**背景**：前端工程师在开发网站和后台系统时,常常需要重复使用大量的图片、代码片段和其他资源。随着开发项目的时间越来越长,前端工程师积累的编程资源也会越来越丰富,这些资源的可重复利用性也会越来越高。此时,我们对这些编程资源进行系统性的整理和管理,可以方便前端工程师更好地管理和使用个人编程资源。这可以提高工作效率和开发质量。前端工具箱系统能够对代码，资源，学习内容等进行系统性管理。

前端工具箱 分为**前台客户端**和**后台管理系统** 。

> 如果你需要简约和新颖，这个项目将会是不错的选择

![输入图片说明](imgs/front-tool1.png)
![输入图片说明](imgs/front-tool2.png)
![输入图片说明](imgs/front-tool3.png)
![输入图片说明](imgs/front-tool4.png)
![输入图片说明](imgs/front-tool5.png)

## :blossom: 技术选型

#### :seedling: **前端：**

| 技术           | 作用                     | 版本   |
| -------------- | ------------------------ | ------ |
| Vue            | 提供前端交互             | 3.2.47 |
| Vue-Router     | 路由式编程导航           | 4.1.6  |
| Ant-Design-Vue | 组件库                   | 3.2.20 |
| Axios          | 发送异步请求到后端       | 1.4.0  |
| Pinia          | Vue.js状态管理库         | 2.0.35 |
| ace-builds     | 基于js的代码编辑器       | 1.23.4 |
| prims.js       | 轻量级的语法高亮显示库   | 1.29.0 |
| vue-pdfjs      | 基于Vue 3的PDF文档渲染库 | 0.1.6  |
| Echarts        | 数据转图表的好工具       | 5.4.2  |

#### :seedling: 后端：

| 技术                  | 作用                                         | 版本   |
| :-------------------- | -------------------------------------------- | ------ |
| Nest.js               | 基于 TypeScript 的后端框架，它建立在 Node.js | 10.0.0 |
| MongoDB               | 后端非关系型数据库                           | 5      |
| uuid                  | 用于生成唯一id                               | 9      |
| SpringBoot            | Java开发框架                                 | 2.7.7  |
| MyBatis + MybatisPlus | 数据访问框架                                 | 2.3    |
| MySQL                 | 后端关系型数据库                             | 8      |

## :blossom: 架构

![输入图片说明](imgs/front-tool-construct.png)

## :blossom: 功能和特性

### 功能一览：

![输入图片说明](imgs/front-tool-fun.png)
### 小记功能

1）增加小记功能：用户可以将需要记录的句子和思考，还有用户可以使用任务多选框的形式记录，还可以改变任务的状态，完成和未完成的状态，还可以为每一条小记增加标签，方便查询。

2）是修改小记，用户可以指定需要修改的某一个小记进行修改。

3）是归档小记，用户可以将暂时不需要的小记进行归档，归档小记可以在归档列表进行查看。

4）是删除小记，用户可以将不需要的小记进行删除。

5）是查询小记，用户可以根据小记的标签进行查询，可以将重要的小记置顶显示。

:sunny: 文档持续补充中........

Jinziye/开发者工具箱前端仓库

简介

发行版

贡献者

近期动态

Jinziye/开发者工具箱前端仓库 .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

Jinziye/开发者工具箱前端仓库