基于vue node的共享车位管理系统.docx

摘要

本论文研究的是一种基于Node+Vue的共享停车位管理系统。设想的共享车位管理系统针对车位资源进行集中化管理和合理利用，用户主要为包括两种角色：出租者和租赁者，用户可以登陆账户修改自己的个人信息，出租者用户可以发布车位位置、出租时间、出租价格，并且对出租的车位进行增删查改的操作，租赁者用户可以搜索定位自己附近的车位，查看车位信息，并且预约使用该车位，点击选择租赁时间后系统会提供导航功能方便车主前往车位，选择租赁时间并且具有查询和预定车位的功能，系统会规划路径并且提供导航功能方便车主前往车位，每一次使用车位都会产生相关订单，根据角色不同显示不同的数据在出租方和租赁方的订单管理列表上。本系统采用的是MVVM模式的设计理念，方便页面设计和逻辑开发分开来，使用的开发工具是WebStorm，使用的数据库是MySQL5.6。

关键词：车位租赁MySQLVueNode定位

Abstract

ThisthesisstudiesasharedparkingspacemanagementsystembasedonNode+Vue.Theenvisagedsharedparkingspacemanagementsystemcentralizesthemanagementandreasonableuseofparkingspaceresources.Usersmainlyincludetworoles:renterandrenter.Userscanlogintotheiraccountstomodifytheirpersonalinformation.Renteruserscanpublishparkingspacelocations,rentoutTime,rentalprice,andadditions,deletions,andchangestorentedparkingspaces.Renteruserscansearchandlocateparkingspacesnearthemselves,viewparkingspaceinformation,andreserveparkingspaces.Clicktoselecttherentaltime.ThesystemwillprovidenavigationfunctionstofacilitatetheownerGototheparkingspace,selecttherentaltimeandhavethefunctionofqueryingandbookingtheparkingspace.Thesystemwillplantherouteandprovidenavigationfunctionstofacilitatethecarownertogototheparkingspace.Eachuseoftheparkingspacewillgeneraterelatedorders.Differentdatawillbedisplayedaccordingtodifferentroles.Ordermanagementlist.ThissystemusesthedesignconceptofMVVMmode,whichisconvenientfortheseparationofpagedesignandlogicdevelopment.ThedevelopmenttoolusedisWebStormandthedatabaseusedisMySQL5.6。

Keywords：ParkingspaceMySQLVueNodelocation

目录

TOC\o"1-3"\h\z\u

1 序言 1

1.1 开发背景 1

1.1.1 车位资源的稀缺 1

1.1.2 研究现状 1

1.2 开发目标 1

1.3 开发意义 2

2 技术与工具平台 3

2.1 前端使用技术 3

2.1.1 HTML 3

2.1.2 CSS 3

2.1.3 JavaScript 3

2.1.4 Vue 3

2.1.5 高德地图API