基于vue-node的共享车位管理系统的设计与实现_kaic

本文涉及的产品
RDS MySQL Serverless 基础系列,0.5-2RCU 50GB
RDS MySQL Serverless 高可用系列,价值2615元额度,1个月
简介: 基于vue-node的共享车位管理系统的设计与实现_kaic

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

关键词:车位 租赁 MySQL Vue Node 定位

Abstract

This thesis studies a shared parking space management system based on Node + Vue. The envisaged shared parking space management system centralizes the management and reasonable use of parking space resources. Users mainly include two roles: renter and renter. Users can log in to their accounts to modify their personal information. Renter users can publish parking space locations, rent out Time, rental price, and additions, deletions, and changes to rented parking spaces. Renter users can search and locate parking spaces near themselves, view parking space information, and reserve parking spaces. Click to select the rental time. The system will provide navigation functions to facilitate the owner Go to the parking space, select the rental time and have the function of querying and booking the parking space. The system will plan the route and provide navigation functions to facilitate the car owner to go to the parking space. Each use of the parking space will generate related orders. Different data will be displayed according to different roles. Order management list. This system uses the design concept of MVVM mode, which is convenient for the separation of page design and logic development. The development tool used is WebStorm and the database used is MySQL5.6。

Key words:Parking  space  MySQL  Vue  Node  location                

 

目  录

1序言

1.1开发背景

1.1.1车位资源的稀缺

自从我国跨入21世纪以来,随着人们的生活水平越来越高,人们也开始考虑到温饱之外的事情,比如在出行方面的便利,而且汽车的价格近年来也越来越亲民,不再是大户人家的专属,即使是工薪阶级也能够有条件购买汽车,所以越来越多的人购买汽车代步。正因如此,我国汽车的保有量逐年提升,甚至到最近都仍有进一步的提升空间。根据统计到2018年的年底为止, 全国的汽车保有量高达2.4亿[1]。与这夸张的汽车保有量相比,停车位的增加十分缓慢,许多城市都出现了一“位”难求的状况,而且有逐渐发展成常态的趋势,给城市的交通带来了极大的负担,而且大多时候车位资源并不能够得到充分的利用,因此为了缓解当前严峻的现状,通过结合“互联网”[2]实行高效的车位管理是迫在眉睫的,通过信息化使得分布较为零散的停车位资源得到更高效的利用。随着共享经济概念的提出,这几年共享经济的发展也越加火热,通过合理地分配资源,增加公共资源的流通效率,避免浪费,就如最初的共享充电宝和共享单车。

1.1.2研究现状

由于共享车位的理念最早兴起与美国,由Mary S.Smith在《共享式停车场》一书中提出,最初的想法是根据不同时期不同用户的停车需求,在相应的时间分布和空间分布上,更加完善的利用使用停车位时的空白时间。目前我国的大多数停车场仍然使用人工管理的方式,智能化水平依然不够高,只有少部分地区存在规划使用共享车位管理机制[10],但是共享车位的发展苗头仍然存在,当前国内最流行的APP主要有ETCP停车、Air parking等app。

1.2开发目标

共享车位管理系统,是为了结合互联网和“共享经济”概念,在当前土地资源宝贵的情况下,通过在时间上优化停车位的使用效率取代开辟新车位所耗费的大量人力物力,变相缓解了停车位稀缺的压力。然而想要实现这种模式,首要考虑的就是合理规划共享车位的使用场所,合理分配共享车位的使用时间区间,合理制定收费标准和收费方式,以及与政府,公共设施,大型商家对接,积极推广共享车位管理系统。

1.3开发意义

所以,本选题的研究目的就是充分利用停车位出租时的空挡,合理安排时间,实现车位出租者和租赁者的双赢局面,帮助用户更高效,更方便,更快速的寻找到停车位,合理高效的利用车位资源。

2技术与工具平台

2.1前端使用技术

本系统使用的是最基本的前端技术HTML+CSS+JavaScript+Vue

2.1.1HTML

作为一个构建网页的根本,HTML只能算是一门标记语言。HTML其实是超级文本标记语言的英文缩写,通过结合其他互联网开发技术,如CSS和Javascript,能够构建出多样化的具有完整功能的网页。HTML 使用标记式子指令将文字、图像、声音等信息,用不同方式排列组合显示出来,生成各种好看的结果,但由于每个浏览器的不同,有时也会呈现不一样的结果。

2.1.2CSS

CSS是层叠样式表的英文缩写。CSS采用结构与样式相分离的方式,使网站原本简单的结构相对多样化起来,不仅让页面的字体变得更加多样化,还使维护网页的样式更加简便,轻松控制网页的布局,同时更新许多网页的风格。

2.1.3JavaScript

JavaScript是具有函数优先的轻量级,解释型或即时编译型的编程语言。它最初是伴随着浏览器的诞生而被开发出来的,随着互联网在全世界的大范围流通,它也被广泛使用,替用户和客户端之间的交互提供了一座桥梁,处理各种用户行为和浏览器动作。

2.1.4Vue

Vue.js是一款现在非常流行的前端框架,它是一个用于构建用户界面的渐进式框架。是一个轻量级的MVVM,实现数据的双向绑定。由于Vue的核心库做到了只关注视图层,而且其主要使用的语言还是JavaScript,所以学习使用起来并不难,与其他项目或者库组合使用也比较简单方便。由于它的特性,只需要使用其封装好的API,不用像以往那样编写复杂的代码,使得高效的数据绑定和灵活的组件系统得以简单实现。

2.1.5高德地图API

高德地图 JS API 提供给一些需要使用HTML5地图的项目使用开放地图应用编程接口,主要使用Javascript技术进行开发,本项目主要使用其在移动端上提供的大部分功能接口。它具有大部分需要使用地图功能的应用需要的功能,如基础的地图信息绘制,以及建筑物的2D模型,并且它也支持开发者对地图样式的自定义,还提供了一些使用地图功能几乎必不可少的功能接口,如定位,路径规划,地理编码和逆地理编码等功能。

2.2后端使用技术

2.2.1Node

Node作为一个在浏览器之外能够运行JavaScript的环境,近几年一直被广泛的使用,使用它开发具有前后端语言一致的好处。Node.js对网络协议和服务的封装,最终转换为内置的JavaScript语言体系的服务端支持。Node对V8的API的封装,让非JVM平台的服务端也能够运行JavaScript。

2.2.2Express

Express是一个基于Node.js运行环境的Web开发框架,具有各种各样的强大功能,各种实用的HTTP工具,并且封装了一部分常用的组件。由于原生的http在某些方面的表现不足以满足开发者的开发需求,所以使用该框架来协助开发,用来帮助开发者更加高效的搭建一个网站,使网站的各项功能能够快速成型,极大地提升了开发效率。

2.3移动端开发技术-Android

Android 是Google开发的一种以Linux为基础的开放源码操作系统。因此它的系统开源,允许有目的的个性化,而且虽然近几年Android程序的首选开发语言不再是Java,但是现在依然有大量的项目使用Java语言进行开发,所以Android跨平台性非常出色,正因为Android系统的开源性吸引了众多开发者为其平台开发各式各样的应用软件,所以它的应用资源也更加丰富。

2.3.1Zxing二维码扫描库

ZXing是一个提供多种格式的开源1D/2D条码图像处理库,它主要由Java语言编写,它也提供其他语言使用的端口,一般用它处理各种图形如二维码的扫描识别和处理,通过使用手机摄像头拍摄或者是相册选取的方式,读取二维码的信息。

 

 

 

 

 

 

相关实践学习
基于CentOS快速搭建LAMP环境
本教程介绍如何搭建LAMP环境,其中LAMP分别代表Linux、Apache、MySQL和PHP。
全面了解阿里云能为你做什么
阿里云在全球各地部署高效节能的绿色数据中心,利用清洁计算为万物互联的新世界提供源源不断的能源动力,目前开服的区域包括中国(华北、华东、华南、香港)、新加坡、美国(美东、美西)、欧洲、中东、澳大利亚、日本。目前阿里云的产品涵盖弹性计算、数据库、存储与CDN、分析与搜索、云通信、网络、管理与监控、应用服务、互联网中间件、移动服务、视频服务等。通过本课程,来了解阿里云能够为你的业务带来哪些帮助     相关的阿里云产品:云服务器ECS 云服务器 ECS(Elastic Compute Service)是一种弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。产品详情: https://www.aliyun.com/product/ecs
相关文章
|
10月前
|
存储 缓存 数据可视化
基于Vue.js+Node问卷调查系统的设计与实现(二)
基于Vue.js+Node问卷调查系统的设计与实现
406 1
基于Vue.js+Node问卷调查系统的设计与实现(二)
|
4天前
|
数据采集 JavaScript 数据可视化
Node.js爬虫在租房信息监测与分析中的应用
Node.js爬虫在租房信息监测与分析中的应用
|
4天前
|
人工智能 小程序 前端开发
毕业设计|基于NODE+VUE的校园跑腿平台系统
毕业设计|基于NODE+VUE的校园跑腿平台系统
|
4天前
|
存储 JavaScript 前端开发
Vue状态管理:Vue中的状态管理是什么?为什么使用状态管理?
Vue状态管理:Vue中的状态管理是什么?为什么使用状态管理?
124 2
|
4天前
|
监控 前端开发 Java
共享车位|基于SpringBoot+vue+node共享车位平台的设计与实现
共享车位|基于SpringBoot+vue+node共享车位平台的设计与实现
|
4天前
|
存储 安全 前端开发
Node+Vue实现高校公寓管理系统设计与开发
Node+Vue实现高校公寓管理系统设计与开发
|
4天前
|
JSON 监控 JavaScript
Node.js实战:搭建公司局域网监控软件的实时通知系统
在公司局域网环境中,建立一套实时监控系统对于确保网络安全和维护公司正常运作至关重要。本文将介绍如何利用Node.js搭建一个局域网监控软件,并实现实时通知系统,以便及时响应异常情况。
207 0
|
10月前
|
Web App开发 JavaScript NoSQL
基于Vue.js+Node问卷调查系统的设计与实现(一)
基于Vue.js+Node问卷调查系统的设计与实现
324 0
|
11月前
|
小程序 安全 前端开发
node+vue基于微信小程序的货物管理系统的设计与实现
目介绍 随着Internet的发展,人们的日常生活已经离不开网络。未来人们的生活与工作将变得越来越数字化、网络化和电子化。本文以实际运用为开发背景,运用软件工程原理和开发方法,它主要是采用java语言技术、node框架和微信小程序来完成对系统的设计。整个开发过程首先对货物管理系统小程序进行需求分析,得出货物管理系统小程序主要功能。接着对货物管理系统小程序进行总体设计和详细设计。总体设计主要包括小程序功能设计、小程序总体结构设计、小程序数据结构设计和小程序安全设计等;详细设计主要包括货物管理系统小程序数据库访问的实现,主要功能模块的具体实现,模块实现关键代码等。最后对货物管理系统小程序进行了功能
|
11月前
|
小程序 前端开发 JavaScript
node+vue基于微信小程序的校园盲盒小程序的设计与实现
随着信息技术和网络技术的飞速发展,人类已进入全新信息化时代,传统管理技术已无法高效,便捷地管理信息。为了迎合时代需求,优化管理效率,各种各样的管理系统应运而生,各行各业相继进入信息管理时代,校园盲盒小程序就是信息时代变革中的产物之一。 任何系统都要遵循系统设计的基本流程,本系统也不例外,同样需要经过市场调研,需求分析,概要设计,详细设计,编码,测试这些步骤,基于node语言、微信小程序技术设计并实现了校园盲盒小程序。系统主要包括系统首页、个人中心、用户管理、盲盒分类管理、外卖盲盒管理、订单管理、系统管理等功能模块。
136 0

相关实验场景

更多