SpringBoot整合Ant Design Pro进行部署

Posted 2023-03-02

参考技术A 构建打包成功之后，会在根目录生成 dist 文件夹，然后将dist 文件夹里的的文件复制到 spring boot 项目的 /src/main/resources/static 目录下

注意：@Controller不是@RestController，使用@RestController会返回“index”字符串
输入地址 http://localhost:8080 、 http://localhost:8080/user/login 都会转发到index.html，从而展示Ant Design Pro页面

尝试访问 http://localhost:8080/user/login 时，发现现在已经能访问到index.html了，但页面报错了，访问不到js和css,错误页面如下：

需要配置一下，让js、css等静态资源去static目录下去加载

再次访问 http://localhost:8080/user/login 页面显示正常

访问 http://localhost:8080/console/commodity/product-brand 显示后台界面

关于2.3，网上有一种思路是这样的：

Ant Design构建完成后只有一个index.html页面和一些js、css文件，当使用browserHistory，如果直接放在Spring Boot的resource/static文件夹下面，当浏览器直接访问或者在非 "/ “，”/index"路径刷新时，由于服务器无法正确响应，会直接触发404报错。

解决思路：浏览器访问任何404错误路径都返回 /index.html文件。剩下的事情交给前端路由

这种方式也能实现效果，但这种方式使得所有的错误请求（404）都会被拦截跳转到index.html ,其实不太严谨，而且给人的感觉是，先让其“出错”，再来“补救”

参考官方文档： Ant Design Pro

「开源」基于SpringBoot+Ant Design Vue开发的物流仓储系统

参考技术A

基于Jeecg-boot开发的物流仓储系统，涵盖模块：用户管理、车辆管理、计划管理、仓库管理、库存管理、财务管理、统计报表、系统管理等模块组成仓储管理系统。

用户管理

车辆管理

计划管理

仓库管理

库存管理

财务管理

统计报表

系统管理

基础开发环境

所用技术

输入账号，密码，验证码即可进入系统，默认账号密码为 admin 123

首页展示一些计划，物品，仓库容积等一些直观的数据，通过echars 来动态渲染数据样式。

管理公司中的员工，有员工的个人信息，账号密码等等，可以新增用户，修改用户，删除用户，禁用用户等操作。

被禁用的用户无法登录此系统。

管理公司中所有的部门，可以对部门进行增删改查等操作。

然后在新建用户的同时，可以为用户分配其部门。

管理系统中的所有角色信息，可以对角色进行增删改查等操作。

角色授权功能

在角色权限页面右侧的操作栏中点击授权功能后打开此页面

通过勾选指定的菜单分配给角色，这个角色就能访问哪些页面。

还可以通过左下方的树操作，选择合适的功能方便进行分配。

例如：选择了父子关联，当你选择了父菜单，那么子菜单也会自动勾选

也可以选择取消关联，效果与之相反。

若有些菜单并未分配给角色，那么此角色所属的用户登录系统时就访问不到这些菜单页面。

员工依赖角色和部门，部门和角色无关系

系统中是先有部门，然后角色，最后在新建用户的时候为其分配部门和角色。

管理公司中所有车辆，可以对车辆进行增上改查操作。

车辆信息有类型，车牌号，状态等。

若车辆状态为维修，那么在车辆任务时，此车无法执行工作。

管理车辆的保险，可以对车辆保险进行增删改查

在新增车辆保险时，必须选择对应的车牌号。

然后商业险日期和交强险日期会在要过期的前一周，系统回进行信息提醒，会提示在右上方的小铃铛图标处。

根据当前年往前的5年期间，可以直观的看到车辆在什么日期执行了多少次任务。

管理普通的计划，通过 excel 导入要执行的任务计划，表明计划类型是什么，一些基本的信息编号，项目名称等等，表示这是什么计划，什么信息，计划完成那些事情，计划完成时间是什么等。

除了对其进行基本的增删改查功能等，还可以进行导入，导出功能，导入功能要按照固定的excel 表头格式进行导入，还可以查看当前派单信息。

合并派单：必须选择一样的工程账号进行批量派单操作
合并完单：同上，工程账号一致的情况下才能进行批量派单操作
派单记录：查看派单记录。

完单记录：查看完单记录。

备品计划的操作同计划列表一样，只不过备品计划代表着这些计划要完成的货物属于废旧物料，公司无法使用的废品进行处理。

新品计划是公司中准备要入库的新物料

电缆计划：要完成计划涉及到的物料货品是电线、电缆等货物，表示一种特殊的物料，并不与其他货物混合等。

可以管理仓库的信息，对仓库进行增删改查等操作。

管理指定仓库中的库位，库位会根据入库货物所占用的面积进行相应的颜色变化，提示容积不足等情况。

库位二维码：点击库位二维码会生成此库位的二维码图片，手机扫描就能查看到此库位上存放的货物信息。

查看存储物料：可以查看库位上存的物料信息。

库位之间的物料物品进行移动后的记录会在这个页面看到。

此页面会记录操作人员什么时间，从哪个库位移动到哪个库位，移动的是哪个物料等信息。

管理系统中所有物料信息，可以对物料进行增删改查等操作，还可以导入物料

可以查询指定仓库-指定库位-存储的物料信息，数量等。

可以根据一系列查询条件查询出入库的记录信息。

此页面可以查看哪些计划完成了，方便财务及时跟进计划的结算状态，结算状态分为已结算和未结算等。

可以查看指定年份，全年12个月哪些计划，哪些物料出库，入库，剩余数量等统计。

查看指定年份车辆每个月执行任务的次数

统计变电物料，计划等信息

统计导线物料，计划等信息

统计新品物料，计划等信息。

统计电缆物料，计划等信息。

统计公司仓库中存放的物料出入库数量

统计公司中所有员工指定年份某月指定任务的次数。

此页面可以查看车辆保险到期提示的信息，和仓库容积超限的提示信息。

此页面为开发人员操作，自定义定时任务，每天半夜12点进行车辆保险and库位容积定时任务查询

此页面用来管理系统中所有的菜单节点信息，角色进行分配菜单的时候就和此菜单进行关联。

此页面管理系统中常用的数据字典，例如状态，性别等等，进行统一管理，可以对齐进行增增删改查操作。还可以导入导出。对字典进行配置等操作。

使用Apache2.0开源协议

私信回复：物流管理