商品管理系统是一款从货物仓储到销售、实时货款结算的后台系统，为公
司提供安全稳定高效的服务。它采用前后端分离的开发模式，前端采用 vue3、vite、 windi CSS、
HTML、 Element
-plus 进行页面开发。运用 Axios 连接后端 API 接口。通过 layout 布局
使视口适应不同设备显示。用户登录请求时，生成 token 令牌并设置令牌
的有效时间，在有效时间内无需再重复登录，并通过用户对应角色可拥有
的菜单进行权限控制，并把用户信息和菜单保存到 cookies中。通过匹配的
菜单添加动态路由。配置路由全局前置守卫，根据 token 的情况控制跳
转，在 axios.js 中添加请求拦截器和响应拦截器，对响应的结果状态进行
消息反馈。页面除了 CRUD 的基本功能外，还引入 xlsx，xlsx-Js-Style 、
vue3-print-mb 等依赖增加了导入下载打印功能，另外还增加了图片文件上
传服务。通过 API 代理 IP 解决了跨域问题。本系统使用了关系型数据库
Mysql 、非关系型数据库 redis ，并使 redis 与数据库同步。使用 Web 应
用服务器 tomcat 部署前端项目，同时使用了负载均衡器 Nginx 。后端采
用 Springboot+Mybatis 开发模式，使用 maven 项目管理、Git 版本控制
工具，运用 postman和 swagger UI 进行 API 接口测试。本项目结构分为
控制层、业务层和数据访问层。使用 easyexcel 对百万数据进行导入导出
处理。使用 Quartz 进行定时任务的自动处理。基本信息数据采用 redis 缓
存数据库查询，提高查询性能，并与 Mysql 数据库进行数据同步。对于单
表数据访问大多采用了 Mybatis-plus ，减少了 mapper和 xml 的配置，减
少了代码量。maven 项目打成 Ja包，把 jar 包做成服务后并启动服务。部
署tomcat 服务器，把 vue 项目打包并部署到 tomcat ，通过映射服务器地
址，实现 web 应用服务的对外访问。