论文总字数：20582字

摘 要

微信小程序作为近几年新兴的一种不同于传统的软件应用方式，轻便快捷成为其代名词，区别与传统手机应用软件的使用方式，小程序无需下载便可使用，在使用体验上也不会有那么多的冗余操作。使用者在使用微信小程序的时候，不同于手机软件，无需下载、注册，微信小程序平台给用户提供了利用微信账号授权登录的方式，这不仅省去了用户的多余操作，且从事实上节省了使用者的手机存储空间，手机存储空间不足常常是困扰大多数手机用户的突出问题。另一方面，小程序几乎实现了和手机相应软件全部功能，用户可以在微信小程序端享用和手机软件几乎一样的功能，现如今微信小程序早已融入了每个人的日常生活中。

本文的主要研究内容为将特斯拉手机App移植成微信小程序，在功能上与原生App保持较高一致性，并在界面方面做出一定优化，使之更加方便用户的使用，用户不需要下载专门的手机App，只需在微信小程序中便可体验和使用与原生App基本相同的功能。

主要实现方式是利用微信小程序开发工具，结合Ajax开发技术，具体实现语言为HTML（WXML）、CSS（WXSS)和JavaScript等。

关键词：微信小程序 特斯拉API HTML CSS JavaScript Ajax

Design and implementation of WeChat Mini program for tesla vehicle remote control

Abstract

WeChat applet as emerging in recent years a way different from the traditional software applications, quickly become synonymous with its light, difference and mobile phone applications use traditional way, small program can satisfy the user's use, without downloading on experience also won't have so many redundant operations, a simple and easy. Users in the use of WeChat small procedures, different from the mobile phone software, do not need to register to download, and then log in to the software, WeChat small program platform to provide users with the use of WeChat account authorized to log in, this not only saves the user's operation, the excess and from actually save the user's mobile storage, mobile storage space is often a prominent problem in most mobile phone users. On the other hand, the small program has almost realized all the functions of the corresponding software on the mobile phone. Users can enjoy almost the same functions as the mobile phone software on the WeChat small program. Nowadays, WeChat small program has been integrated into everyone's daily life.

In this paper, the main research contents of the transplanted tesla mobile phone App into WeChat small procedures, keep high consistency with the native App on the function, and make some optimization at the interface, the user to make it more convenient to use, the user does not need to download a special mobile phone App, just can experience in WeChat small programs and use the same as the native App basic functions.

The main implementation method is to use WeChat small program development tools, combined with Ajax development technology, the specific implementation language is HTML (WXML), CSSW(XSS) and JavaScript.

Keywords: WeChat Mini program Tesla API HTML CSS JavaScript Ajax

目 录

摘 要 I

Abstract II

第一章 绪论 1

1.1 研究背景 1

1.2 研究意义 1

第二章 开发语言和环境概述 3

2.1 开发语言概述 3

2.1.1 Ajax简介 3

2.2 开发环境 3

2.2.1 开发工具 3

第三章 系统整体需求分析 5

3.1 需求分析 5

3.1.1 整体需求分析 5

3.1.2 Tesla原生软件分析 5

3.2 可行性分析 6

3.2.1 开发环境 6

3.2.2 Tesla API调用可行性分析 7

第四章 系统整体设计与实现 8

4.1 系统整体概述 8

4.1.1 概述 8

4.1.2 系统基本流程 8

4.1.3 小程序操作页面 9

4.1.4 后台数据库 10

4.2 系统整体设计 10

4.2.1 小程序操作页面设计 10

4.2.2 调用Tesla API 14

4.2.3 页面数据（车辆实时信息）显示 16

4.2.4 车辆定位 17

4.2.5 附近的充电站 18

4.2.6 温度设置 20

4.2.7 车辆控制 20

4.2.8 后台数据 21

4.3 本章小结 21

第五章 系统运行与测试 22

5.1 系统运行 22

5.1 系统测试 22

4.2.3 测试目的 22

4.2.3 测试方法 22

4.2.3 测试用例 23

4.2.3 测试结果 24

总结与展望 25

参考文献 26

致谢 28

第一章 绪论

1.1 研究背景

目前很多手机都会内置一个“智能遥控”的手机软件，在这款软件中，用户可实现对空调的遥控，诸如空调开关、模式选择和温度设置，而实现对电视的遥控功能，只需要下载一个相关手机软件并确保手机和电视在同一个网络下，即可实现电视遥控的大部分功能，也可从手机软件上下载你需要的而在电视上应用平台上下载不来的软件。由此可见，“智能遥控”正在慢慢地参与到我们的生活中，给予我们必要的帮助，“智能遥控”这一技术的出现已经逐渐地改变了我们的生活方式。

在这种风潮之下，能为其客户提供一款用于控制相关产品的手机软件便变得极为重要。特斯拉公司便推出了一款Tesla手机软件，用于实现车主对其车辆的远程控制。这款手机软件基本满足用户对其车辆的所有控制需求，开关锁、温度设置、代客模式的设置、灯光、车窗以及定位等等。于此同时，这款手机软件的操作界面优化的很好，操作简单、低调直观，用户体验良好。

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