摘 要

近年来，随着汽车租赁行业和信息化行业的飞速发展，传统汽车租赁模式的繁琐程序无法满足人们快节奏的生活。由此，我们设计了一款基于Web端的汽车租赁系统，它能让用户随时随地享受线上预约租车服务，也让汽车租赁公司更方便的管理相关的租赁业务。其中，UI的相关设计也是十分重要。

汽车租赁系统中的UI就是指用户界面，UI设计的目的是促进人机交互，增强用户的体验感，让用户在使用的时候具备满足感与幸福感。

本文主要展示了本系统的开发背景，开发目的及所用到的相关技术；首先明确系统所面向的三种服务群体，管理员，员工及用户；然后运用jQuery和EasyUI编辑按钮等相关插件；最后通过图文与相关代码充分展示UI界面的设计过程。

关键词：web jQuery EasyUI 汽车租赁 UI

UI Design and Implementation of Web-Based

Car Rental System

Summary
  In recent years, with the rapid development of the car rental industry and the information industry, the cumbersome procedures of the traditional car rental model cannot satisfy people's fast-paced life. Therefore, we have designed a web-based car rental system that allows users to enjoy online booking car rental services anytime, anywhere, and also makes car rental companies more convenient to manage related leasing business. Among them, the related design of the UI is also very important.

The UI in the car rental system refers to the user interface. The purpose of UI design is to promote human-computer interaction, enhance the user's experience, and let the user have satisfaction and happiness when using.

This paper mainly shows the development background, development purpose and related technologies of the system; firstly, the three service groups, administrators, employees and users that the system is oriented to; firstly, jQuery and EasyUI editing buttons and other related plug-ins are used; The graphic and related code fully demonstrate the design process of the UI interface.  

Keywords: web；jQuery；EasyUI；car rental；UI

目 录

第一章 绪论 5

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

1.2 汽车租赁系统的现状 5

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

1.4 本文的主要结构 7

第二章 系统开发技术 8

2.1 Java技术和Java Web技术 8

2.2 SSM框架（Spring SpringMVC Mybatis） 8

2.2.1基本概念 8

2.2.2 SSM整合 9

2.3 开发工具Intellij IDEA 10

2.4 UI设计工具 15

2.4.1 jQuery 15

2.4.2 bootstrap 15

第三章 项目介绍及分析 16

3.1项目描述及需求分析 16

3.2主要功能介绍 16

第四章 UI界面设计与实现 19

4.1 UI在本系统中的重要性 19

4.2 UI设计中的布局编排原理 19

4.2.1信息的编排 20

4.2.2亲密性原则 20

4.2.3图片的使用 20

4.2.4轻重缓急 21

4.2.5文字的排版，颜色的使用 21

4.3 管理员与员工UI设计界面与实现 21

4.4顾客UI设计界面与实现 40

第五章 总结与致谢 45

致谢 46

参考文献： 47

绪论

汽车租赁系统的开发背景

如今，随着现代人经济水平的提高，让每家每户都能够拥有自己的汽车，一辆甚至多辆。而经济水平的提高加快了我们的生活节奏，让大家对汽车所有权的需要不再那么迫切，更多的是希望能在需要的时候有使用权限，在这租车需求的带动下，汽车租赁将会有巨大的市场。但是面对快速发展的汽车租赁市场，汽车租赁行业订单量骤增，所需要处理的信息量越来越大，租赁公司运用传统的人为管理租车流程的方式不仅不利于汽车租赁公司的发展，而且更重要的是人为管理中所浪费的时间不符合现代人快节奏的生活。因此，人们开始学会运用电脑程序来管理租车流程。

运用电脑程序管理当然就离不开本文所提到的汽车租赁系统，汽车租赁系统开始入驻到各个汽车租赁公司，用户需要租车只需下载相关app或直接在网页上登陆账户，创建订单，预约成功后即可去试车租车。这极大的方便了我们外出时所遇到的出行不便的问题，也让汽车租赁公司能提供更快捷的租赁服务。

那么在这种社会环境的影响下，我们小组成员对于这个Web端的汽车租赁系统产生了浓厚的兴趣，从而开始了对这个系统的研究和改进。

汽车租赁系统的现状

在许多欧美国家，有着十分成熟的汽车租赁系统，其中最有名的应该就是赫兹公司的租赁系统了，该公司不仅仅是做到了国内站点的大面积覆盖，更重要的是该公司的会员遍及美国，英国等140多个国家，总共可租赁的车辆加起来有55万辆；而全球第二大汽车租赁公司AVSI更是遍布了全球174个国家，他们的会员享有一个巨大福利，即你只要在174个国家中的任意一个国家入驻该公司的会员，就可以在所有国家均可享受便捷的租车福利，无边界。如此庞大的会员和车辆信息，光靠人力是无法正常管理的，由此可见，国外的汽车租赁系统已经十分的成熟。

我国虽然在科技领域较慢于国外，但是在社会经济水平的飞速发展，人们越来越意识到时间的重要性的前提下，汽车成了我们生活中必不可少的出门工具，诸如家庭汽车，出租车，滴滴打车等。但私家车的不便捷性，出租车的不灵活性，滴滴车的不安全性也逐渐暴露。所以，随着计算机需求的日益增加和汽车在人们生活中占比的重要，汽车租赁也成为了我们国家的另外一个新型产业。相信在不久的将来，不少的大型汽车租赁系统会像雨后春笋一样，给我们带来更多快捷的服务。

汽车租赁系统的发展趋势

其实在生活中，汽车租赁的例子已经数不胜数，各个汽车公司都会有自己的汽车租赁方式，汽车租赁在美国等欧洲美国家尤为受欢迎。但随着租赁汽车的人越来越多，汽车租赁公司也希望可以给客户提供更便捷的租车方式，就这样，汽车租赁系统应运而生。

相关图片展示：