# vue3-sw-blog

**Repository Path**: coolMorn/vue3-vite-blog

## Basic Information

- **Project Name**: vue3-sw-blog
- **Description**: vue3 + ts + vite + tailwind -sw网
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2022-12-02
- **Last Updated**: 2022-12-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue 3 + Typescript + Vite

This template should help get you started developing with Vue 3 and Typescript in Vite.

## Recommended IDE Setup

- [VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar)

## Type Support For `.vue` Imports in TS

Since TypeScript cannot handle type information for `.vue` imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates. However, if you wish to get actual prop types in `.vue` imports (for example to get props validation when using manual `h(...)` calls), you can enable Volar's `.vue` type support plugin by running `Volar: Switch TS Plugin on/off` from VSCode command palette.

## vue3 + ts + vite + tailwind -demo

### v1.0.3--2021-10-29

[新增] 分类查询,分页查询,文档搜索

[新增] 后台系统入口集成

[修复] 分页 bug 修复

[优化] Header 页面优化

### v1.0.3--2021-09-07

[新增] Header 头部导航栏布局

[新增] Sidebar 侧边栏布局

[新增] Index 主页面布局

### v1.0.0--2021-09-04

[更新] 项初始化，项目创建整合完成

# SW 官网使用手册

> 集成查询系统、后台系统、资产系统、版本管理、电脑查询系统...
>
> 异常解决方案、技术文档、接口文档 、程序开发流程汇总。

[SW 网站链接](http://10.55.22.160:8099/home)

## 网站首页

[SW 网首页加载](http://10.55.22.160:8099/home)

首次加载进入网站首页面,当前页面作为入口导航

![image-20220914090007637](C:\Users\ch190006\AppData\Roaming\Typora\typora-user-images\image-20220914090007637.png)

## 文档模块

点击首加载页面的**文档**按钮进入文档查阅模块

文档页面只显示管理员已经审核通过的内容

**模块功能**:

- 分类,标签选项

- 重置选项

- 搜索功能

![image-20220914090744998](C:\Users\ch190006\AppData\Roaming\Typora\typora-user-images\image-20220914090744998.png)

### 查询选项

进入首页默认查询文档所有内容

也可根据需求指定条件查询文档内容。

如下图:

![image-20220914091054106](C:\Users\ch190006\AppData\Roaming\Typora\typora-user-images\image-20220914091054106.png)

### 搜索查询

搜索页可根据文档标题或用户名称进行查询。

查询示例：

![image-20220914091434151](C:\Users\ch190006\AppData\Roaming\Typora\typora-user-images\image-20220914091434151.png)

### 重置选项

点击重置清空查询条件选项及查询框内的信息。

### 文章详情

点击列表内的文章标题进入详细页面。

![image-20220915134716790](C:\Users\ch190006\AppData\Roaming\Typora\typora-user-images\image-20220915134716790.png)

### 文档添加

用户登录后台页面找到文章列表

![image-20220915135442011](C:\Users\ch190006\AppData\Roaming\Typora\typora-user-images\image-20220915135442011.png)

选择添加按钮即可添加文章内容

![image-20220915135521754](C:\Users\ch190006\AppData\Roaming\Typora\typora-user-images\image-20220915135521754.png)

## 程序模块

点击**程序相关**模块进入程序相关界面

程序相关模块展示一些常用软件,如一些驱动 插件 调试工具等...

### 程序下载

进入程序模块页面

![image-20220914100347833](C:\Users\ch190006\AppData\Roaming\Typora\typora-user-images\image-20220914100347833.png)

点击程序模块中的下载图标即可进行下载

![image-20220914100728783](C:\Users\ch190006\AppData\Roaming\Typora\typora-user-images\image-20220914100728783.png)

### 模糊查询

点击搜素框根据软件名称进行模糊查询

![image-20220914100845654](C:\Users\ch190006\AppData\Roaming\Typora\typora-user-images\image-20220914100845654.png)

### 程序上传

用户登录后台页面找到软件列表

![image-20220915140212350](C:\Users\ch190006\AppData\Roaming\Typora\typora-user-images\image-20220915140212350.png)

## 异常模块

点击**异常处理**模块进入程序异常信息界面

异常模块出发点是通过此异常反馈的内容进行记录,审核回复并解决,方便后续出现问题点快速定位问题

### 问题报告

根据自身遇到某些异常进行问题反馈

![image-20220914101307699](C:\Users\ch190006\AppData\Roaming\Typora\typora-user-images\image-20220914101307699.png)

### 待处理

提交的问题内容会在**待处理**界面展示

![image-20220914101918139](C:\Users\ch190006\AppData\Roaming\Typora\typora-user-images\image-20220914101918139.png)

待处理的异常内容,当前机型的负责人进行审核是否能解决问题并回复

首先登录后台进入后台页面

![image-20220914102250135](C:\Users\ch190006\AppData\Roaming\Typora\typora-user-images\image-20220914102250135.png)

找到需要审核的内容进行回复

![image-20220914102443980](C:\Users\ch190006\AppData\Roaming\Typora\typora-user-images\image-20220914102443980.png)

### 问题查阅

当事人在审核页面通过审核之后此界面展示已解决的问题

![image-20220914102557141](C:\Users\ch190006\AppData\Roaming\Typora\typora-user-images\image-20220914102557141.png)

点击详情按钮查看解决方案

![image-20220914102657100](C:\Users\ch190006\AppData\Roaming\Typora\typora-user-images\image-20220914102657100.png)

### 模糊查询

## 代码片段

顾名思义就是查一些常用代码拿来即用

点击代码片段模块进入片段内容界面

![image-20220914115515436](C:\Users\ch190006\AppData\Roaming\Typora\typora-user-images\image-20220914115515436.png)

### 搜索

此功能项主要在搜索项,点击搜素弹窗页面

![image-20220914115651907](C:\Users\ch190006\AppData\Roaming\Typora\typora-user-images\image-20220914115651907.png)

### 查所有

查询选项默认为 ALL(查询标题和内容匹配的代码) 如输入"背景"

![image-20220914115920159](C:\Users\ch190006\AppData\Roaming\Typora\typora-user-images\image-20220914115920159.png)

首先会匹配标题,标题不存在关键字符,继续匹配内容是否包含"背景"字段,如果有将查询到数据进行展示

### 条件查询

![image-20220914120142385](C:\Users\ch190006\AppData\Roaming\Typora\typora-user-images\image-20220914120142385.png)

标题:只会根据标题内容匹配

内容:只会根据内容匹配

分类:进行类别查询,点击分类然后选择下拉框

![image-20220914120450297](C:\Users\ch190006\AppData\Roaming\Typora\typora-user-images\image-20220914120450297.png)

输入需要查询的片段"背景"

![image-20220914120530351](C:\Users\ch190006\AppData\Roaming\Typora\typora-user-images\image-20220914120530351.png)

### 片段复制

查询内容后点击图标复制即可

![image-20220914120653307](C:\Users\ch190006\AppData\Roaming\Typora\typora-user-images\image-20220914120653307.png)

## 电脑管理

测试电脑监测

点击电脑管理进入电脑管理页面

![image-20220914120820618](C:\Users\ch190006\AppData\Roaming\Typora\typora-user-images\image-20220914120820618.png)

### 主页

点击查看全部,进入详细页面

![image-20220914120928844](C:\Users\ch190006\AppData\Roaming\Typora\typora-user-images\image-20220914120928844.png)

### 选择项

根据需求选择查询内容,选择查询机型会弹出内容框

![image-20220914140129953](C:\Users\ch190006\AppData\Roaming\Typora\typora-user-images\image-20220914140129953.png)

### 模糊查询

根据电脑编号内容查询

![image-20220914140344308](C:\Users\ch190006\AppData\Roaming\Typora\typora-user-images\image-20220914140344308.png)

### 详情页面

点击单个电脑信息弹出详情页面展示当前电脑详细信息

![image-20220914140559029](C:\Users\ch190006\AppData\Roaming\Typora\typora-user-images\image-20220914140559029.png)

### 使用记录

进入电脑详情下拉页面查看电脑测试记录

![image-20220914140710496](C:\Users\ch190006\AppData\Roaming\Typora\typora-user-images\image-20220914140710496.png)

## 登录模块

通过主页顶部右上角点击登录进入后台管理

账号密码为个人工号如:CH190001,如无账号请联系管理员添加

![image-20220914140933040](C:\Users\ch190006\AppData\Roaming\Typora\typora-user-images\image-20220914140933040.png)

# 开发手册

## 开发需求

内部审核

外部审核

更新审核

用户权限

1．外部文档内容：要求图文并茂，重细节。归使用者审核。

2．内部文档内容：要求图文并茂，重流程（流程图部分，可以编写好之后，使用图片上传到官网）。归专门人员审核。

3．流程管理办法：按照公司规定由专门人员撰写。

4．后台通用 dll 系列，按照外部文档要求每个 dll 撰写一个文档，后台选择该 dll 时，可以链接到该文档。

bug 修复删除更新文章(当前用户拥有的文章) --完成

文档分类增删改查 bug

## 通用标识

| 字段  | 标识                           | 描述     |
| ----- | ------------------------------ | -------- |
| audit | 0:未审核 1:已审核 2:审核未通过 | 审核字段 |
|       |                                |          |
|       |                                |          |

### 角色(role)

| 字段  | 标识          | 描述       |
| ----- | ------------- | ---------- |
| audit | 0:关闭 1:开启 | 审核权限   |
| add   | 0:关闭 1:开启 | 添加权限   |
| query | 0:关闭 1:开启 | 查询权限   |
| del   | 0:关闭 1:开启 | 删除权限   |
| super | 0:关闭 1:开启 | 超级管理员 |

## 模块权限

### 文档管理(article)

| 字段  | 描述     |
| ----- | -------- |
| add   | 添加权限 |
| query | 查询权限 |
| audit | 审核权限 |
| del   | 删除权限 |

### 文档分类标签模块

| 字段  | 描述   |
| ----- | ------ |
| super | 管理员 |

### 代码片段

| 字段  | 描述   |
| ----- | ------ |
| super | 管理员 |

### 软件管理

| 字段  | 描述   |
| ----- | ------ |
| super | 管理员 |

## 开发日志

### 2022-10-25

#### 新增

文档(article)

增加文章的**审核选项**(已审核 1,待审核 0,未通过 2),其中未通过更新文档后退回待**审核状态**

**数据库**

article 表增加 audit 标识字符用于文档审核 0:未审核 ,1:已审核 ,未通过 2

**后端**

Article 表新增 audit 字段

#### 更新

更新文档页方法逻辑

优化搜索内容 bug,更新审核搜素查询

更新主页模块**文档查阅**只显示已经审核通过的内容

对应 Article 表的新增字段(audit)的分页查询及模糊查询优化

### 2022-10-26

#### 更新

电脑管理

- 修复电脑管理模块在弹窗状态下点击框外窗体会消失的现象

### 2022-10-26

#### 新增

文档(article)

- 完善文档审核流程

- 增加文档差异选项,根据时间选择差异化文本

### 2022-10-28

#### 新增

文档(article)

文档管理页面增加审核权限

后端

新增权限表 role 和基本数据操作

user(用户表)

新增模糊查询(账号,用户名)

新增主键 id 查询

新增分页查询,默认以 id 排序,

#### 优化

后端

优化文章查询表查询动作

修复根据主键查询异常 bug

修复 user 表查询主键异常 bug

### 2022-10-29

#### 新增

用户(user)

后台新增用户管理页面

新增对添加,编辑,删除只允许超级管理员才能进行操作

新增根据用户名和昵称查询

新增用户权限分配(页面实现)

#### 更新

文档(article)

1. 修复添加按钮无权限问题

2. 优化文档页面居中显示

后台主页框架(adminIndex)

优化 adminindxe 页面侧边栏颜色显示

### 2022-10-31

#### 更新

用户设置(user)

屏蔽删除按钮,不允许删除操作

文档详情(mdContent)

优化页面布局,点击导航栏颜色赋值

文档(article)

修复在有操作权限下可以任意编辑删除任何内容的操作

更新文章只允许操作当前用户拥有的内容

审核内容逻辑更新,审核通过,插入文章历史版本内容

更新比对方式,当前最新内容比对上一版本历史内容

修复审核通过之后跳转到已审核页面 BUG

修复文档子分类查询错误

优化后台列表居中显示

#### 新增

PDF 文档

新增 pdf 浏览到一定距离显示回到顶部按钮

数据库

新增文章版本历史表(article_version)count 字段(用于版本区分)

后端

根据数据库新增 count 字段

新增根据文档 id 查询最新历史版本的数据

新增根据版本 id(count),文档 id 查询文档历史记录

新增根据文档 id 查询文档历史版本最大值

分类管理增加操作权限

标签管理增加操作权限

### 2022-11-01

#### 更新

优化后台列表操作删除固定显示

软件管理

修复列表用户名称无法显示问题

#### 新增

新增**代码片段**页权限需管理员和当前文章内容的用户才能操作

新增**软件管理**页权限需管理员和当前文章内容的用户才能操作