第5章系统实现
一、技术路线:
开发语言:Java
前端技术:JavaScript、VUE.js(2.X)、css3
数据库:MySQL 5.7
数据库管理工具:Navicat或sqlyog
开发工具:IDEA或Ecplise
二、项目介绍:
https://www.bilibili.com/video/BV1Kw411C7q6/
三、运行截图:
编程人员在搭建的开发环境中,会让各种编程技术一起呈现出最终效果。本节就展示关键部分的页面效果。
3.1 管理员功能实现
3.1.1 车辆信息管理
图3.1 即为编码实现的车辆信息管理界面,管理员修改车辆名称,车辆状态,车辆类型等信息,删除需要删除的车辆信息,可以新增车辆等。
图3.1 车辆信息管理界面
3.1.2 物流路线管理
图3.2 即为编码实现的物流路线管理界面,管理员新增物流路线信息,包括始发地,路线类型,目的地,路线图片,路线信息等进行登记,同时可以更改登记错误的物流路线信息,删除需要删除的物流路线信息等。
图3.2 物流路线管理界面
3.1.3 物流信息管理
图3.3 即为编码实现的物流信息管理界面,管理员对物流信息主要包括物流单号,物流状态,送货地点,收件人,路线信息等进行登记,同时更改登记错误的物流信息,删除需要删除的物流信息等。
图3.3 物流信息管理界面
3.1.4 运单信息管理
图3.4 即为编码实现的运单信息管理界面,管理员查看运单是否完成,可以查询运单信息,删除需要删除的运单信息等。
图3.4 运单信息管理界面
3.1.5 公告信息管理
图3.5 即为编码实现的公告信息管理界面,管理员更改公告,查询公告,新增公告等。
图3.5 公告信息管理界面
3.2 用户功能实现
3.2.1 留言板
图3.6 即为编码实现的留言板界面,用户直接在留言区域登记标题还有留言的具体内容并提交,该界面的下方就会展示留言的内容还有回复信息。
图3.6 留言板界面
3.2.2 物流路线查看
图3.7 即为编码实现的物流路线查看界面,用户对物流路线信息进行浏览,物流路线包括了始发地与目的地等信息。
图3.7 物流路线查看界面
3.2.3 物流信息查看
图3.8 即为编码实现的物流信息查看界面,用户提前登记需要查询的物流信息的物流单号即可查询出对应的物流信息。用户对物流信息的物流状态,送货地点,收件人等信息进行查看。
图3.8 物流信息查看界面
3.2.4 运单信息管理
图3.9 即为编码实现的运单信息管理界面,用户登录进入后台可以在运单信息管理界面新增运单,查询运单,删除需要删除的运单等。
图3.9 运单信息管理界面