由于体育城场地预约系统是针对体育城场地预约用户要求用计算机对所需的场地信息进行查询和搜索的一种现代化软件。而主要包括浏览者对所需场地信息的查询与搜索,同时可进行注册；系统管理员掌握并记录,修改,查询场地信息,以及审核预约信息,以便管理系统的正常运行。
1、 node_modules文件夹(有npn install产生)
    这文件夹就是在创建完项目后，cd到项目目录执行npm install后生成的文件夹，下载了项目需要的依赖项。
2、package.json文件
     此文件是项目的配置文件（可定义应用程序名，版本，依赖项等等）。node_modules文件夹下的依赖项是从哪里知道的呢？原因就是项目根目录下的这个package.json文件，执行npm install时会去找此文件中的dependencies，并安装指定的依赖项。
3、public文件夹(包含images、javascripts、stylesheets)
      这个文件夹做过Web开发的应该一看就知道，为了存放图片、脚本、样式等文件的。
4、routes文件夹
      用于存放路由文件。
5、views文件夹
      存放视图。

为了提高效率和操作的准确性，同时也为了节省更多的有限资源，我们研究开发了此次基于Web的开放式在线体育馆场地预约系统。远程预约是一种全新的网络租用方式，它通过互联网突破了时间和空间限制实现了便捷的预约与管理功能[2]。在对数据信息有效组织并整合一定使用功能后，远程预约系统可能方便地实现预约与取消、场地资料查询、用户管理员双重管理等功能。

场地信息列表
用户可以查看一些场地的基本信息，包括场地的名称，场地的位置，场地的费用和基本简介等信息
 
场地订票是本系统的核心，在场地订票中，必须登录后才能进行订票，否则给出登录提示，在登录后选择对应的场地，日期和时间段后系统会自动进行有效性判断，包括日期是否为空，时间段的设置是否合理等，然后系统自动产生需要的费用，点击确定后系统会自动判断改场地对应的日期下的对应时间段是否有订票如果没有订票就订票成功，如果有订票给出提示，重新订票时间段和场地效果如图
前端技术：nodejs+vue+elementui

 
运动场地设施是高校教育教学中不可缺少的一部分，随着社会的发展和现代人们的经济意识的提升，现在的运动场地不单单用于教育教学和人们的日常锻炼，而是对社会进行有偿使用，这便形成