论文总字数：13770字

摘 要

在国内的汽车租赁行业随着汽车行业的发展变得火爆起来的现在，传统运营方式逐渐无法满足行业需求，我们决定设计一款基于Web的汽车租赁系统。汽车租赁系统不仅为需要租赁汽车的客户提供了方便快捷的预订、租赁车辆的渠道，也使汽车租赁公司拥有了一个可以高效管理员工、客户和相关业务的平台。

汽车租赁系统的前端是直接展现给系统用户的网页。前端页面是系统用户直接操作，实现与系统互动的页面。前端技术可分为前端页面设计和前端页面开发，本文主要涉及前端页面开发方向，即实现项目的前端代码。

本文首先介绍了本项目的开发背景、开发环境以及使用的技术及开发工具，然后对项目的需求和功能进行了分析，设计了管理员、业务员和客户的页面，其中管理员和业务员拥有数据可视化、员工信息管理（分别为总体和个人）、客户信息管理、车辆信息管理（包含概况与具体信息）、订单信息管理和添加信息等页面，客户则拥有个人信息管理、车辆信息查看及预订、历史订单信息等页面。最后通过结合实际页面图和代码，充分展示了前端页面开发的过程。

关键词：前端开发 Web 汽车租赁 JQuery Bootstrap

Design and implementation of
the front end of the car rental system based on Web
Abstract

With the development of the automobile industry in China, the car rental industry has become hot. Now, the traditional operation mode is gradually unable to meet the needs of the industry. We decide to design a web-based car rental system. The car rental system not only provides convenient and fast channels for customers who want to rent cars to book and rent cars, but also provides a platform for car rental companies to efficiently manage employees, customers and related businesses. The front end of the car rental system is the web page directly displayed to the system users.

The front-end page is the page that the system user directly operates and realizes the interaction with the system. Front-end technology can be divided into front-end page design and front-end page development, this paper mainly involves the front-end page development direction, namely the front-end code to achieve the project.

This article first introduces the development background, the development environment in the project and the use of technology and development tools, and then analyzes the requirements and capabilities of the project, design the administrator, the salesman and customer page, the administrator and the salesman with data visualization, employee information management (overall and individual respectively), customer information management, vehicle information management (including general and specific information), and add information page order information management, customer has view personal information management, vehicle information and reservation, such as history order information page. Finally, combined with the actual page diagram and code, fully demonstrated the front-end page development process.

Key words: front-end development,Web,car rental,JQurey,Bootstrap

目 录

摘 要 III

Abstract III

第一章 绪论 1

1.1 汽车租赁系统的开发背景 1

1.2 汽车租赁系统的开发现状 1

1.3 汽车租赁系统的发展趋势 2

1.4 本文的主要结构 2

第二章 系统开发技术及开发环境 3

2.1 Spring SpringMVC Mybatis 3

2.1.1 Spring简介 3

2.1.2 SpringMVC简介 4

2.1.3 MyBatis简介 5

2.2 Java技术概述 6

2.3 Ajax技术概述 6

2.4 Tomcat服务器介绍 7

2.5 开发工具IntelliJ IDEA 7

第三章 项目介绍及分析 12

3.1 项目描述 12

3.2 项目需求分析 12

3.3 项目功能分析 13

3.3.1 管理员功能 13

3.3.2 客户功能 14

3.3.3 业务员功能 15

第四章 前端页面设计与实现 16

4.1 前端页面设计原理 16

4.2 前端页面设计主要框架 16

4.3 管理员及业务员页面设计与实现 17

4.3.1 登录页面 17

4.3.2 首页 18

4.3.3 数据页面 20

4.3.4 员工信息页面 27

4.3.5 车辆信息页面 27

4.3.6 订单信息 30

4.3.7 添加信息页面 30

4.4 客户页面设计与实现 32

4.4.1 个人信息页面 32

4.4.2 汽车信息页面 33

4.4.3 历史订单页面 33

第五章 总结 35

致谢 37

绪论

开发背景

汽车租赁行业，近年来随着我国汽车产业发展，也日益火爆起来，减少了企业和个人的用车成本。然而，汽车租赁的办理需要许多证书，手续繁杂，传统的管理运营方式存在许多缺点，浪费人力物力、易出错、效率低下，且我国的汽车租赁行业总体上仍处于起步阶段，管理不到位，民众也还未养成租赁汽车、节约出行成本的观念。通过互联网技术来管理运营，在避免传统管理方式种种缺点的同时，由于其普及性和便利性，容易吸引民众眼球，可以为汽车租赁行业带来更多的盈利机会。

为解决汽车租赁行业传统管理运营方式存在的种种弊端，使其更好盈利和发展，我们决定开发一套web汽车租赁系统。用户可利用这套系统查询、获取车辆信息，在注册账号并且验证各证书后申请租赁汽车，即可去现场验证身份取车，无须次次携带各种证书。前端开发负责web网站的设计和制作，划分出主要功能模块，实现前后台交互。

汽车租赁系统的开发现状

汽车租赁业务在欧美地区兴盛已久，其中又以25天内的短租业务为主，在所有业务中占比约为70%-90%。短租业务单次租赁周期短的特点和庞大的租车群体，导致了汽车租赁业务中租赁汽车、归还汽车和人车关系变动等操作频繁复杂的问题。为解决这一问题，许多汽车租赁公司借助互联网技术，开发租赁系统来实现对汽车租赁的管理。

国内的汽车租赁业务还处于初级阶段，并且国内租车行业中个人的短时间汽车租赁比例远低于三成。虽然目前汽车租赁行业在国内的市场远不如欧美地区，但在这巨大的落差背后隐藏着中国汽车租赁业巨大的发展潜力。国内也已出现了一些汽车租赁平台，实现了车辆预订，订单审核，合同签订，收款结算，维修保养，保险，违章车辆处置等业务的信息化。这些汽车租赁系统是对国内汽车租赁行业未来发展中将遭遇问题的早为之所，亦对国内汽车租赁行业的发展起了促进作用。

汽车租赁系统的发展趋势

尽管国内汽车租赁行业还处于发展初级阶段，但其大幅增长已经可以预见，各汽车企业都在加紧布局，其中的领先者们已开始尝试抢占市场。

目前，已经有一些汽车公司与互联网公司开始涉足汽车租赁行业。国内的汽车企业纷纷开始发展汽车租赁的相关业务，许多外国企业亦不再观望，开始进驻中国市场。国内的汽车租赁行业将迎来新一轮爆发式增长，势必会需要完备的汽车租赁系统来处理业务中的种种问题，将为汽车租赁系统的完善与发展提供大量的实践机会。同时，汽车租赁系统的进步也会为汽车租赁行业节约成本，带来更多盈利的机会，扩大整个行业在国内的规模。

本文的主要结构

本文在第一章为绪论，主要介绍了汽车租赁系统的开发背景、现状以及发展趋势；

第二章主要介绍了本项目的SSM框架、AJAX技术、Tomcat服务器、Java技术，同时介绍了IntelliJ IDEA的使用；

第三章主要介绍了项目的结构设计与技术分析细节；

第四章主要介绍了前端页面设计的原理，以及项目中前端页面设计和具体实现。其中也展示了部分核心代码和效果图；

最后，是对本次项目的总结，以及参考文献和致谢。

系统开发技术及开发环境

Spring SpringMVC Mybatis

Spring简介

Spring是一个开源性的轻量级框架。由于企业级应用程序的开发过程十分复杂，为简化开发过程，Rod Johnson创建了这一框架。它的主要优点在于其分层架构，包含了开发应用程序过程中需要的一切，并且这种分层式的架构使得开发者可以自行挑选需要的部分，舍弃不需要的模块，从而避免了使用全部模块带来的资源浪费。

Spring框架的分层架构组成如下图所示：

请支付后下载全文，论文总字数：13770字