秒杀流程.svg 17 KB

1
  1. <svg id="SvgjsSvg1006" width="596" height="1436" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs"><defs id="SvgjsDefs1007"><marker id="SvgjsMarker1014" markerWidth="16" markerHeight="12" refX="16" refY="6" viewBox="0 0 16 12" orient="auto" markerUnits="userSpaceOnUse"><path id="SvgjsPath1015" d="M0,2 L14,6 L0,11 L0,2" fill="#323232" stroke="#323232" stroke-width="2"></path></marker><marker id="SvgjsMarker1022" markerWidth="16" markerHeight="12" refX="16" refY="6" viewBox="0 0 16 12" orient="auto" markerUnits="userSpaceOnUse"><path id="SvgjsPath1023" d="M0,2 L14,6 L0,11 L0,2" fill="#323232" stroke="#323232" stroke-width="2"></path></marker><marker id="SvgjsMarker1030" markerWidth="16" markerHeight="12" refX="16" refY="6" viewBox="0 0 16 12" orient="auto" markerUnits="userSpaceOnUse"><path id="SvgjsPath1031" d="M0,2 L14,6 L0,11 L0,2" fill="#323232" stroke="#323232" stroke-width="2"></path></marker><marker id="SvgjsMarker1039" markerWidth="16" markerHeight="12" refX="16" refY="6" viewBox="0 0 16 12" orient="auto" markerUnits="userSpaceOnUse"><path id="SvgjsPath1040" d="M0,2 L14,6 L0,11 L0,2" fill="#323232" stroke="#323232" stroke-width="2"></path></marker><marker id="SvgjsMarker1047" markerWidth="16" markerHeight="12" refX="16" refY="6" viewBox="0 0 16 12" orient="auto" markerUnits="userSpaceOnUse"><path id="SvgjsPath1048" d="M0,2 L14,6 L0,11 L0,2" fill="#323232" stroke="#323232" stroke-width="2"></path></marker><marker id="SvgjsMarker1056" markerWidth="16" markerHeight="12" refX="16" refY="6" viewBox="0 0 16 12" orient="auto" markerUnits="userSpaceOnUse"><path id="SvgjsPath1057" d="M0,2 L14,6 L0,11 L0,2" fill="#323232" stroke="#323232" stroke-width="2"></path></marker><marker id="SvgjsMarker1061" markerWidth="16" markerHeight="12" refX="16" refY="6" viewBox="0 0 16 12" orient="auto" markerUnits="userSpaceOnUse"><path id="SvgjsPath1062" d="M0,2 L14,6 L0,11 L0,2" fill="#323232" stroke="#323232" stroke-width="2"></path></marker><marker id="SvgjsMarker1069" markerWidth="16" markerHeight="12" refX="16" refY="6" viewBox="0 0 16 12" orient="auto" markerUnits="userSpaceOnUse"><path id="SvgjsPath1070" d="M0,2 L14,6 L0,11 L0,2" fill="#323232" stroke="#323232" stroke-width="2"></path></marker><marker id="SvgjsMarker1078" markerWidth="16" markerHeight="12" refX="16" refY="6" viewBox="0 0 16 12" orient="auto" markerUnits="userSpaceOnUse"><path id="SvgjsPath1079" d="M0,2 L14,6 L0,11 L0,2" fill="#323232" stroke="#323232" stroke-width="2"></path></marker><marker id="SvgjsMarker1087" markerWidth="16" markerHeight="12" refX="16" refY="6" viewBox="0 0 16 12" orient="auto" markerUnits="userSpaceOnUse"><path id="SvgjsPath1088" d="M0,2 L14,6 L0,11 L0,2" fill="#323232" stroke="#323232" stroke-width="2"></path></marker><marker id="SvgjsMarker1096" markerWidth="16" markerHeight="12" refX="16" refY="6" viewBox="0 0 16 12" orient="auto" markerUnits="userSpaceOnUse"><path id="SvgjsPath1097" d="M0,2 L14,6 L0,11 L0,2" fill="#323232" stroke="#323232" stroke-width="2"></path></marker><marker id="SvgjsMarker1105" markerWidth="16" markerHeight="12" refX="16" refY="6" viewBox="0 0 16 12" orient="auto" markerUnits="userSpaceOnUse"><path id="SvgjsPath1106" d="M0,2 L14,6 L0,11 L0,2" fill="#323232" stroke="#323232" stroke-width="2"></path></marker><marker id="SvgjsMarker1113" markerWidth="16" markerHeight="12" refX="16" refY="6" viewBox="0 0 16 12" orient="auto" markerUnits="userSpaceOnUse"><path id="SvgjsPath1114" d="M0,2 L14,6 L0,11 L0,2" fill="#323232" stroke="#323232" stroke-width="2"></path></marker><marker id="SvgjsMarker1118" markerWidth="16" markerHeight="12" refX="16" refY="6" viewBox="0 0 16 12" orient="auto" markerUnits="userSpaceOnUse"><path id="SvgjsPath1119" d="M0,2 L14,6 L0,11 L0,2" fill="#323232" stroke="#323232" stroke-width="2"></path></marker></defs><g id="SvgjsG1008" transform="translate(248,25)"><path id="SvgjsPath1009" d="M 16.666666666666668 0L 83.33333333333333 0C 105.55555555555556 0 105.55555555555556 50 83.33333333333333 50L 16.666666666666668 50C -5.555555555555556 50 -5.555555555555556 0 16.666666666666668 0Z" stroke="#323232" stroke-width="2" fill-opacity="1" fill="#ffffff"></path><g id="SvgjsG1010"><foreignObject id="SvgjsForeignObject1011" width="80" height="16" x="10" style="overflow:visible;" y="17"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: 微软雅黑; text-align: center; font-size: 13px; vertical-align: middle; color: rgb(50, 50, 50); font-weight: 400; line-height: 16px; width: 80px; word-break: break-word; border: 0px;">首页</div></foreignObject></g></g><g id="SvgjsG1012"><path id="SvgjsPath1013" d="M298 75L298 102.5L298 102.5L298 130" stroke="#323232" stroke-width="2" fill="none" marker-end="url(#SvgjsMarker1014)"></path></g><g id="SvgjsG1016" transform="translate(248,130)"><path id="SvgjsPath1017" d="M 0 0L 100 0L 100 70L 0 70Z" stroke="#323232" stroke-width="2" fill-opacity="1" fill="#ffffff"></path><g id="SvgjsG1018"><foreignObject id="SvgjsForeignObject1019" width="80" height="16" x="10" style="overflow:visible;" y="27"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: 微软雅黑; text-align: center; font-size: 13px; vertical-align: middle; color: rgb(50, 50, 50); font-weight: 400; line-height: 16px; width: 80px; word-break: break-word; border: 0px;">秒杀列表</div></foreignObject></g></g><g id="SvgjsG1020"><path id="SvgjsPath1021" d="M298 200L298 236.5L298 236.5L298 273" stroke="#323232" stroke-width="2" fill="none" marker-end="url(#SvgjsMarker1022)"></path></g><g id="SvgjsG1024" transform="translate(234,273)"><path id="SvgjsPath1025" d="M 0 39L 64 0L 128 39L 64 78L 0 39Z" stroke="#323232" stroke-width="2" fill-opacity="1" fill="#ffffff"></path><g id="SvgjsG1026"><foreignObject id="SvgjsForeignObject1027" width="108" height="16" x="10" style="overflow:visible;" y="31"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: 微软雅黑; text-align: center; font-size: 13px; vertical-align: middle; color: rgb(50, 50, 50); font-weight: 400; line-height: 16px; width: 108px; word-break: break-word; border: 0px;">秒杀是否开始</div></foreignObject></g></g><g id="SvgjsG1028"><path id="SvgjsPath1029" d="M298 351L298 389L298 389L298 427" stroke="#323232" stroke-width="2" fill="none" marker-end="url(#SvgjsMarker1030)"></path><foreignObject id="SvgjsForeignObject1032" width="13" height="16" x="291.5" y="381"><div xmlns="http://www.w3.org/1999/xhtml" style="vertical-align: top; text-align: center; color: rgb(50, 50, 50); line-height: 16px; font-size: 13px; font-family: 微软雅黑; white-space: nowrap; display: inline-block; background: rgb(255, 255, 255);">是</div></foreignObject></g><g id="SvgjsG1033" transform="translate(248,426)"><path id="SvgjsPath1034" d="M 0 0L 100 0L 100 70L 0 70Z" stroke="#323232" stroke-width="2" fill-opacity="1" fill="#ffffff"></path><g id="SvgjsG1035"><foreignObject id="SvgjsForeignObject1036" width="80" height="16" x="10" style="overflow:visible;" y="27"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: 微软雅黑; text-align: center; font-size: 13px; vertical-align: middle; color: rgb(50, 50, 50); font-weight: 400; line-height: 16px; width: 80px; word-break: break-word; border: 0px;">秒杀页面</div></foreignObject></g></g><g id="SvgjsG1037"><path id="SvgjsPath1038" d="M234 312L75 312L75 426" stroke="#323232" stroke-width="2" fill="none" marker-end="url(#SvgjsMarker1039)"></path></g><g id="SvgjsG1041" transform="translate(25,426)"><path id="SvgjsPath1042" d="M 0 0L 100 0L 100 70L 0 70Z" stroke="#323232" stroke-width="2" fill-opacity="1" fill="#ffffff"></path><g id="SvgjsG1043"><foreignObject id="SvgjsForeignObject1044" width="80" height="16" x="10" style="overflow:visible;" y="27"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: 微软雅黑; text-align: center; font-size: 13px; vertical-align: middle; color: rgb(50, 50, 50); font-weight: 400; line-height: 16px; width: 80px; word-break: break-word; border: 0px;">倒计时页面</div></foreignObject></g></g><g id="SvgjsG1045"><path id="SvgjsPath1046" d="M298 817L298 848.5L298 848.5L298 880" stroke="#323232" stroke-width="2" fill="none" marker-end="url(#SvgjsMarker1047)"></path><foreignObject id="SvgjsForeignObject1049" width="156" height="16" x="220" y="840.5"><div xmlns="http://www.w3.org/1999/xhtml" style="vertical-align: top; text-align: center; color: rgb(50, 50, 50); line-height: 16px; font-size: 13px; font-family: 微软雅黑; white-space: nowrap; display: inline-block; background: rgb(255, 255, 255);">根据秒杀路径获取订单数据</div></foreignObject></g><g id="SvgjsG1050" transform="translate(241,880)"><path id="SvgjsPath1051" d="M 0 0L 114 0L 114 73L 0 73Z" stroke="#323232" stroke-width="2" fill-opacity="1" fill="#ffffff"></path><g id="SvgjsG1052"><foreignObject id="SvgjsForeignObject1053" width="94" height="16" x="10" style="overflow:visible;" y="28.5"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: 微软雅黑; text-align: center; font-size: 13px; vertical-align: middle; color: rgb(50, 50, 50); font-weight: 400; line-height: 16px; width: 94px; word-break: break-word; border: 0px;">订单页面</div></foreignObject></g></g><g id="SvgjsG1054"><path id="SvgjsPath1055" d="M125 461L186.5 461L186.5 461L248 461" stroke="#323232" stroke-width="2" fill="none" marker-end="url(#SvgjsMarker1056)"></path><foreignObject id="SvgjsForeignObject1058" width="65" height="16" x="154" y="453"><div xmlns="http://www.w3.org/1999/xhtml" style="vertical-align: top; text-align: center; color: rgb(50, 50, 50); line-height: 16px; font-size: 13px; font-family: 微软雅黑; white-space: nowrap; display: inline-block; background: rgb(255, 255, 255);">倒计时完毕</div></foreignObject></g><g id="SvgjsG1059"><path id="SvgjsPath1060" d="M298 496L298 531L298 531L298 566" stroke="#323232" stroke-width="2" fill="none" marker-end="url(#SvgjsMarker1061)"></path></g><g id="SvgjsG1063" transform="translate(231.5,747)"><path id="SvgjsPath1064" d="M 0 0L 133 0L 133 70L 0 70Z" stroke="#323232" stroke-width="2" fill-opacity="1" fill="#ffffff"></path><g id="SvgjsG1065"><foreignObject id="SvgjsForeignObject1066" width="113" height="16" x="10" style="overflow:visible;" y="27"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: 微软雅黑; text-align: center; font-size: 13px; vertical-align: middle; color: rgb(50, 50, 50); font-weight: 400; line-height: 16px; width: 113px; word-break: break-word; border: 0px;">秒杀</div></foreignObject></g></g><g id="SvgjsG1067"><path id="SvgjsPath1068" d="M298 953L298 1008.5L298 1008.5L298 1064" stroke="#323232" stroke-width="2" fill="none" marker-end="url(#SvgjsMarker1069)"></path><foreignObject id="SvgjsForeignObject1071" width="259" height="32" x="168.5" y="992.5"><div xmlns="http://www.w3.org/1999/xhtml" style="vertical-align: top; text-align: center; color: rgb(50, 50, 50); line-height: 16px; font-size: 13px; font-family: 微软雅黑; white-space: nowrap; display: inline-block; background: rgb(255, 255, 255);">1.使用根据秒杀路径,进行websocket的监听<div></div>2.根据秒杀路径,提交订单</div></foreignObject></g><g id="SvgjsG1072" transform="translate(248,1064)"><path id="SvgjsPath1073" d="M 0 0L 100 0L 100 70L 0 70Z" stroke="#323232" stroke-width="2" fill-opacity="1" fill="#ffffff"></path><g id="SvgjsG1074"><foreignObject id="SvgjsForeignObject1075" width="80" height="32" x="10" style="overflow:visible;" y="19"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: 微软雅黑; text-align: center; font-size: 13px; vertical-align: middle; color: rgb(50, 50, 50); font-weight: 400; line-height: 16px; width: 80px; word-break: break-word; border: 0px;">显示排队中的页面</div></foreignObject></g></g><g id="SvgjsG1076"><path id="SvgjsPath1077" d="M298 1134L298 1163.5L298 1163.5L298 1193" stroke="#323232" stroke-width="2" fill="none" marker-end="url(#SvgjsMarker1078)"></path><foreignObject id="SvgjsForeignObject1080" width="144" height="16" x="226" y="1155.5"><div xmlns="http://www.w3.org/1999/xhtml" style="vertical-align: top; text-align: center; color: rgb(50, 50, 50); line-height: 16px; font-size: 13px; font-family: 微软雅黑; white-space: nowrap; display: inline-block; background: rgb(255, 255, 255);">等待websocket的的通知</div></foreignObject></g><g id="SvgjsG1081" transform="translate(253,1193)"><path id="SvgjsPath1082" d="M 0 35L 45 0L 90 35L 45 70L 0 35Z" stroke="#323232" stroke-width="2" fill-opacity="1" fill="#ffffff"></path><g id="SvgjsG1083"><foreignObject id="SvgjsForeignObject1084" width="70" height="16" x="10" style="overflow:visible;" y="27"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: 微软雅黑; text-align: center; font-size: 13px; vertical-align: middle; color: rgb(50, 50, 50); font-weight: 400; line-height: 16px; width: 70px; word-break: break-word; border: 0px;">秒杀成功</div></foreignObject></g></g><g id="SvgjsG1085"><path id="SvgjsPath1086" d="M298 1263L298 1298.5L298 1298.5L298 1334" stroke="#323232" stroke-width="2" fill="none" marker-end="url(#SvgjsMarker1087)"></path><foreignObject id="SvgjsForeignObject1089" width="13" height="16" x="291.5" y="1290.5"><div xmlns="http://www.w3.org/1999/xhtml" style="vertical-align: top; text-align: center; color: rgb(50, 50, 50); line-height: 16px; font-size: 13px; font-family: 微软雅黑; white-space: nowrap; display: inline-block; background: rgb(255, 255, 255);">是</div></foreignObject></g><g id="SvgjsG1090" transform="translate(224.5,1334)"><path id="SvgjsPath1091" d="M 0 0L 147 0L 147 77L 0 77Z" stroke="#323232" stroke-width="2" fill-opacity="1" fill="#ffffff"></path><g id="SvgjsG1092"><foreignObject id="SvgjsForeignObject1093" width="127" height="48" x="10" style="overflow:visible;" y="14.5"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: 微软雅黑; text-align: center; font-size: 13px; vertical-align: middle; color: rgb(50, 50, 50); font-weight: 400; line-height: 16px; width: 127px; word-break: break-word; border: 0px;">获取返回的订单号,弹出微信支付的窗口,让用户进行支付</div></foreignObject></g></g><g id="SvgjsG1094"><path id="SvgjsPath1095" d="M343 1228L521 1228L521 951.5" stroke="#323232" stroke-width="2" fill="none" marker-end="url(#SvgjsMarker1096)"></path><foreignObject id="SvgjsForeignObject1098" width="13" height="16" x="514.5" y="1170.75"><div xmlns="http://www.w3.org/1999/xhtml" style="vertical-align: top; text-align: center; color: rgb(50, 50, 50); line-height: 16px; font-size: 13px; font-family: 微软雅黑; white-space: nowrap; display: inline-block; background: rgb(255, 255, 255);">否</div></foreignObject></g><g id="SvgjsG1099" transform="translate(471,881.5)"><path id="SvgjsPath1100" d="M 0 0L 100 0L 100 70L 0 70Z" stroke="#323232" stroke-width="2" fill-opacity="1" fill="#ffffff"></path><g id="SvgjsG1101"><foreignObject id="SvgjsForeignObject1102" width="80" height="16" x="10" style="overflow:visible;" y="27"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: 微软雅黑; text-align: center; font-size: 13px; vertical-align: middle; color: rgb(50, 50, 50); font-weight: 400; line-height: 16px; width: 80px; word-break: break-word; border: 0px;">弹出失败原因</div></foreignObject></g></g><g id="SvgjsG1103"><path id="SvgjsPath1104" d="M521 881.5L521 461L348 461" stroke="#323232" stroke-width="2" fill="none" marker-end="url(#SvgjsMarker1105)"></path></g><g id="SvgjsG1107" transform="translate(253,566)"><path id="SvgjsPath1108" d="M 0 35L 45 0L 90 35L 45 70L 0 35Z" stroke="#323232" stroke-width="2" fill-opacity="1" fill="#ffffff"></path><g id="SvgjsG1109"><foreignObject id="SvgjsForeignObject1110" width="70" height="16" x="10" style="overflow:visible;" y="27"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: 微软雅黑; text-align: center; font-size: 13px; vertical-align: middle; color: rgb(50, 50, 50); font-weight: 400; line-height: 16px; width: 70px; word-break: break-word; border: 0px;">是否限购</div></foreignObject></g></g><g id="SvgjsG1111"><path id="SvgjsPath1112" d="M253 601L201.5 601L201.5 782L231.5 782" stroke="#323232" stroke-width="2" fill="none" marker-end="url(#SvgjsMarker1113)"></path><foreignObject id="SvgjsForeignObject1115" width="13" height="16" x="195" y="672.75"><div xmlns="http://www.w3.org/1999/xhtml" style="vertical-align: top; text-align: center; color: rgb(50, 50, 50); line-height: 16px; font-size: 13px; font-family: 微软雅黑; white-space: nowrap; display: inline-block; background: rgb(255, 255, 255);">否</div></foreignObject></g><g id="SvgjsG1116"><path id="SvgjsPath1117" d="M298 636L298 691.5L298 691.5L298 747" stroke="#323232" stroke-width="2" fill="none" marker-end="url(#SvgjsMarker1118)"></path><foreignObject id="SvgjsForeignObject1120" width="143" height="16" x="226.5" y="683.5"><div xmlns="http://www.w3.org/1999/xhtml" style="vertical-align: top; text-align: center; color: rgb(50, 50, 50); line-height: 16px; font-size: 13px; font-family: 微软雅黑; white-space: nowrap; display: inline-block; background: rgb(255, 255, 255);">判断购买数量,进行限制</div></foreignObject></g></svg>