65.9K
CodeProject 正在变化。 阅读更多。
Home

基于 PHP 技术的 Web 系统开发，用于票务控制

André Marcos（顾问）
emptyStarIconemptyStarIconemptyStarIconemptyStarIconemptyStarIcon

0/5 (0投票)

2022年5月29日

MIT

7分钟阅读

viewsIcon

6904

基于PHP、Laravel、Bootstrap和MySQL数据库的工单系统开发

1. 概述

随着公司业务的飞速增长，需要对IT部门（信息技术）相关的内部支持工单服务进行管控，其重要性在于避免用户在支持和咨询方面的重复，符合内部标准，并旨在简化工单的创建和跟踪。除其他优势外，拥有明确的服务流程的公司能够确保服务质量、管控、历史记录、经验总结、缩短响应时间，并为分析组织中现有问题的统计数据提供数据支持。

然而，在组织环境中，创建工单是一项繁琐的任务，可能会给用户带来不便，因为他们已经遇到了问题。因此，开发一个简单且针对公司问题量身定制的系统，以减轻问题并提高用户满意度。

2. 目标与方法

本工作的目标是为一家工业领域公司的IT部门开发并呈现一个结构化的工单和服请求控制系统，旨在实现一个用户与管理员之间界面简洁高效的项目。该系统的目标是方便访问请求历史记录，从而进行更准确的评估，并优化系统用户在处理该流程时的工作时间。

实践活动将借助不同的技术资源，例如Visual Studio Code进行代码编写、调试和测试。对于前端界面，将使用Web系统主要编程语言，包括HTML（超文本标记语言）、CSS（层叠样式表）和PHP（个人主页）。

为了优化开发，将安装XAMPP（2019）软件，这是一个包含关键开源技术的软件包，包括Apache HTTP（超文本传输协议）服务器、MySQL数据库和PHP语言解释器。为了提高用户界面层的生产力，将利用BootStrap框架和Laravel与Composer来管理前端的软件包。至于数据模型和数据库管理，将基于MySQL和PhpMyAdmin，以方便数据结构的操纵。

3. 开发

3.1 规格说明与设计

通过对用户进行的研究，收集到了如图1所示的基本需求，以及满足内部标准的主要软件功能。

图 1 - 用例图

图1通过UML用例图展示了用户与界面的交互。在该图表中，可以识别出系统的主要功能。

  • 创建工单：任何注册用户都可以创建工单。
  • 互动：将由顾问和用户通过文本或附件进行信息交换。
  • 截止日期跟踪：每张工单，服务人员在分析后应预估交付时间。
  • 关闭工单：工单解决后，服务人员或用户可以关闭工单，此时将不再进行任何修改，仅保留用于历史记录。
  • 发送指标：质量经理将在其仪表板上访问相关指标，以便对所有工单进行分析和监控。

用户在识别问题后，必须在工单创建的描述字段中详细说明，并在必要时可以附加任何图像或文档来补充规格。在此过程之后，一名客服人员将进行问题分析，并应通过更改工单状态（打开、处理中或待验证）与用户进行互动，以便用户进行跟踪，或描述问题的解决方案并完成工单（图2）。

图2 - 转发流程

在此过程中，一张工单在系统中注册后，状态为“新”。一旦相关人员识别出工单，即将其转发给区域经理；在此情况下，工单状态为“分析中”。在相关人员分析相关问题的同时，这也是问题正在进行必要纠正的状态。纠正完成后，工单将转发给用户进行测试。在此情况下，如果问题已解决，则工单状态为“已完成”，如果问题未解决，则工单状态为“已拒绝”，此时可以将其重新提交为待处理问题。在分析过程中，工单也可能被“取消”，例如，对于无法重现的问题或未经确认的问题。

图3展示了系统中工单所考虑状态的图形流程。

ciclovida

图3 - 工单系统的生命周期

对于系统中的每种工单状态，都存在根据用户需求的处理和控制算法。

关于数据建模，图4展示了构成系统数据模型的主要实体。此可视化表示是从PHPMyAdmin的系统设计操作功能中提取的。

  • USERS：用户注册，访问系统必需。
  • CHAMADOS：工单的头部数据，将在主屏幕上显示，以便快速查询或编辑。
  • CHAMADO_ITEM：与工单实体相关，包含服务关闭前服务人员与用户之间的互动。

图4 - 主要数据库实体建模。

3.2 技术规格

对于本工作，使用了Bootstrap框架来加速图形界面的开发，并使用了AdminLTE3模板，对于源代码则使用了PHP（Personal Home Page）编程语言。
代码的使用和开发工具

  • Laravel框架是一个免费开源的PHP开发框架，在其架构中使用MVC（模型-视图-控制器）设计模式，用于后端和前端。
  • Bootstrap框架是一个开源的Web框架，用于使用HTML（超文本标记语言）、CSS（层叠样式表）和JavaScript开发前端组件和Web应用程序。
  • Visual Studio Code是一个源代码编辑器。
  • MySQL是一个数据库管理系统，使用SQL语言作为接口，并由PHPMyAdmin管理。
  • XAMPP（2019）是一个开源应用程序包，包括Apache Web服务器、Mysql、PHP等。

3.3 结果

将工单集中在一个工具中，使得公司工单的创建和跟踪系统化、简洁、目标明确，并且查询迅速。

主屏幕（图5）根据用户配置文件（管理员或用户）显示，管理员具有注册新用户的附加功能。

部门指标直接呈现在平台仪表板上，根据配置文件显示，只展示用户的数据，这使得报告的发送更加实用和快速，以满足公司规定的标准。

图5 - 系统主屏幕

满足公司ISO 9001标准的指标（图5）以及每个图表都包含一个超链接，指向工单表格（图6）。

图6 - 工单仪表板

主要目标是以简单的方式创建工单（图7），通过非常明确的字段进行了优化，并提供了文件附件的可能性，以方便客服人员的理解。

用户和服务人员在工单交互方面拥有相同的便利性（图7），只有一个回复和附件文件的字段，并且两者都可以查看服务历史记录（图8）。

图7 - 创建新工单

图8 - 互动与工单控制

3.4 源代码和库

项目源代码托管在以下URL链接的github存储库中。所有设计、代码、脚本、测试、项目谈判、反馈控制、范围描述和决策都提交到其中。

接下来，为了支持运行，这些是原型所需的依赖项，显示在devDependencies json文件中。

{
    "privado": verdadeiro,
    "roteiros": {
        "dev": "npm run development",
        "development": "cross-env 
         NODE_ENV=development node_modules/webpack/bin/webpack.js 
         --progress --hide-modules 
         --config=node_modules/laravel-mix/setup/webpack.config.js",
        "watch": "npm run development -- --watch",
        "watch-poll": "npm run watch -- --watch-poll",
        "hot": "cross-env NODE_ENV=development 
         node_modules/webpack-dev-server/bin/webpack-dev-server.js 
         --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
        "prod": "npm run production",
        "production": "cross-env 
         NODE_ENV=production node_modules/webpack/bin/webpack.js 
         --no-progress --hide-modules 
         --config=node_modules/laravel-mix/setup/webpack.config.js"
    },
    "devDependencies": {
        "axios": "^0.18",
        "bootstrap": "^4.1.0",
        "cross-env": "^5.1",
        "jquery": "^3.2",
        "laravel-mix": "^4.0.7",
        "lodash": "^4.17.5",
        "popper.js": "^1.12",
        "resolve-url-loader": "^2.3.1",
        "sass": "^1.15.2",
        "sass-loader": "^7.1.0",
        "vue": "^2.5.17"
    }
}

4. 结论

这项工作提供了Laravel框架的初步知识，尽管起初具有挑战性且文档丰富，但事实证明是安全且易于理解的，因为它基于MVC设计模式，使得软件维护简单，这将用于未来的改进。

随着近期的实施，尽管我们尚未获得足够的数据来衡量该软件提供了哪些改进，但由于其易用性和简洁性，它受到了用户和服务人员的广泛欢迎，而这正是主要目标。

这次开发让我掌握了以前没有使用过的语言和框架的知识，尽管有难度，但收获颇丰。

参考文献

  1. Laravel（2019）。“Laravel下载与文档” [在线]。可用网址：https://laravel.net.cn/docs/6.x。访问于2019年。
  2. Bootstrap（2019）。“Bootstrap下载、文档和组件” [在线]。可用网址：https://bootstrap.ac.cn/。访问于2019年。
  3. Visual Studio Code（2019）。“下载Visual Code Studio” [在线]。可用网址：https://vscode.js.cn/。访问于2019年。
  4. XAMPP（2019）。“下载XAMPP” [在线]。可用网址：https://www.apachefriends.org/pt_br/index.html。访问于2019年。
  5. AdminLTE3（2019）。“AdminLTE3模板下载” [在线]。可用网址：https://github.com/ColorlibHQ/AdminLTE/releases。访问于2019年。

历史

  • 2022年4月1日 - 文档创建
© . All rights reserved.