In response to the lack of specific descriptions of cargo stowage positions within general cargo ship holds and the inability of most loading software to calculate the actual center of gravity of the cargo hold after loading, this paper proposes the integration of Web technologies into the loading interface to visually display the stowage positions of general cargo, calculate the true center of gravity of the cargo hold after loading, and provide real-time display of the ship’s stability post-loading to ensure safe navigation. Utilizing the Spring Boot technology framework, Vue technology framework, and MySQL database, a visual loading system has been designed and deployed on relevant servers for user use. The system enhances the visualization of cargo loading in the hold, enabling crew members to visually load general cargo through the system, thereby ensuring transport safety and providing a theoretical basis and support for intelligent cargo management.