Wayne's Docs Site

Appearance

BS系统及实施运维科普 ​

什么是BS系统？ ​

BS系统（Browser/Server，浏览器/服务器架构）是一种常见的软件架构，用户通过浏览器访问系统，系统的前端和后端通过网络交互，完成数据的展示和处理。你可以把BS系统想象成一个餐厅：

  • 前端是服务员，负责与客户（用户）交互，展示菜单（界面）。
  • 后端是厨房，负责处理订单（业务逻辑）并准备食物（数据）。
  • 数据库是食材仓库，存储所有需要的数据。

我们使用的BS系统由以下三个核心部分组成：

  1. 前端（Vue3）：
    用户在浏览器中看到的界面（如网页、表单、按钮）由Vue3框架构建。Vue3使用JavaScript动态生成页面，并通过网络请求与后端通信。例如，用户点击“查询”按钮，前端会向后端发送请求，获取数据后展示。

  2. 后端（Java）：
    后端使用Java开发（通常基于Spring Boot框架），负责处理业务逻辑。比如，计算订单总价、验证用户登录、从数据库查询数据等。后端接收前端的请求，操作数据库后返回结果。

  3. 数据库（MySQL）：
    MySQL是我们的“数据仓库”，存储所有业务数据，如用户信息、订单记录等。前端和后端通过SQL语句与MySQL交互，完成数据的增删改查。

图1：BS系统结构示意图 ​

bs crud architecture 一个简单的BS架构图，包含浏览器（前端Vue）、服务器（后端Java）、数据库（MySQL），用箭头表示数据流向。

  • 用户在浏览器（Vue3前端）输入信息 → 信息通过网络发送到Java后端 → 后端从MySQL数据库查询或保存数据 → 结果返回前端 → 用户在浏览器看到更新。

实施运维是什么？ ​

实施运维是指系统上线后，保障其正常运行、处理数据和解决问题的日常工作。你的工作可能会涉及数据库管理、数据处理和GIS数据分析。以下是具体内容：

1. 数据库管理（Navicat） ​

我们使用Navicat工具管理MySQL数据库，常见任务包括：

  • 直接修改：通过Navicat的图形界面，修改数据库表结构或数据（如添加新字段、更新记录）。
  • SQL语句操作：编写SQL语句执行复杂任务，如批量更新或查询数据。
  • Excel导入导出：将数据库数据导出为Excel文件，或将Excel数据导入数据库。

举例：
假设需要更新100个用户的地址：

  • 在Navicat中运行SQL查询，导出用户数据到Excel。
  • 在Excel中修改地址列。
  • 使用Navicat将修改后的Excel数据导入MySQL，或编写SQL语句批量更新。

2. 数据处理（Excel） ​

Excel是我们处理数据的“得力助手”，常见任务包括：

  • 整理数据：对导出的数据进行筛选、排序或统计。
  • 生成报表：制作图表或汇总表，供业务分析。
  • 数据交换：与其他部门共享Excel文件，或将外部数据整理后导入系统。

举例：
你可能收到一份Excel文件，包含新用户的注册信息。你需要检查数据完整性，删除重复项，然后通过Navicat导入数据库。

3. GIS数据处理（QGIS） ​

对于涉及地理信息的业务，我们使用QGIS（一个开源的地理信息系统工具）处理GIS数据。常见任务包括：

  • 可视化：在地图上展示数据点（如资产位置）。
  • 数据编辑：调整地理坐标或区域边界。
  • 数据导出：将处理后的GIS数据保存为特定格式，导入数据库或分享给其他系统。

举例：
如果需要分析资产的地理分布，你可以用QGIS加载资产坐标数据，生成分布地图，并将结果导出为CSV文件，供数据库使用。

图2：实施运维工作流程 ​

（建议生成图片：一个流程图，展示“数据库操作（Navicat）→ 数据导出到Excel → 数据处理（Excel/QGIS）→ 数据导入数据库”的循环。）

文字描述替代图片：

  1. 使用Navicat从MySQL导出数据到Excel。
  2. 在Excel中整理数据，或用QGIS处理GIS数据。
  3. 将处理后的数据通过Navicat导入MySQL。
  4. 系统（前端+后端）使用更新后的数据提供服务。

一个实际案例 ​

假设你接到任务：更新系统中某区域的资产信息，包括地址和地理坐标。

  1. 数据库操作：
    • 在Navicat中运行SQL查询：SELECT * FROM asst WHERE region = 'XX';，导出资产数据到Excel。
  2. Excel处理：
    • 在Excel中更新地址列，检查是否有缺失数据。
  3. GIS处理：
    • 将资产的经纬度数据导入QGIS，检查坐标是否准确，生成分布地图。
    • 将更新后的坐标导出为CSV文件。
  4. 数据导入：
    • 使用Navicat将Excel或CSV文件导入MySQL，或运行SQL语句更新：UPDATE asst SET address = ?, latitude = ?, longitude = ? WHERE id = ?;。
  5. 验证：
    • 打开系统的前端（Vue3界面），确认资产信息已更新，地图显示正确。

注意事项 ​

  1. 数据安全：

    • 操作数据库前，备份数据以防误删或错误修改。
    • 不要直接修改生产数据库，除非得到明确授权。

  2. 工具熟练度：

    • 熟悉Navicat的界面操作和SQL基础语法。
    • 学习Excel的基本函数（如VLOOKUP、筛选）和图表制作。
    • 掌握QGIS加载和编辑GIS数据的基本方法。

  3. 协作沟通：

    • 与开发团队（前端/后端）沟通，确保你的修改符合系统逻辑。
    • 如果遇到问题，及时向负责人反馈。

工具使用场景 ​

工具主要用途常见任务
Navicat数据库管理修改表结构、运行SQL、导入导出Excel
Excel数据整理与分析筛选、统计、生成报表
QGISGIS数据处理与可视化地图展示、坐标编辑、数据导出

下一步 ​

作为实习生，你可以从以下任务开始练习：

  1. 熟悉Navicat，尝试导出简单的表数据到Excel。
  2. 在Excel中练习数据筛选和整理。
  3. 打开QGIS，加载示例GIS数据，生成简单的地图。
  4. 观察系统的前端界面，了解用户如何与系统交互。

Credit @Wayne19980