基于Node+Vue的物流管理系统设计与实现

柔情只为你懂 2024-04-06 12:15 48阅读 0赞

1系统需求分析 5  
1.1 系统描述 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5  
1.1.1 公共查询部分 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5  
1.1.2 后台查询部分 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6  
1.2 数据存储需求 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6  
1.3 系统常做的查询与更新 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7  
1.4 应用程序功能 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8  
1.4.1 公共查询 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8  
1.4.2 用户登录 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8  
1.4.3 单向信息更新 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8  
1.4.4 完整信息更新 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9  
2数据库概念设计 9  
2.1 确定实体和属性 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9  
2.2 E-R 图 10  
3数据库逻辑结构设计 15  
3.1关系模式设计 15  
3.2基本表设计 16  
4数据库物理设计和实施 20  
4.1数据库的创建 20  
4.2创建基本表 21  
4.3触发器设计 27  
4.4存储过程设计 28  
5应用程序设计 31  
5.1开发及运行环境介绍 31  
5.1.1技术栈 31  
5.1.2数据库初始方式 31  
5.1.3运行方式 32  
5.2主要功能设计 32  
5.2.1公共查询 32  
5.2.2 登录 34  
5.2.3派件信息 35  
5.2.4物流跟踪 36  
5.2.5员工信息维护 36  
5.2.6 包裹 39  
5.2.7 仓库 40  
5.3主要界面 41  
5.4前后端通信 41  
5.4.1前端路由 41  
5.4.2拦截器 43  
5.4.3后端路由 44  
5.4.4使用 JWT 进行身份验证 45  
5.5后端其他 47  
5.5.1后端初始化 47  
5.5.2数据库初始化 48  
5.5.3异步请求 49  
5.5.4检查 Token 49  
5.5.5安全性 49  
5.5.6 权限 49  
5.6用户体验优化 50  
6 感想 52  
6.1已开源 52  
6.2前后端分离不太好做 52  
6.3用户体验很重要 53  
6.4JS 真的什么都能写 53  
6.5Node.js 还是太底层了 54  
6.6鄙视所有抄袭和魔改的 54  
6.7还有很多可以改进 55

5应用程序设计  
5.1开发及运行环境介绍  
5.1.1技术栈前端  
1.Node.js  
2.Vue.js  
3.Electron.js  
4.iView

后端  
1.Node.js  
2.Express.js  
3.Sequelize  
5.1.2数据库初始方式  
有 3 种方式进行数据库初始化：  
1.直接运行程序，使用我的服务器上的数据库进行演示  
2.修改 /server/database/util.js 的配置信息为你自己的数据库地址、用户名、密码， 然后导入我提供的 sql 数据  
3.修改 /server/database/util.js 的配置信息为你自己的数据库地址、用户名、密码， 运行 npm run init-database 命令，系统将自动初始化数据库，并新建初始超级管理员

5.1.3运行方式  
首先需要安装 Node.js 和 npm。  
然后下载源码，在源码根目录下运行 npm install，将自动下载并安装依赖。  
最后运行 npm run run 启动程序。也可以通过分别运行 npm run server 和 npm run dev 启动后端和前端。  
5.2主要功能设计  
这里展现各个功能的演示画面和部分代码，完整代码过于冗长不便展示，可以通过阅读源码的方式了解全部逻辑。

5.2.1公共查询  
该页面提供一个输入框，允许用户输入手机号进行查询。  
点击查询按钮之后，系统将从数据库找出寄件人联系方式或收件人联系方式为该手机号的所有包裹，本文转载自http://www.biyezuopin.vip/onews.asp?id=14886并罗列包裹的基本信息、包裹所处状态、物流跟踪信息等。  
对于已签收的包裹还会给出一个评价按钮，用户点击该按钮后，可对这一次配送进行评分，评分提交后会保存进数据库，并自动计算和更新该派件员的平均得分。

部分代码如下：

1	<Card>
    2	<filter-table @on-search="onSearch"
    3	:data="rawData"
    4	:columns="tableColumns" />
    5	<div style="margin: 10px; overflow: hidden">
    6	<div style="float: right">
    7	<Page :total="total"
    8	:current="1"
    9	@on-change="changePage"
    10	show-total
    11	show-sizer
    12	:page-size="pageSize"
    13	:page-size-opts="sizer"
    14	@on-page-size-change="changePageSize"/>
    15	</div>
    16	</div>
    17	</Card>
    18	<Modal
    19	v-model="toRate"
    20	@on-ok="rateOnOK"
    21	@on-cancel="rateOnCancel">
    22	<Rate v-model="package_rate" />
    23	</Modal>

![在这里插入图片描述][591705dc588646e6be113fddd3e8253e.png_pic_center]  
![在这里插入图片描述][797ea2236e5646c59142aa5fecf2b503.png_pic_center]  
![在这里插入图片描述][97497cba9ea64d898eea9e76c28a8905.png_pic_center]  
![在这里插入图片描述][b9e62f556a324203aa9f420df990a6c1.png_pic_center]  
![在这里插入图片描述][56d5c9a7edbe44aaa73a2f1575918f58.png_pic_center]  
![在这里插入图片描述][fcb45dfa8c7046ddb89e17cc8538cd5a.png_pic_center]  
![在这里插入图片描述][68939a0e787b49bb87dfd22977b1ec32.png_pic_center]  
![在这里插入图片描述][f9f8f7ba65b84e56a8182c61ee0b2b33.png_pic_center]  
![在这里插入图片描述][c70ae88adb3e4413b29ac7a8f9a22b31.png_pic_center]  
![在这里插入图片描述][a9c30a7ef73848b79ef5cb2af59266a4.png_pic_center]  
![在这里插入图片描述][fcbaa13948314692978b114d43fb4bf7.png_pic_center]  
![在这里插入图片描述][e3b463d228364c50bd47b94882867f5e.png_pic_center]  
![在这里插入图片描述][06b21d31870344c4928ad6da83dc0382.png_pic_center]  
![在这里插入图片描述][f58d6a9e3d2f4b3e98d67938145aaa9a.png_pic_center]  
![在这里插入图片描述][5555cc1e7f90468ebc793b8d5b6251c2.png_pic_center]  
![在这里插入图片描述][293110ab799449ac8faf9d5df81d9de9.png_pic_center]  
![在这里插入图片描述][17bbbcffa63f467992c05a05f56eaed5.png_pic_center]  
![在这里插入图片描述][a55acc4079784009a48e739c335f59b4.png_pic_center]  
![在这里插入图片描述][3d1b695b5ebf4993bc8a0eea2a2cfc8b.png_pic_center]  
![在这里插入图片描述][b34f8790890540e5b9bac60774729aa4.png_pic_center]  
![在这里插入图片描述][9f553ccde7c742ef90eda0c06f80a181.png_pic_center]  
![在这里插入图片描述][b87baa148b6642f9909612dddbce99fc.png_pic_center]  
![在这里插入图片描述][c268cd2833ee4a4dad145e05cdba5ba5.png_pic_center]  
![在这里插入图片描述][0a3fdd88fdf34b61abd8b13f94620d29.png_pic_center]  
![在这里插入图片描述][2b26f390654d44d09135d44962bf7797.png_pic_center]  
![在这里插入图片描述][97aaa7de495a47749ed5963b7cbb288d.png_pic_center]  
![在这里插入图片描述][0e31b0c914154e6d80ca7fe5713113ba.png_pic_center]

[591705dc588646e6be113fddd3e8253e.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/56e608dbc5b14f17bbd10906ad86d793.png
[797ea2236e5646c59142aa5fecf2b503.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/e5b805bfa0764010adbfa91c6811f53e.png
[97497cba9ea64d898eea9e76c28a8905.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/7cf2391c123b4e20865f123bb9f136ea.png
[b9e62f556a324203aa9f420df990a6c1.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/98d8bfb318904fa8ae40e59909b04890.png
[56d5c9a7edbe44aaa73a2f1575918f58.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/df1cd82470ed4d76bd262ad9a33596ae.png
[fcb45dfa8c7046ddb89e17cc8538cd5a.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/95fd9d84eae64e67983077cfd8d4ef73.png
[68939a0e787b49bb87dfd22977b1ec32.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/d0ff5be5f2ad4487a968abd6a1a7f687.png
[f9f8f7ba65b84e56a8182c61ee0b2b33.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/c768faf38deb49c2b75639df03967cfa.png
[c70ae88adb3e4413b29ac7a8f9a22b31.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/71f7118ae3a5495a9d80aba757b3629a.png
[a9c30a7ef73848b79ef5cb2af59266a4.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/1dd6d4aa46c040289997b9126af60b4f.png
[fcbaa13948314692978b114d43fb4bf7.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/01728580896842728a3f8ba1a1027b55.png
[e3b463d228364c50bd47b94882867f5e.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/01dd75cdcc3d4f01a92c06d315a87e37.png
[06b21d31870344c4928ad6da83dc0382.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/80d298d3c01148398f8e42c51012afb0.png
[f58d6a9e3d2f4b3e98d67938145aaa9a.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/a0a1246adf894fd4b8b45350707b9760.png
[5555cc1e7f90468ebc793b8d5b6251c2.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/4cf7227c730646f6b1419db9880cc102.png
[293110ab799449ac8faf9d5df81d9de9.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/c09183aac753413e9c5cd28cc6cb4a6e.png
[17bbbcffa63f467992c05a05f56eaed5.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/b809f8cdd26347caa40a74fcae429daa.png
[a55acc4079784009a48e739c335f59b4.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/08e9e5b25ab64b729359d13f3089b983.png
[3d1b695b5ebf4993bc8a0eea2a2cfc8b.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/840479bcddcc49c9a3f8d514a3734dd5.png
[b34f8790890540e5b9bac60774729aa4.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/f85ee0f173ea4bedb17b96fa78343493.png
[9f553ccde7c742ef90eda0c06f80a181.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/407d7b8e41214a94bca1756ea97566e6.png
[b87baa148b6642f9909612dddbce99fc.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/97aa353240064bb781c9749c85791009.png
[c268cd2833ee4a4dad145e05cdba5ba5.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/9e98c634c170484d989aa25a478d4b8d.png
[0a3fdd88fdf34b61abd8b13f94620d29.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/f1063e8143764baa9e11523ba924d569.png
[2b26f390654d44d09135d44962bf7797.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/99be4e7dc98d46579df0ad0ceb790fc4.png
[97aaa7de495a47749ed5963b7cbb288d.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/0bf80952d3a74d2e955b26513d710916.png
[0e31b0c914154e6d80ca7fe5713113ba.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/245444c25d754cafbf0a7c8bec2be1d7.png