可白嫖源码---Spring Boot港口船只管理系统42604(案例分析)-附源码

摘要

本文旨在设计与实现基于Spring Boot框架的港口船只管理系统,以解决传统港口船只管理中存在的信息不规范、容错率低、处理数据费时费力等问题。系统采用Spring Boot作为后端开发框架,结合MySQL数据库进行数据存储,前端利用Vue.js框架构建用户界面,实现前后端分离的架构。系统功能涵盖船只信息管理、货柜信息管理、路线信息管理、站台信息管理及用户管理等多个模块,旨在提高港口船只管理的效率和准确性,优化资源配置,降低运营成本,并为港口的现代化管理提供有力支持。

关键词:港口船只管理系统;Spring Boot;Vue.js;MySQL

Abstract

This article aims to design and implement a port vessel management system based on the Spring Boot framework to solve the problems of non-standard information, low fault tolerance, and time-consuming and laborious data processing in traditional port vessel management. The system adopts Spring Boot as the backend development framework, combined with MySQL database for data storage. The frontend uses Vue.js framework to build the user interface, achieving a front-end and back-end separation architecture. The system functions include multiple modules such as ship information management, container information management, route information management, platform information management, and user management, aiming to improve the efficiency and accuracy of port ship management, optimize resource allocation, reduce operating costs, and provide strong support for modern port management.

Key words: Port vessel management system; Spring Boot; Vue.js; MySQL

目录

摘要

Abstract

1 绪论

1.1 研究背景

1.2 研究意义

1.3 国内外研究现状

2 相关技术介绍

2.1 B/S框架

2.2 SpringBoot框架

2.3 Vue技术

2.4 MySQL数据库

3 需求分析

3.1 可行性分析

3.1.1 技术可行性

3.1.2 操作可行性

3.1.3 经济可行性

3.2 系统性能需求分析

3.3 功能需求分析

3.3.1 船员用户功能

3.3.2 管理员功能

3.4 系统总体流程设计

3.4.1 数据开发流程

3.4.2 用户登录流程

3.4.3 系统操作流程

3.4.4 添加信息流程

3.4.5 修改信息流程

3.4.6 删除信息流程

4 系统设计

4.1 系统架构设计

4.2 系统总体功能设计

4.2.1 注册时序图

4.2.2 登录时序图

4.2.3 管理员修改用户信息时序图

4.2.4 管理员管理系统信息时序图

4.3 数据库设计

4.3.1 数据库实体设计

4.3.2 数据库表设计

5 系统实现

5.1 船员用户功能实现

5.1.1 首页

5.1.2 新闻资讯

5.1.3 船只信息

5.1.4 货柜信息

5.1.5 路线信息

5.1.6 站台信息

5.2 管理员功能实现

5.2.1 系统用户

5.2.2 船只信息管理

5.2.3 船只类型管理

5.2.4 站台申请管理

5.2.5 系统管理

5.2.6 资源管理

6 系统测试

6.1 测试环境

6.2 测试目的

6.3 测试方法

6.4 测试内容

6.5 测试结论

7 总结

参考文献

致谢

附录

系统核心代码设计

用户注册

用户登录

修改密码

修改数据

删除数据

获取列表

图片上传

  1. 绪论
    1. 研究背景

随着全球化的发展,国际贸易日益频繁,港口作为货物进出口的重要枢纽,其管理效率和服务质量直接关系到整个贸易链条的顺畅运转。然而,传统的港口船只管理方式往往依赖于纸质记录或简单的电子表格,这种方式存在数据不规范、容错率低、处理数据费工费时等问题。随着信息技术的快速发展,采用基于Spring Boot的港口船只管理系统可以从根源上规范整个数据处理流程,提高管理效率,优化资源配置,降低运营成本。

    1. 研究意义

随着信息技术和计算机技术的飞速发展,尤其是互联网、物联网以及大数据技术的应用,港口管理进入了信息化、智能化的时代。船只管理从传统的人工操作逐步转向自动化、数字化和智能化。基于现代计算机技术的港口船只管理系统能够实时掌握船只的动态信息,优化船只调度与停靠过程,提高港口资源的利用率。系统不仅能实时监控船只位置和航行状态,还能为港口工作人员提供决策支持,确保港口作业的高效性与安全性。通过系统化的管理,船只的调度更加精确,港口作业流程更加规范化,极大地提升了港口整体的运营效率和服务水平。

    1. 国内外研究现状

近年来,随着我国港口发展和智能化进程的推进,国内关于智慧港口和港口管理系统的研究逐渐加深。宋磊(2023)通过对T港物流信息管理现状的分析,提出了基于先进智能技术优化港口信息管理平台的设计,采用粒子群算法、启发式算法等技术,重点在港口内的车辆路径管理、堆场作业管理等子系统优化。该研究成果有效提高了T港的物流智能化水平,提升了港口作业效率,促进了港口的数字化转型。曹兰娟(2022)基于物联网和大数据技术,提出了智慧港口管理信息系统的“四位一体”架构,涵盖了物流供应链服务云平台、智慧大数据客户服务平台、智慧码头平台和数据处理中心。该系统通过信息集成和数据共享提升港口运营效率,支持智能化决策。杨浩章、郭伟、杨清海(2024)提出了基于物联网的智慧港口管理系统设计,通过实时监控和数据采集为港口管理人员提供决策支持,推动了港口管理信息化建设的进展。对于渔船安全作业,刘腾聪(2022)提出了一种光伏供电的渔船管理系统,结合DSP技术优化电力转换和供应,保障了渔船航行中的安全性,并提出适用于恶劣海洋环境的补偿方案,为渔业安全管理提供了创新方案。

国外港口管理系统的研究早已进入智能化、数字化的新时代,且有越来越多的学者关注智能技术在港口管理中的应用。Jingyao Wang等(2024)针对超大型船舶的运营,提出了一种详细的仿真模型,研究了宁波舟山港超大型船舶的到达和离港情况,评估了航道、泊位使用及船舶延误等因素。该研究利用仿真技术提出了多项优化措施,如优先规则、增设内锚地等,以减少船舶等待时间。Hideyo Inutsuka等(2024)通过对日本港口智能化系统的研究,探讨了日本港口在信息通信技术(ICT)支持下的终端操作系统(TOS)问题,提出了优化TOS系统的建议,特别是在港口各方信息流通和自动化水平上的提升,推进了智能港口在日本的实施。Huixiang Huang等(2024)提出了结合深度学习与遥感技术的港口设施空间分类和能源储备预测方法,利用U-Net语义分割和YOLOv8模型对宁波港的油罐进行定位,推动了港口设施的智能化管理和能源监控。Yitao Zhang等(2023)构建了船舶管理的多模态时空知识图谱,结合多源异构数据分析船舶通信质量,为船舶通信状态预测提供了理论支持,尤其在渔船通信和远程监控方面具有重要应用价值。

  1. 相关技术介绍
    1. B/S框架

B/S(Browser/Server)架构是一种基于浏览器和服务器的应用架构模式。它以Web浏览器作为客户端,服务器端通过Web技术提供应用服务。客户端通过浏览器与服务器进行交互,用户无需安装专门的客户端应用程序,只需要通过互联网连接即可访问应用程序[1]。在B/S架构中,客户端主要承担用户界面的呈现和基本的输入输出功能,而核心的业务处理、数据存储等操作则由服务器端完成。这种架构的核心优势在于无需在每个客户端机器上安装或更新软件,只要用户的浏览器符合要求,就可以使用系统。

B/S(Browser/Server)架构是一种网络架构模型,其主要特点是客户端通过浏览器与服务器进行通信,所有的业务逻辑和数据处理都在服务器端完成,客户端仅负责展示数据[2]。B/S架构本质上是一种客户端-服务器模式的变体,它通过将传统的C/S(Client/Server)架构中的客户端功能移到浏览器中,简化了客户端的开发和维护工作。在B/S架构中,用户通过浏览器发送请求,浏览器负责展示从服务器获取的数据,服务器则处理请求并返回响应。该架构避免了安装和配置客户端软件的麻烦,也减少了对客户端硬件的依赖,适合于需要大规模部署和跨平台支持的应用系统。

B/S模式三层结构图如图2-1所示。

图2-1  B/S模式三层结构图

    1.  SpringBoot框架

SpringBoot是一个用于简化Spring应用开发的开源框架,通过减少开发人员配置和依赖的复杂性,使得开发者能够快速构建基于Spring的生产级应用。SpringBoot基于Spring框架之上,提供了一种自配置的方式,使得开发者可以以最少的配置来启动和开发Spring应用[3]。它通过约定优于配置的原则,将常见的配置预设,使得开发人员能够聚焦于业务逻辑的实现,而不必过多关注繁琐的配置和环境搭建。

SpringBoot框架的核心特点之一是其自动配置功能。它能够根据项目中已存在的类和库,自动推断出开发环境的配置需求,减少了手动配置的工作量。SpringBoot还提供了嵌入式Web服务器支持(如Tomcat、Jetty等),使得应用可以以独立的Java应用形式运行,不再依赖外部的Web容器。这种特性使得SpringBoot特别适合于微服务架构的构建。SpringBoot还通过其提供的启动器(Starters)简化了常见功能的集成,例如数据库连接、消息队列、缓存、认证与授权等,从而提升了开发效率[4]。

    1.  Vue技术

Vue.js是一款用于构建用户界面的渐进式JavaScript框架,提供一种灵活而高效的方式来开发单页面应用(SPA)。Vue的设计理念是通过尽量简化开发过程,提供一种声明式的方式来构建用户界面[5]。Vue.js通过数据驱动的视图模型,允许开发者以声明式语法绑定数据与视图,使得应用的状态和界面表现更加简洁和可维护。它的核心思想是通过组件化开发将复杂的UI拆分为可重用的独立模块,从而提升了代码的模块化、可维护性和可扩展性。

Vue.js具备响应式数据绑定和虚拟DOM的特性。响应式数据绑定意味着当数据变化时,Vue会自动更新与之绑定的DOM元素,从而实现视图的实时更新。虚拟DOM则是Vue.js的一种优化手段,通过将对DOM的操作抽象为一个虚拟的DOM树来提高性能,减少实际DOM操作的开销[6]。Vue还提供了丰富的插件和工具,如Vue Router用于路由管理,Vuex用于状态管理,方便开发者构建复杂的前端应用。Vue的灵活性和简洁性使其成为现代Web开发中常用的前端框架之一。

    1.  MySQL数据库

MySQL是一种开源的关系型数据库管理系统(RDBMS),基于SQL(结构化查询语言)进行数据操作。作为一个被广泛使用的数据库系统,MySQL具有高度的性能、可扩展性和可靠性。MySQL使用表格结构来存储数据,每个表由多个列和行组成,数据通过SQL查询语言进行操作[7]。MySQL支持多种数据类型,如整数、浮动小数、字符串、日期等,以满足不同应用场景对数据存储的需求。在实际应用中,MySQL通常用于存储和管理结构化数据,通过索引、视图、触发器等功能提升数据查询的效率和数据的完整性。

MySQL支持ACID事务特性(原子性、一致性、隔离性、持久性),确保数据库操作的可靠性和数据的一致性。它还支持多种存储引擎,其中InnoDB是最常用的存储引擎,具备事务支持、行级锁定和外键约束等特性,适用于高并发、高可靠性的数据存储需求。MySQL可以通过主从复制、分区和分库分表等技术实现横向扩展,以应对大规模数据存储和高负载的应用需求。MySQL还具有灵活的权限管理机制,支持用户角色管理、细粒度的权限控制等,保障数据的安全性。

  1. 需求分析
    1. 可行性分析
      1. 技术可行性

从技术可行性角度来看,所选技术能够充分满足当前应用需求。B/S架构具有良好的跨平台特性,借助浏览器端渲染与服务器端处理,能够实现不同操作系统和设备上的无缝访问。SpringBoot框架基于成熟的Spring生态,自动配置机制降低了开发与部署的复杂度,支持高效开发和微服务架构的实现。Vue.js作为前端技术,其响应式数据绑定和虚拟DOM优化使得大规模应用的构建与维护更加高效。MySQL数据库在数据存储、查询优化方面具有强大能力,其ACID事务特性与高并发支持能够保证数据一致性与系统稳定性,且广泛应用于多种行业,具备可扩展性和高效性。

      1. 操作可行性

从操作可行性角度,所有选用的技术都有良好的文档支持和广泛的开发社区。B/S架构的实施依赖于常见的Web技术,技术栈成熟,操作流程规范,适合企业级应用的快速部署与运维。SpringBoot框架简化了Spring应用的配置与开发,集成了嵌入式Web服务器,使得开发者能够快速启动项目,减少了对开发环境和部署环境的依赖。Vue.js以组件化、响应式的设计思想,极大提升了前端开发的效率与代码复用性,操作简便。MySQL数据库提供了易于管理的用户界面,操作界面直观,支持多种操作系统,适合日常的数据库管理和维护工作。

      1. 经济可行性

从经济可行性角度,所有选用的技术均为开源软件,降低了开发与部署成本。B/S架构减少了客户端软件的安装和更新需求,减轻了IT维护成本。SpringBoot框架通过减少配置和自动化部署,降低了开发和运营的时间成本。Vue.js提供了快速开发的能力,减少了前端开发的人员需求。MySQL作为开源数据库,不仅在授权成本上具有优势,而且通过其高效的查询与事务处理能力,可以在保证性能的同时降低硬件资源的投入,实现资源的高效利用。

    1. 系统性能需求分析

1.可用性需求

系统必须具备高可用性,以确保其在各种使用场景下能够稳定运行。为满足可用性要求,系统应当具备自恢复能力和冗余机制,避免因单点故障而导致的服务中断。具体而言,系统的部署架构应支持负载均衡和集群配置,通过多个实例的协作提高整体系统的可用性。系统应提供详尽的监控与告警机制,能够实时追踪系统运行状态,及时发现潜在问题并触发自动恢复操作或通知管理员。在用户体验方面,系统需要提供清晰的错误提示信息,并能够在发生异常时通过回滚操作或其他容错机制,保证用户的操作不受到严重影响。

2.可靠性需求

可靠性要求系统在长时间运行中保持稳定,能够有效应对各种可能的故障和压力。系统设计应支持高可用的数据库架构,采用数据库主从复制、分片等技术以实现数据的可靠存储与访问。应用层应具备容错能力,在面对硬件故障、网络中断等意外情况时,能够保持系统的正常服务或在故障恢复后迅速恢复数据和业务流程。系统应具备日志记录功能,能够全面记录操作过程和异常信息,从而为问题追踪与系统优化提供数据支持。系统的可靠性还需要通过压力测试和稳定性测试来验证,确保在大规模用户访问及高并发场景下能够正常运行,不发生崩溃或数据丢失现象。

3.安全性需求

系统的安全性需求必须得到高度重视,确保系统和用户数据的保密性、完整性和可用性。为实现数据安全,系统应采用加密技术,特别是在用户认证、敏感数据传输和存储过程中,采用SSL/TLS协议进行加密通信,确保数据在传输过程中不被窃取或篡改。系统应支持用户身份验证与授权管理,采用如OAuth、JWT等安全机制防止未授权访问。访问控制应细化到资源级别,确保不同角色的用户只能访问其权限范围内的功能。为了防止恶意攻击,系统还应加强对常见攻击方式(如SQL注入、XSS攻击、CSRF攻击等)的防护,通过输入验证、输出转义、会话管理等技术措施提高系统的安全性。系统应定期进行安全审计与漏洞扫描,及时发现并修补可能的安全漏洞,保障系统的长期安全运营。

    1. 功能需求分析

功能需求分析是对系统所需功能进行详细描述的过程,明确系统的目标、功能模块及其相互关系。在此阶段,结合用户需求、业务流程和技术架构,识别系统必须实现的各项功能,并对其优先级、实现方式和约束条件进行梳理。通过功能需求分析,确保系统设计能够满足实际需求,且具有良好的可用性、可维护性和扩展性,为后续的系统开发和测试提供明确的指导和依据。

      1. 船员用户功能

船员用户的功能有:首页、通知公告、新闻资讯、船只信息、货柜信息、路线信息、站台信息、个人中心(个人首页、站台申请、收藏、评论管理)。

船员用户用例图如图3-1所示。

图3-1 船员用户用例图

      1. 管理员功能

管理员的功能:后台首页、系统用户、船只信息管理、船只类型管理、船只型号管理、货柜信息管理、货柜类型管理、路线信息管理、站台信息管理、站台类型管理、站台申请管理、系统管理、通知公告管理、资源管理。

管理员用例图如图3-3所示。

图3-3 管理员用例图

    1. 系统总体流程设计
      1. 数据开发流程

系统开发流程的主要步骤,从需求分析到系统完成的全过程。流程包括需求分析、总体设计(结构、功能、数据)、详细设计(模块、编码)、模块整合与调用,以及测试、扩展和完善,最终完成系统的开发。本系统的开发流程如图3-3所示

图3-3系统开发流程图

      1. 用户登录流程

用户输入用户名和密码后,系统先检查输入是否为空,再验证用户名是否存在,若存在则通过用户名获取密码并校验。若密码正确则登录成功,否则提示密码错误。若用户名不存在或无法登录,提示用户操作无效。如图3-4所示。

图3-4登录流程图

      1. 系统操作流程

用户首先进入系统登录界面,输入用户名和密码后,系统验证信息是否正确。若验证失败,返回登录界面重新输入;若验证成功,则进入功能界面,执行相应功能处理后结束操作流程。操作流程如图3-5所示。

图3-5 系统操作流程图

      1. 添加信息流程

管理员可以添加信息,用户添加可以自己权限内的信息,输入信息后,要想利用这个软件来进行系统的安全管理,首先需要登录到该软件中。添加信息流程如图3-6所示。

图3-6 添加信息流程图

      1. 修改信息流程

用户首先选择需要修改的记录,输入修改后的数据,系统判断输入数据是否合法。若数据不合法,提示重新输入;若数据合法,则将修改后的数据写入数据库,完成操作后流程结束。修改信息流程图如图3-7所示。

图3-7 修改信息流程图

      1. 删除信息流程

用户选择需要删除的记录后,系统判断是否确认删除。若未确认,返回选择环节;若确认删除,则更新数据库,删除对应记录,完成操作后流程结束。删除信息流程图如图3-8所示。

图3-8删除信息流程图

  1. 系统设计
    1. 系统架构设计

系统由表现层、业务逻辑层、数据访问层和数据库服务器组成。表现层通过浏览器(如IE、Chrome、Firefox)与用户交互,采用FreeMarker、Bootstrap、jQuery等技术实现界面呈现。业务逻辑层负责处理系统的核心业务逻辑,通过分模块设计实现功能分离。数据访问层使用MyBatis框架连接数据库,执行数据的增删改查操作。数据库服务器采用MySQL进行数据存储和管理,为系统提供稳定的数据库支持。整个架构通过Tomcat服务器完成用户请求的接收和处理,确保系统的高效运行[8]。整个系统架构如图4-1所示。

图4-1 系统架构图

    1. 系统总体功能设计

系统功能结构图如图4-2所示。

图4-2 系统功能结构图

      1. 注册时序图

用户通过注册模块发送注册请求,系统完成注册后返回确认信息。随后,用户通过登录模块发送登录请求,系统验证用户信息后允许访问目标系统。用户完成操作后可选择退出,系统终止会话。注册时序图,如图4-3所示。

图4-3 注册时序图

      1. 登录时序图

管理员输入登录信息后,登录界面将信息传递至前台管理界面,随后通过SpringBoot框架读取数据库中的用户信息并返回。系统验证信息,若验证成功则登录成功,若验证失败则返回错误提示。登录时序图如图4-4所示。

图4-4登录时序图

      1. 管理员修改用户信息时序图

管理员输入登录信息后,进入用户信息管理模块,选择增删改查操作并提交命令至数据库。数据库执行操作后返回成功状态,系统显示用户管理界面并提示操作成功。管理员修改用户信息时序图如图4-5所示。

图4-5管理员修改用户信息时序图

      1. 管理员管理系统信息时序图

管理员通过访问系统发起请求,系统接收访问后转向系统信息模块进行管理操作。管理完成后,系统返回管理结果至系统,最终反馈给管理员,管理员可选择退出。管理员管理系统信息时序图如图4-6所示。

图4-6管理员管理系统信息时序图

    1. 数据库设计

数据库设计是系统开发中至关重要的环节,为系统提供高效、规范的数据存储和管理方案。设计过程包括需求分析、实体设计、表设计和逻辑结构设计。首先,通过分析业务需求,确定系统的核心实体及其属性,同时明确实体间的关系。接着,将实体抽象为具体的数据库表,为每张表定义字段名、数据类型、主键和外键,通过主外键关系和关联表设计,保证数据的完整性和一致性。最后,数据库逻辑设计进一步优化表之间的关系,通过索引、视图和存储过程提升查询效率和操作性能。整个设计需严格遵循规范,避免数据冗余和冲突,确保系统在高并发访问和复杂数据处理场景下的稳定性和高效性。

      1. 数据库实体设计

数据库实体设计是数据库设计的关键步骤,对实际业务逻辑中涉及的实体及其属性进行抽象建模,明确系统中的主要信息对象及其关系[9]。在实体设计中,根据需求分析确定系统的核心实体,如用户、角色、权限、船只信息等,提取实体的主要属性,同时定义各实体之间的关系,包括一对一、一对多、多对多等。在设计过程中,注重实体的完整性、规范性和唯一性,确保设计能够满足系统功能需求,并为后续的表设计提供清晰的结构框架。实体设计需遵循数据库设计的标准化要求,避免数据冗余和不必要的复杂度。

以下将展示系统的全局E-R图。

系统全局E-R图如图4-7所示。

图4-7系统E-R图

      1. 数据库表设计

数据库表设计基于实体设计,将抽象的实体映射为具体的表结构。设计过程中,为每个实体定义表名、字段名及数据类型 [10]。根据业务需求,合理定义主键、外键及约束条件,确保表之间的关联性,例如通过外键建立用户表和角色表之间的关系。表设计时注重数据存储的完整性、一致性,并通过索引优化查询效率,最终确保数据库结构能够支持系统的功能需求。以下是系统的数据库表设计展示。

表 4-1-access_token(登陆访问时长)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

token_id

int

临时访问牌ID

2

token

varchar

64

临时访问牌

3

info

text

65535

信息

4

maxage

int

最大寿命:默认2小时

5

create_time

timestamp

创建时间

6

update_time

timestamp

更新时间

7

user_id

int

用户编号

表 4-2-article(文章)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

article_id

mediumint

文章id

2

title

varchar

125

标题

3

type

varchar

64

文章分类

4

hits

int

点击数

5

praise_len

int

点赞数

6

create_time

timestamp

创建时间

7

update_time

timestamp

更新时间

8

source

varchar

255

来源

9

url

varchar

255

来源地址

10

tag

varchar

255

标签

11

content

longtext

4294967295

正文

12

img

varchar

255

封面图

13

description

text

65535

文章描述

表 4-3-article_type(文章分类)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

type_id

smallint

分类ID

2

display

smallint

显示顺序

3

name

varchar

16

分类名称

4

father_id

smallint

上级分类ID

5

description

varchar

255

描述

6

icon

text

65535

分类图标

7

url

varchar

255

外链地址

8

create_time

timestamp

创建时间

9

update_time

timestamp

更新时间

表 4-4-auth(用户权限管理)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

auth_id

int

授权ID

2

user_group

varchar

64

用户组

3

mod_name

varchar

64

模块名

4

table_name

varchar

64

表名

5

page_title

varchar

255

页面标题

6

path

varchar

255

路由路径

7

parent

varchar

64

父级菜单

8

parent_sort

int

父级菜单排序

9

position

varchar

32

位置

10

mode

varchar

32

跳转方式

11

add

tinyint

是否可增加

12

del

tinyint

是否可删除

13

set

tinyint

是否可修改

14

get

tinyint

是否可查看

15

field_add

text

65535

添加字段

16

field_set

text

65535

修改字段

17

field_get

text

65535

查询字段

18

table_nav_name

varchar

500

跨表导航名称

19

table_nav

varchar

500

跨表导航

20

option

text

65535

配置

21

create_time

timestamp

创建时间

22

update_time

timestamp

更新时间

表 4-5-cargo_information(货物信息)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

cargo_information_id

int

货物信息ID

2

container_no

varchar

64

货柜编号

3

container_name

varchar

64

货柜名称

4

container_size

varchar

64

货柜尺寸

5

container_type

varchar

64

货柜类型

6

name_of_goods

varchar

64

货物名称

7

cargo_weight

varchar

64

货物重量

8

quantity_of_goods

double

货物数量

9

port_of_destination

varchar

64

目的地港

10

container_picture

varchar

255

货柜图片

11

container_details

longtext

4294967295

货柜详情

12

praise_len

int

点赞数

13

collect_len

int

收藏数

14

comment_len

int

评论数

15

create_time

datetime

创建时间

16

update_time

timestamp

更新时间

表 4-6-code_token(验证码)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

code_token_id

int

验证码ID

2

token

varchar

255

令牌

3

code

varchar

255

验证码

4

expire_time

timestamp

失效时间

5

create_time

timestamp

创建时间

6

update_time

timestamp

更新时间

表 4-7-collect(收藏)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

collect_id

int

收藏ID

2

user_id

int

收藏人ID

3

source_table

varchar

255

来源表

4

source_field

varchar

255

来源字段

5

source_id

int

来源ID

6

title

varchar

255

标题

7

img

varchar

255

封面

8

create_time

timestamp

创建时间

9

update_time

timestamp

更新时间

表 4-8-comment(评论)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

comment_id

int

评论ID

2

user_id

int

评论人ID

3

reply_to_id

int

回复评论ID

4

content

longtext

4294967295

内容

5

nickname

varchar

255

昵称

6

avatar

varchar

255

头像地址

7

create_time

timestamp

创建时间

8

update_time

timestamp

更新时间

9

source_table

varchar

255

来源表

10

source_field

varchar

255

来源字段

11

source_id

int

来源ID

表 4-9-crew_users(船员用户)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

crew_users_id

int

船员用户ID

2

user_name

varchar

64

用户姓名

3

user_gender

varchar

64

用户性别

4

user_age

varchar

64

用户年龄

5

contact_information

varchar

16

联系方式

6

home_address

varchar

64

家庭地址

7

job_title

varchar

64

职位名称

8

user_status

varchar

64

用户状态

9

examine_state

varchar

16

审核状态

10

user_id

int

用户ID

11

create_time

datetime

创建时间

12

update_time

timestamp

更新时间

表 4-10-docking_record(停靠记录)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

docking_record_id

int

停靠记录ID

2

platform_name

varchar

64

站台名称

3

platform_type

varchar

64

站台类型

4

platform_location

varchar

64

站台地点

5

crew_users

int

船员用户

6

user_name

varchar

64

用户姓名

7

contact_information

varchar

64

联系方式

8

job_title

varchar

64

职位名称

9

name_of_vessel

varchar

64

船只名称

10

estimated_arrival

datetime

预计到站

11

actual_arrival

datetime

实际到站

12

note_information

varchar

64

备注信息

13

create_time

datetime

创建时间

14

update_time

timestamp

更新时间

15

source_table

varchar

255

来源表

16

source_id

int

来源ID

17

source_user_id

int

来源用户

表 4-11-hits(用户点击)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

hits_id

int

点赞ID

2

user_id

int

点赞人

3

create_time

timestamp

创建时间

4

update_time

timestamp

更新时间

5

source_table

varchar

255

来源表

6

source_field

varchar

255

来源字段

7

source_id

int

来源ID

表 4-12-job_type(职务类型)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

job_type_id

int

职务类型ID

2

job_type

varchar

64

职务类型

3

create_time

datetime

创建时间

4

update_time

timestamp

更新时间

表 4-13-notice(公告)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

notice_id

mediumint

公告ID

2

title

varchar

125

标题

3

content

longtext

4294967295

正文

4

create_time

timestamp

创建时间

5

update_time

timestamp

更新时间

表 4-14-platform_application(站台申请)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

platform_application_id

int

站台申请ID

2

platform_name

varchar

64

站台名称

3

platform_type

varchar

64

站台类型

4

platform_location

varchar

64

站台地点

5

crew_users

int

船员用户

6

user_name

varchar

64

用户姓名

7

contact_information

varchar

64

联系方式

8

job_title

varchar

64

职位名称

9

application_time

datetime

申请时间

10

application_remarks

text

65535

申请备注

11

examine_state

varchar

16

审核状态

12

examine_reply

varchar

255

审核回复

13

docking_record_limit_times

int

停靠记录限制次数

14

create_time

datetime

创建时间

15

update_time

timestamp

更新时间

16

source_table

varchar

255

来源表

17

source_id

int

来源ID

18

source_user_id

int

来源用户

表 4-15-platform_information(站台信息)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

platform_information_id

int

站台信息ID

2

platform_name

varchar

64

站台名称

3

platform_type

varchar

64

站台类型

4

platform_location

varchar

64

站台地点

5

platform_picture

varchar

255

站台图片

6

platform_introduction

longtext

4294967295

站台介绍

7

hits

int

点击数

8

praise_len

int

点赞数

9

collect_len

int

收藏数

10

comment_len

int

评论数

11

recommend

int

智能推荐

12

platform_application_limit_times

int

申请驶入限制次数

13

create_time

datetime

创建时间

14

update_time

timestamp

更新时间

表 4-16-platform_type(站台类型)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

platform_type_id

int

站台类型ID

2

platform_type

varchar

64

站台类型

3

create_time

datetime

创建时间

4

update_time

timestamp

更新时间

表 4-17-praise(点赞)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

praise_id

int

点赞ID

2

user_id

int

点赞人

3

create_time

timestamp

创建时间

4

update_time

timestamp

更新时间

5

source_table

varchar

255

来源表

6

source_field

varchar

255

来源字段

7

source_id

int

来源ID

8

status

tinyint

点赞状态:1为点赞,0已取消

表 4-18-route_information(路线信息)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

route_information_id

int

路线信息ID

2

route_name

varchar

64

路线名称

3

starting_point_port

varchar

64

起点港口

4

passthrough_port

varchar

64

途经港口

5

terminal_port

varchar

64

终点港口

6

estimated_time

varchar

64

预计时间

7

route_picture

varchar

255

路线图片

8

route_details

longtext

4294967295

路线详情

9

praise_len

int

点赞数

10

collect_len

int

收藏数

11

comment_len

int

评论数

12

create_time

datetime

创建时间

13

update_time

timestamp

更新时间

表 4-19-slides(轮播图)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

slides_id

int

轮播图ID

2

title

varchar

64

标题

3

content

varchar

255

内容

4

url

varchar

255

链接

5

img

varchar

255

轮播图

6

hits

int

点击量

7

create_time

timestamp

创建时间

8

update_time

timestamp

更新时间

表 4-20-type_of_goods(货物类型)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

type_of_goods_id

int

货物类型ID

2

type_of_goods

varchar

64

货物类型

3

create_time

datetime

创建时间

4

update_time

timestamp

更新时间

表 4-21-type_of_vessel(船只类型)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

type_of_vessel_id

int

船只类型ID

2

type_of_vessel

varchar

64

船只类型

3

create_time

datetime

创建时间

4

update_time

timestamp

更新时间

表 4-22-upload(文件上传)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

upload_id

int

上传ID

2

name

varchar

64

文件名

3

path

varchar

255

访问路径

4

file

varchar

255

文件路径

5

display

varchar

255

显示顺序

6

father_id

int

父级ID

7

dir

varchar

255

文件夹

8

type

varchar

32

文件类型

表 4-23-user(用户账户)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

user_id

int

用户ID

2

state

smallint

账户状态:(1可用|2异常|3已冻结|4已注销)

3

user_group

varchar

32

所在用户组

4

login_time

timestamp

上次登录时间

5

phone

varchar

11

手机号码

6

phone_state

smallint

手机认证:(0未认证|1审核中|2已认证)

7

username

varchar

16

用户名

8

nickname

varchar

16

昵称

9

password

varchar

64

密码

10

email

varchar

64

邮箱

11

email_state

smallint

邮箱认证:(0未认证|1审核中|2已认证)

12

avatar

varchar

255

头像地址

13

open_id

varchar

255

针对获取用户信息字段

14

create_time

timestamp

创建时间

表 4-24-user_group(用户组)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

group_id

mediumint

用户组ID

2

display

smallint

显示顺序

3

name

varchar

16

名称

4

description

varchar

255

描述

5

source_table

varchar

255

来源表

6

source_field

varchar

255

来源字段

7

source_id

int

来源ID

8

register

smallint

注册位置

9

create_time

timestamp

创建时间

10

update_time

timestamp

更新时间

表 4-25-vessel_information(船只信息)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

vessel_information_id

int

船只信息ID

2

vessel_no

varchar

64

船只编号

3

name_of_vessel

varchar

64

船只名称

4

type_of_vessel

varchar

64

船只类型

5

deadweight_tonnage

double

载重吨位

6

vessel_type

varchar

64

船只型号

7

name_of_captain

varchar

64

船长姓名

8

number_of_crew

double

船员人数

9

ship_width_dimension

varchar

64

船宽尺寸

10

draught_depth

varchar

64

吃水深度

11

platform

varchar

64

所在站台

12

route_status

varchar

64

航线状态

13

pictures_of_boats

varchar

255

船只图片

14

details_introduction

longtext

4294967295

详情介绍

15

hits

int

点击数

16

praise_len

int

点赞数

17

collect_len

int

收藏数

18

comment_len

int

评论数

19

recommend

int

智能推荐

20

create_time

datetime

创建时间

21

update_time

timestamp

更新时间

表 4-26-vessel_type(船只型号)

编号

字段名

类型

长度

是否非空

是否主键

注释

1

vessel_type_id

int

船只型号ID

2

vessel_type

varchar

64

船只型号

3

create_time

datetime

创建时间

4

update_time

timestamp

更新时间

  1. 系统实现
    1. 船员用户功能实现
      1. 首页

用户进入系统首页页面,可以浏览系统轮播图、新闻资讯、网站公告等。通过搜索栏输入关键词或筛选条件,快速搜索。首页界面如图5-1所示。

图5-1首页界面

      1. 新闻资讯

用户进入新闻资讯页面,浏览新闻资讯详情。通过搜索栏输入关键词或筛选条件,快速定位新闻资讯。点击新闻资讯详情,可以进行点赞、收藏和评论。新闻资讯界面如图5-2所示。

图5-2新闻资讯界面

      1. 船只信息

用户进入船只信息页面,可以查看船只信息列表,通过关键词可快速搜索。船只信息界面如图5-3所示。

图5-3船只信息界面

      1. 货柜信息

用户在货柜信息页面可以查看货柜信息的详情,通过关键词可快速搜索。货柜信息界面如图5-4所示。

图5-4货柜信息界面

      1. 路线信息

用户在路线信息页面可以查看路线信息的详情,通过关键词可快速搜索。路线信息界面如图5-5所示。

图5-5路线信息界面

      1. 站台信息

用户在站台信息页面可以查看站台信息的详情,通过关键词可快速搜索,点击具体站台可提交驶入申请。站台信息界面如图5-6所示。

图5-6站台信息界面

    1. 管理员功能实现
      1. 系统用户

管理员登录后台进入系统用户页面,可以查询、重置、添加、删除用户信息。系统用户界面如图5-7所示。

图5-7系统用户界面

      1. 船只信息管理

管理员在船只信息管理页面查看所有船只信息,支持新增、编辑和删除操作。点击“船只信息添加”填写船只编号、名称、类型、载重吨位、型号、船长姓名、船员人数等添加新的船只信息。船只信息管理界面如图5-8所示。

图5-8船只信息管理界面

      1. 船只类型管理

管理员进入船只类型管理页面查看船只类型列表,支持查询、重置、删除和添加操作。船只类型管理界面如图5-9所示。

图5-9船只类型管理界面

      1. 站台申请管理

管理员在站台申请管理页面查看所有站台申请列表,支持查询、重置和删除操作,对站台申请进行审核。站台申请管理界面如图5-10所示。

图5-10站台申请管理界面

      1. 系统管理

管理员进入系统管理页面,查看所有轮播图信息,添加新的轮播图。系统管理界面如图5-11所示。

图5-11系统管理界面

      1. 资源管理

管理员在资源管理页面查看所有新闻资讯详情,支持查询、重置、删除、添加操作。资源管理界面如图5-12所示。

图5-12资源管理界面

  1. 系统测试
    1. 测试环境

系统的测试环境如表6-1所示。

表6-1 测试环境

类别

配置项

详细信息

硬件环境

服务器CPU

Intel Xeon E5-2680 v4

内存

32GB DDR4

硬盘

1TB SSD

网络带宽

100Mbps

软件环境

操作系统

Windows Server 2019

数据库

MySQL 8.0

Web服务器

Tomcat 9.0

开发框架

SpringBoot 2.5

前端框架

Vue.js 2.6

Java版本

JDK 11

浏览器

Chrome 88, Firefox 85

    1. 测试目的

系统测试的主要目的是确保系统的功能、性能和稳定性满足需求规格说明书中的要求,并验证系统在实际使用环境中的可用性和可靠性。通过测试,可以发现软件中的缺陷、漏洞和潜在问题,确保系统运行的准确性、完整性和安全性。在功能测试中,目的是验证系统各功能模块是否按设计实现预期功能,例如用户登录、信息管理、数据查询等核心功能是否准确执行。性能测试的目的是验证系统在高并发、数据量大等压力场景下的响应时间和处理能力,确保系统具备良好的性能。兼容性测试的目的是确保系统在不同的硬件、软件和浏览器环境中能正常运行。测试还包括对异常处理和边界条件的验证,确保系统在异常场景下能够正确处理和恢复。最终,通过测试确保系统可以安全稳定地部署上线,为用户提供可靠的服务。

    1. 测试方法

系统测试采用多种测试方法,以全面验证系统的功能和性能。功能测试采用黑盒测试方法,通过设计测试用例直接验证系统功能是否符合需求,无需了解内部代码逻辑。例如,设计用例验证用户登录模块,通过输入合法和非法的用户名与密码,检查系统响应是否符合预期。性能测试采用压力测试和负载测试方法,通过模拟高并发用户访问、数据处理的场景,评估系统的响应时间、吞吐量和稳定性。兼容性测试通过在不同操作系统、浏览器和硬件设备上运行系统,验证其在不同环境中的适应性[11]。异常测试通过设计边界条件和异常输入,检查系统对非法数据和操作的处理能力。测试用例的设计需覆盖系统的所有功能模块和接口,确保测试过程的全面性。通过系统测试方法的综合应用,可以有效发现问题,并为系统的优化和改进提供依据。

    1. 测试内容

系统的测试用例表格如下图所示。

表6-2 系统测试用例表

测试项

测试用例

问题

结论

登录功能测试

打开登录页面 输入正确的用户名和密码 点击“登录”按钮

符合预期

登录功能测试

打开登录页面 输入错误的用户名 输入正确的密码 点击“登录”按钮

符合预期

登录功能测试

打开登录页面 输入正确的用户名 输入错误的密码 点击“登录”按钮

符合预期

登录功能测试

打开登录页面 输入不存在的用户名和密码 点击“登录”按钮

符合预期

注册功能测试

打开注册页面 输入合法的用户名、密码、邮箱等信息 点击“注册”按钮

符合预期

注册功能测试

打开注册页面 输入已存在的用户名 输入其他合法信息 点击“注册”按钮

符合预期

注册功能测试

打开注册页面 输入合法用户名但密码不符合要求(如长度不足) 点击“注册”按钮

符合预期

注册功能测试

打开注册页面 输入合法用户名和密码但邮箱格式错误 点击“注册”按钮

符合预期

查看货柜信息测试

登录系统 进入货柜信息页面 浏览编号、名称、载重吨位等信息

符合预期

查看货柜信息测试

登录系统 进入货柜信息页面 使用搜索栏输入关键词搜索货柜信息

符合预期

查看货柜信息测试

登录系统 进入货柜信息页面 点击详情查看完整信息

符合预期

查看货柜信息测试

登录系统 进入货柜信息页面 不输入任何搜索条件直接点击搜索

符合预期

    1. 测试结论

经过对系统登录、注册、查看货柜信息功能的测试,所有测试用例均按照既定步骤执行完毕。测试结果显示,各功能模块在正常输入和异常输入条件下均表现出预期的行为。登录功能能够准确识别用户名和密码的正确性,并对错误输入给予相应提示。注册功能对用户输入的合法性进行了有效校验,确保了注册信息的规范性。查看货柜信息功能能够正常展示的基本信息,并支持搜索和详情查看操作。整体而言,测试过程中未发现功能缺陷,系统运行稳定,各项功能均符合设计预期。

经过系统全面的功能测试、性能测试和可靠性测试,本系统在测试环境下运行良好,功能模块均按照设计要求实现,核心功能表现稳定,未发现严重功能缺陷或阻塞性问题。所有关键测试用例均通过,覆盖率达到预期目标,验证了系统的功能性、稳定性和兼容性。

  1. 总结

本研究围绕基于SpringBoot的港口船只管理系统展开,从需求分析到系统实现与测试,全面完成了系统开发。在需求分析阶段,通过可行性分析明确了系统的技术、操作和经济可行性,并详细梳理了用户与管理员的功能需求。系统总体流程设计涵盖了数据开发、用户登录、系统操作以及信息的增删改查流程,为后续设计与实现奠定了基础。系统设计部分,采用B/S架构结合SpringBoot框架、Vue技术和MySQL数据库构建系统架构,详细设计了注册、登录、信息管理等核心功能的时序图,并完成了数据库的实体与表设计。系统实现阶段,船员用户支持用户注册登录、发布站台申请、查看船只信息、查看货柜信息及修改个人信息等功能;管理员模块则负责用户管理、船只信息管理、站台申请审核及系统公告发布等。各功能模块均通过界面交互实现,操作流程清晰。系统测试阶段,通过测试环境搭建、测试方法选择以及对登录、注册、查看货柜信息等功能的测试,验证了系统的稳定性和可靠性,测试结论表明系统功能符合设计预期。

参考文献

  1. 刘江涛,王亮亮,吴庆茹,等.基于B/S模式的铁路勘测设计案例信息化管理系统设计与实现[J].铁路计算机应用,2021,30(03):32-35.
  2. 张丹丹,李弘.基于B/S架构的办公管理系统设计与开发[J].铁路通信信号工程技术,2024,21(09):44-48+106.
  3. 王志亮,纪松波.基于SpringBoot的Web前端与数据库的接口设计[J].工业控制计算机,2023,36(03):51-53.
  4. 熊永平.基于SpringBoot框架应用开发技术的分析与研究[J].电脑知识与技术,2021,15(36):76-77.
  5. 赵媛.基于Vue的Web系统前端性能优化分析[J].电脑编程技巧与维护,2024,(09):44-46.
  6. 秦冬.浅析Vue框架在前端开发中的应用[J].信息与电脑(理论版),2024,36(13):61-63.
  7. 李艳杰.MySQL数据库下存储过程的综合运用研究[J].现代信息科技,2023,7(11):80-82+88.
  8. 陈倩怡,何军.Vue+Springboot+MyBatis技术应用解析[J].电脑编程技巧与维护,2020,(01):14-15+28.
  9. 周晓玉,崔文超.基于Web技术的数据库应用系统设计[J].信息与电脑(理论版),2023,35(09):189-191.
  10. 马艳艳,吴晓光.计算机软件与数据库的设计策略分析[J].电子技术,2024,53(05):104-105.
  11. 李俊萌.计算机软件测试技术与开发应用策略分析[J].信息记录材料,2023,24(03):50-52.
  12. 朱嘉涵,何治斌,陆昊,等.基于NodeJS+VueJS的船舶机务管理系统的设计与实现[J].计算机应用与软件,2024,41(11):39-45+77.
  13. 鞠桢.营口港船舶管理系统设计与实现[D].大连理工大学,2019.DOI:10.26991/d.cnki.gdllu.2019.001954.
  14. 王海燕.基于物联网的港湾泊船管理系统研究与设计[D].中国石油大学(华东),2017.DOI:10.27644/d.cnki.gsydu.2017.000124.
  15. 宋磊.港口智慧物流信息管理平台的设计[D].华北理工大学,2023. 
  16. 曹兰娟.智慧港口管理信息系统研究[J].价值工程,2022,41(32):70-74.
  17. 杨浩章,郭伟,杨清海.物联网技术在智慧港口运营中的应用[J].网络安全和信息化,2024,(05):113-115.
  18. 刘腾聪.采用光伏供电的渔船管理系统设计[D].华南理工大学,2022.
  19. Wang J ,Liu K ,Yuan Z , et al.Simulation modeling of super-large ships traffic: Insights from Ningbo-Zhoushan Port for coastal port management[J].Simulation Modelling Practice and Theory,2025,138103039-103039.
  20. Inutsuka H ,Ichimura K ,Sugimura Y , et al.Study on the Relationship between Port Governance and Terminal Operation System for Smart Port: Japan Case[J].Logistics,2024,8(2):59-59.

致谢

本论文的完成离不开众多导师、同学以及亲友的支持与帮助。在此,首先向我的导师表示最诚挚的感谢。在整个研究和写作过程中,导师以严谨治学的态度和丰富的专业知识给予了我无私的指导,从论文选题到最终定稿的每一个环节,都为我提供了宝贵的建议与意见,使我得以不断完善研究内容、拓展学术视野。导师耐心细致的指导不仅帮助我解决了许多学术难题,也让我在研究能力与学术写作方面得到了显著的提升。导师的鼓励与支持是我完成这篇论文的重要动力,也让我深刻体会到学术研究的严谨性与意义。

我还要感谢在学习生活中给予我帮助和支持的同学、朋友以及家人。论文撰写过程中,许多同学与我共同探讨问题,分享经验与资料,使我的研究更加全面深入。朋友们的关心和陪伴让我在繁忙的研究过程中能够调节心情,保持良好的状态。特别感谢我的家人,他们始终给予我无条件的理解和支持,为我创造了安心学习与研究的环境。正是因为有了大家的帮助和支持,我才能克服论文写作中的重重困难并顺利完成。再次向所有支持和帮助过我的人表达衷心的感谢。

附录

系统核心代码设计

用户注册

注册页UserController.java,传入user对象,并将"user_id"、 "state"、 "user_group"、"login_time"、"phone"、"phone_state"、 "username"、"nickname"、"password"、"email"、"email_state"、"avatar"、"create_time"输入,重点是 "username"、"nickname"、"password"必须输入,通过获取username,数据库查询是否有该用户,如果存在,则提示“用户已存在”,否则执行将UserId置为空(数据库表中该字段已设置自动递增),代码如图所示。

图注册核心代码图

用户登录

登录页,首先传入"username"、"email"、"phone"、"password",用户可通过用户名、邮箱、手机号进行登陆,通过判断resultList来确定查询结果,然后执行查询用户组UserGroup,用户组里面不存在,依然报“用户不存在”,执行完以上代码,最后涉及到用户带有“审核”的,会查询examine_state(用户的审核状态),数据库表user_group中含有source_table和source_field进行查询,以上步骤完成,对输入的密码进行存储Token到数据库,匹对账号和密码,数据库中的AccessToken为令牌,用于身份认证,代码如图所示。

用户登录核心代码图

修改密码

修改密码,通过请求data,获取旧密码,并将新密码重新赋值,期间都是需要通过加密,代码如图所示。

修改密码核心代码图

修改数据

修改一个数据,原理与add基本一致,不同点在于通过readConfig()读取关键字,以及通过readQuery()获取URL后面?指定位置的标识,转成Map对象后,执行update操作,同样通过拼接的sql语句执行,执行过程读取query,toWhereSql()语句完成数据库操作,body为修改对象的值,代码如图所示。

修改数据核心代码图

删除数据

删除一条数据,通过readQuery(),获取URL后面的对象地址,删除FROM具体的table,query删除查询FindConfig语句,代码如图示。

图4-11删除数据核心代码图

获取列表

通过请求的参数获取列表数据,代码如图所示。

图获取列表核心代码图

图片上传

通过请求的参数获取列表数据,代码如图4-13所示。

图片上传核心代码图

点赞+收藏+关注  →私信领取本源代码、数据库

关注博主下篇更精彩
一键三连!!!
一键三连!!!
一键三连!!!
感谢一键三连!!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值