cody1991 / ticket-purchase

在线购票模拟系统。有完善的开发文档,在线Demo演示,以及流程图,模块说明,使用说明等等

Home Page:https://cody1991.github.io/ticket-purchase/?front=50&back=100&step=2&block=4&refundRate=0.1&sleepMax=50

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Ticket Purchase Build Status

Demo 地址

https://cody1991.github.io/ticket-purchase/?front=50&back=100&step=2&block=4&refundRate=0.1&sleepMax=50

运行结果

运行结果


https://cody1991.github.io/ticket-purchase

运行结果

运行结果

URL 参数使用

参数名 说明 参数值
displayUsersLen 展示用户行为列表的最大值 > 0, 默认 25
sleepMax 模拟每次购票用户等待时间的最大值 > 0, 默认 100ms
refundRate 用户退票的概率 >= 0, 默认 0.2
block 区块数 > 0, 默认 2
front 第一排的座位数量 > 0, 默认 2
back 最后一排的座位数量 > 0, 默认 20
step 每排递增的数量 != 0, 默认 1

任务列表

  • Other
    • 新增算法的流程图
    • 展示演唱会的位置使用 canvas 绘制(现在座位太多的话很卡,先简单处理,座位数太多的时候隐藏)
  • Class
    • User: 购票用户信息与行为
    • Seats: 演唱会座位信息
    • AdvancedSeas: 继承 Seats,优化购票算法
  • Views
    • Helloworld: 简单的项目介绍
    • DisplaySeats: 展示演唱会座位
    • DisplayUsers: 展示用户购票
      • 展示 n 排 n 座
      • 展示在第几个区域
    • Intro: 演唱会现况
  • Deploy (Github Pages)
    • 手动构建: sh ./deploy.sh
    • 自动构建: 接入 Travis CI
  • Algorithm
    • purchase ticket by order 按顺序购票,无太多逻辑
    • 支持退票
    • 随机购票
    • 邻座分配(只考虑横向的邻座)

流程图

流程图

About

在线购票模拟系统。有完善的开发文档,在线Demo演示,以及流程图,模块说明,使用说明等等

https://cody1991.github.io/ticket-purchase/?front=50&back=100&step=2&block=4&refundRate=0.1&sleepMax=50

License:MIT License


Languages

Language:Vue 51.8%Language:JavaScript 44.0%Language:HTML 2.4%Language:Shell 1.8%