技术栈：

web前端技术vue3+elementplus+axios+vite；

web服务器nginx;

CI/CD工具jenkins;

代码管理工具gitlab;

虚拟机VM；

容器化操作docker；

后端接口测试工具Postman

一、后台管理系统 前端代码的编写

二、在Windows上安装虚拟机，容器化部署web服务器nginx

        apt换源参考：Ubuntu apt-get换源_ubuntu apt换源-CSDN博客

        使用nginx部署前端项目：nginx的安装、配置、使用、实战（反向代理，部署vue项目）_vue nginx-CSDN博客

        注意点： 1、虚拟机要更新apt源

                        2、虚拟机设置网络桥接模式，否则同局域网内的设备将无法访问虚拟机

三、在虚拟机上容器化部署 jenkins 服务

        Jenkins安装参考：Linux - 安装 Jenkins(详细教程)_linux 安装jenkins-CSDN博客

        容器内服务自启动参考：docker 容器内服务随容器自动启动-CSDN博客

        jdk 下载地址: Java Downloads | Oracle

        jenkins war 下载地址: https://get.jenkins.io/war/

        注意点： 1、公司会限制jenkins相关网址，需要IT解禁

                        2、jenkins版本要和jdk版本匹配 jdk 21.0.3 和 jenkins-2.455

                        3、要修改jenkins的下载源

                        4、部分插件安装失败，需要点击重试 

四、Jenkins与Gitlab 的交互

五、在jenkins上建立pipline 实现自动化部署