基于Vue.js框架的掌上卡车商城的设计与实现

摘要

智能化、互联化的“浪潮”已经席卷整个交通运输行业，商用车的智能互联发展也备受人们关注，各种高新尖端技术被应用于车辆中，为实现更智慧的现代公路物流运输生态圈而“赋能”。国内外技术领先的各个商用车制造企业，在智能化产品、智能化制造和智能服务等方面，取得了一系列引人注目的成果。　　本文分析了国内外具有代表性的商用车公司互联网化的发展情况及现状。对其中一家公司--三一重卡的智联重卡平台进行了详细的介绍。给出了智联重卡平台子系统--掌上卡车商城的研究开发过程：梳理了掌上卡车商城的具体需求；给出了系统的架构设计及其使用的相关技术；设计并完成了掌上卡车商城系统，包括系统各个模块的功能设计、数据模型设计及接口设计；介绍了系统的运行环境；展示了系统各个功能模块的实现效果；完成并给出了系统的功能测试及性能测试过程及结果。　　从技术层面上看，掌上卡车商城采用的技术相对来说是当前比较热门的框架：前端采用Vue.js框架进行页面开发；后端使用Springboot、Springcloud框架进行逻辑处理及提供微服务；前后端以Restful风格接口的形式，进行数据通信。从应用层面上看，掌上卡车商城有着其应用上的创新性：卡车掌上商城的主要的业务是将价值比较大的卡车进行线上销售。在保证安全性的同时，如何设计一种较为方便快捷的交易方式，将卡车以线上商品的形式销售给客户，是本文与一般的网上商城的主要区别所在。　　以互联网为依托的掌上卡车商城系统的成功实现及运行，从某种意义上来说，颠覆了传统商用车的必须的线下进店看车购车模式。为完全的线上化购车提供了一种思路，是传统工业数字化转型的一个相对成功的案例。

目录

声明

第1章 绪 论

1.1 研究背景和意义

1.2 国内外研究现状

1.2.1 国外发展现状

1.2.2 国内发展现状

1.3 主要研究内容

1.4 创新点

第2章 相关技术介绍

2.1 前端技术

2.1.1 Vue.js框架

2.1.2 Webpack构建工具

2.2 后端技术

2.2.1 Springboot框架

2.2.2 Springcloud微服务

2.3 本章小结

第3章 平台介绍及需求分析

3.1 重卡智联平台概述

3.1.1 发掘商机流程

3.1.2 引导购车流程

3.1.3 线下提车流程

3.1.4 售后服务流程

3.2 掌上卡车商城需求分析

3.2.1 登录/注册

3.2.2 商品模块

3.2.3 购物车模块

3.2.4 订单支付模块

3.2.5 个人中心模块

3.2.6 非功能性需求分析

3.2.7 业务创新-大额订单处理流程

3.3 本章小结

第4章 系统设计

4.1 系统架构设计

4.2 系统功能设计

4.2.1 登录/注册

4.2.2 商品模块

4.2.3 购物车模块

4.2.4 订单支付模块

4.2.5 个人中心模块

4.3 数据库设计

4.3.1 用户信息表

4.3.2 商品信息表、商品详情表

4.3.3 订单详情表、大额转账信息表

4.3.4 发货信息表

4.4 接口设计

4.5本章小结

第5章 系统实现

5.1 系统的开发运行环境

5.1.1 开发环境

5.1.2 运行环境

5.2 系统功能模块实现

5.2.1 注册/登录

5.2.2 商品模块

5.2.3 购物车模块

5.2.4 订单支付模块

5.2.5 个人中心模块

5.3 本章小结

第6章 系统测试

6.1 功能测试

（1）注册页测试用例

（2）登录页测试用例

（3）商城首页测试用例

（4）商品搜索测试用例

（5）商品详情测试用例

（6）购物车测试用例

（7）我的订单页测试用例

（8）支付页面测试用例

（9）个人中心测试用例

6.2 性能测试

6.3 本章小结

结论

参考文献

致谢