Gs5570/ticketing-system
GitHub: Gs5570/ticketing-system
一个基于Angular和Firebase的现代化轻量级Web工单系统，用于集中管理支持请求、事件跟踪和团队协作，帮助组织提升问题响应与处置效率。
Stars: 0 | Forks: 0
# 工单系统
## 描述：
一个现代化的基于 Web 的工单系统，旨在简化组织内的支持请求、事件跟踪和团队协作。该平台允许用户通过直观且响应式的界面实时创建、管理、分配和监控工单。
该系统旨在通过在一个安全的平台上集中进行问题报告、沟通和解决跟踪，从而提高工作流程效率。用户可以为技术支持、服务请求、维护问题或运营任务提交工单，而管理员和支持团队可以根据紧急程度和类别对工单进行优先级排序、分配和解决。
## 使用的技术：
| 
| 
| 
| 
| 
| 
|
| :-------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------: |
| HTML | CSS | JavaScript | TypeScript | Angular | Firebase |
## 如何运行项目：
### 克隆项目到本地目录：
```
git clone https://github.com/Gs5570/ticketing-system.git
```
### 安装依赖：
在根目录下运行：
```
npm install
```
```
npm config set legacy-peer-deps true
```
```
npm install @angular/fire@21.0.0-rc.0 firebase@latest
```
然后验证您的 `package.json` 是否显示了真实版本：
```
"@angular/fire": "^21.0.0-rc.0", // ✅ no longer 0.0.0
"firebase": "^12.x.x"
```
安装完成后，删除您的 `node_modules` 并重新干净地安装所有内容：
```
rm -rf node_modules
npm install
```
### 配置环境变量：
在运行项目之前，请确保使用您的 Firebase 项目设置配置环境变量。否则，您可能会遇到错误。
在 src/ 文件夹中运行上述命令。它将创建所需的环境文件。
配置 `environment.development.ts`
```
ng generate environments
```
### 运行项目：
要启动本地开发服务器，请运行：
```
ng serve
```
服务器运行后，打开浏览器并访问 `http://localhost:4200/`。每当您修改任何源文件时，应用程序都会自动重新加载。
| | | | | |
| :-------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------: |
| HTML | CSS | JavaScript | TypeScript | Angular | Firebase |
## 如何运行项目：
### 克隆项目到本地目录：
```
git clone https://github.com/Gs5570/ticketing-system.git
```
### 安装依赖：
在根目录下运行：
```
npm install
```
```
npm config set legacy-peer-deps true
```
```
npm install @angular/fire@21.0.0-rc.0 firebase@latest
```
然后验证您的 `package.json` 是否显示了真实版本：
```
"@angular/fire": "^21.0.0-rc.0", // ✅ no longer 0.0.0
"firebase": "^12.x.x"
```
安装完成后，删除您的 `node_modules` 并重新干净地安装所有内容：
```
rm -rf node_modules
npm install
```
### 配置环境变量：
在运行项目之前，请确保使用您的 Firebase 项目设置配置环境变量。否则，您可能会遇到错误。
在 src/ 文件夹中运行上述命令。它将创建所需的环境文件。
配置 `environment.development.ts`
```
ng generate environments
```
### 运行项目：
要启动本地开发服务器，请运行：
```
ng serve
```
服务器运行后，打开浏览器并访问 `http://localhost:4200/`。每当您修改任何源文件时，应用程序都会自动重新加载。标签：Angular, CMS安全, CSS, Firebase, Grype, Helpdesk, HTML, HTTPX, ITSM, IT服务管理, JavaScript, SaaS, Ticketing System, TypeScript, 事件跟踪, 任务分配, 企业服务, 优先级管理, 后端开发, 响应式设计, 团队协作, 多模态安全, 安全插件, 客户支持, 工作流优化, 工单管理, 工单系统, 支持系统, 数据可视化, 服务台, 网络研究, 请求管理, 跨部门协作, 运营管理, 通信管理, 问题解决