论文总字数：17076字

摘 要

随着信息技术的高速发展，网购已经成为当代大学生最主要的购物方式。物品迭代更新速度加快，物质丰富促进闲置物品增加。校园二手商品交易网站可以给闲置物品提供一个交易平台。

本文根据软件工程开发步骤对系统模块进行了划分，详细讨论了校园二手商品网站系统的分析，设计和实现。运用IDEA开发工具、Java开发语言、jsp开发技术、MySQL数据库、mybatis开发插件等实现系统的开发。用户可根据自己的需要在网站购买商品，也可以出售自己手上闲置的商品。网站可提供在线支付和见面交易两种支付方式。网站支持支付宝支付，用户可通过支付宝扫码的方式在线支付。后台管理系统能直观地对网站进行管理。系统整个系统结构良好，前端后端分离使得系统便于管理，拥有较好的可维护性和可拓展性。

关键词：二手商品 支付宝支付 前后端分离 MySQL 分享经济

J2EE-based campus second-hand commodity E-commerce website

Abstract

With the rapid development of computer science, online shopping has become the most important shopping method for college students. The iterative update of items is speeded up, and material enrichment promotes the increase of idle items. The campus second-hand commodity trading website can provide a trading platform for idle items.

This paper divides the system modules according to the software engineering development steps, and discusses in detail the analysis, design and implementation of the campus second-hand commodity website system. The system development using IDEA development tools, Java development language, jsp development, MySQL database, and mybatis development plug-ins. Users can purchase items on the website according to their own needs, or they can sell their own unused items. The website offers two payment methods: online payment and face-to-face transaction. The website supports Alipay payment, and users can pay online through Alipay scanning code. The back-end management system can intuitively manage the website. The whole system structure of the system is good, and the front-end and back-end separation makes the system easy to manage, and has good maintainability and expandability.

Keywords: second-hand goods, Alipay payment, recommendation algorithm, MySQL, share economy

目 录

摘要 I

Abstract II

第一章 绪论 1

1.1 选题背景 1

1.2 系统实现功能 1

1.3 论文结构 2

第二章 相关技术介绍 3

2.1 j2EE平台简介 3

2.2 IDEA开发工具介绍 3

2.3 MySQL数据库简介 3

2.4 Mybatis插件 4

2.5 本章小结 4

第三章 校园二手商品交易网站系统分析 5

3.1 可行性分析 5

3.2 需求分析 5

3.3 系统功能分析 6

3.4 系统结构 7

3.5 系统用例图 8

3.6 本章小结 9

第四章 校园二手商品交易网站系统设计 10

4.1 数据库设计 10

4.1.1 概念设计 10

4.1.2 逻辑设计 11

4.2 模块控制流程设计 14

4.2.1用户模块流程 14

4.2.2 管理员模块流程 15

4.2.3 支付宝支付流程 16

4.3 本章小结 17

第五章 校园二手商品交易网站系统实现 18

5.1 用户模块功能 18

5.1.1 网站主页 18

5.1.2 用户登录注册界面 19

5.1.3 商品搜索功能 20

5.1.4 商品详情页 21

5.1.5 购物车功能 21

5.1.6 订单功能 23

5.1.7 支付信息详情页 25

5.1.8 支付宝支付功能 26

5.1.9 添加商品界面 29

5.2 后台管理员功能 30

5.2.1 管理员主页 30

5.2.2 订单管理功能 30

5.2.3 商品管理功能 31

5.3 本章小结 31

第六章 总结及展望 32

6.1 毕业设计总结 32

6.2 后期展望 32

致谢 36

第一章 绪论

1.1 选题背景

随着全球电商的飞速发展，网购已经成为人们生活中的时尚和潮流。 货物迭代更新速度加快，物资丰富促进闲置货物增加，二手贸易蓝海产生，二手货市场潜力巨大。 中国的二手交易平台落后于其他发达国家，但共享经济时代已经到来，我国发布了一系列支持“共享经济”，“合理利用”和“循环利用”概念的政策。越来越多的消费者，特别是年轻人，经常购买二手商品。

作为网络购物的主力军，大学生不仅有自己的文化氛围，而且还有一定的购买力。 若干年后，他们将成为社会消费的主流人群。加上近年来 “双十一”“双十二”等购物节的催生，很多大学生掉入消费陷阱，买完了发现买多了或者买了自己不需要的产品。国家发展改革委员会指定的2015年循环经济推进计划发布，积极支持并明确鼓励使用互联网实现大数据和物联网等最新信息手段，开展数据分析，在线商店布局优化，在线回收线下物流整合。无疑给发展中的二手交易打了强心针。电子商务以其灵活的交易手段和快速的交易方式带来了巨大的经济效益，作为市场经济的必然产物，二手市场也通过电子商务的发展而越加繁荣，推动了世界经济的发展，网络二手商品交易平台是电子商务的具体应用之一，是一个虚拟化市场，借助Internet为买卖双方提供一个快捷方便的交易平台。

1.2 系统实现功能

本课题基于j2EE平台实现，后台数据库选用MySQL，应用JSP Tomcat Maven Mybatis搭建一套完整的商城系统，全面实现了用户登录注册功能、忘记密码找回功能、产品功能、购物车功能、订单功能、收货地址管理、支持支付宝在线支付等多项用户功能。通过超级管理员对网站进行后台管理。管理员可查看订单信息，查看支付状态。卖家可以自行上传商品的信息。降低了商品交易的成本，大大提高了商品交易的效率。

1.3 论文结构

本文详述了网站的分析、系统设计和功能。对各个模块进行划分论述。论文结构以及各章的具体内容如下：

1. 绪论。主要论述了本课题的选题背景，并简要介绍了网站需要实现的功能。
2. 相关技术简介。介绍本课题采用的开发语言和开发工具；介绍MySQL数据库的特点；介绍基于树的增强嵌入模型的可解释推荐算法。
3. 校园二手商品交易网站系统分析。分析网站的结构，从开发技术、实际应用和经济这三个方面对网站的可行性进行分析，并对网站的数据结构进行分析，详述网站的具体功能。
4. 校园二手商品交易网站系统设计。系统根据软件工程的步骤设计，包括结构设计、数据库设计和功能模块设计。
5. 校园二手商品交易网站实现。主要论述网站的主要界面，对各个功能的代码及实现方法进行详细介绍。
6. 总结与展望。总结本次设计的收获和后期需要改进或添加的部分。

第二章 相关技术介绍

校园二手商品交易网站主要使用IDEA开发工具、以Java为主要开发语言、采用jsp技术设计网站界面、使用MySQL数据库，tomcat本地服务器和DigitalOcean云服务器部署网站。还有Java开发插件mybatis.

2.1 j2EE平台简介

J2EE是一种利用Java 2平台去简化企业解决开发方案，用于部署和管理相关的复杂问题。具有“一次编写，随处执行”的优点。并全面支持EJB，JSP和XML技术。最终目标是成为一种架构，使企业开发人员能够大大缩短产品开发用时。为应用程序打包和部署提供卓越的向导支持，以及其他目录支持机制增强和性能改进。

2.2 IDEA开发工具介绍

IDEA的全称是IntelliJ IDEA，是JetBrains的产品，总部位于捷克共和国首都布拉格。IDEA最方便使用的就是各个插件，开发人员可以针对IDEA开发相应的插件，这些插件能在编程时达到事半功倍的效果。所有工具开发人员都可以使用IDEA插件的统一集成开发环境。

2.3 MySQL数据库简介

MySQL是瑞典MySQL AB公司开发的关系型数据库，目前属于Oracle公司。由于MySQL速度快、而且安全、并且开源、所以我选择了Linux MySQL作为我的数据库管理系统。MySQL是一个广泛使用的数据库，具有以下特点：

1、支持AIX、FreeBSD、HP-UX、Linux、Mac OS、Novell Netware、OpenBSD、OS/2 Wrap、Solaris、Windows等多种操作系统

2、新的算法有效地提高高查询效率

3、不必支付费用

2.4 Mybatis插件

1、Mybatis-generator,自动生成数据库交互代码。

2、Mybatis-plugin,可以完成xml自动跳转和验证接口文件正确性。

3、Mybatis-pagehelper，分页插件。

2.5 本章小结

本章简单介绍了J2ee平台和jsp编程技术、介绍了IDEA开发工具的优点及MySQL数据库的主要特征、还介绍了Java开发常用的Mybatis三个插件等在本次课题中用到的开发工具和技术。

第三章 校园二手商品交易网站系统分析

3.1 可行性分析

可行性分析是一个重要步骤，任务是在开发技术，经济成本和工程方面讨论项目研究，研究和分析。当在经济，技术和社会环境方面分析给定解决方案主要是可行的时，解决方案是可行的并且具有特定的经济和/或社会效益 开始实际开发基于计算机的系统。

从开发技术角度分析，本系统的实现主要用了Java开发语言，结合jsp编程技术，采用了MySQL数据库和功能强大的开发工具IDEA。与其他编程语言相比，Java延续了C 面向对象技术，新增了垃圾收集机制以重用内存空间。

从经济角度分析，校园二手商品交易网站是一个相对简单的系统，开发工具大多使用免费的工具。后台管理员可以很方便地对网站的运营状态进行管理。在线支付采用的是支付宝的沙箱环境进行测试，不需要支付额外的费用。

从实际应用角度分析，校园二手商品网站对于现在购买力不断提升的大学生来说是一个很适用的网站，用户可将自己闲置的物品方便地在网站上出售并获得利益，采用线上支付宝支付简化了支付流程。

综上所述，校园二手商品交易网站从各个角度都是可行的。

3.2 需求分析

需求分析是系统设计的开始，需要确定新系统的用途，适用范围，定义和实现功能。需求分析师和软件工程师确定客户需求。针对这些需求开发真正适用于用户的新系统。需求分析可分为四个主要步骤。1.需求的获取2.需求分析3.规范的准备4.要求的验证。

校园二手商品交易网站如何完成二手商品的交易；卖家怎么将自己的闲置物品上传到网站；买家通过什么方式获取自己想要的商品；管理员如何及时、准确地了解到网站的交易详情；都是网站着力解决的问题。因此，网站要围绕着这些需求给出合理的解决方案。

目前，大多数二手交易平台都是基于C2C模式，并使用互联网的二手信息通信平台，二手商品的卖家发布信息，有购买需求的用户搜索信息，卖家和卖家之间进行商榷，在线跨境物理交换，以及以网络为交易媒介的可持续发展概念。

校园闲置二手商品网站满足的需求如下：

用户模块：

1. 用户的注册与登录
2. 用户通过密码提示问题找回密码
3. 添加收货地址
4. 商品上传照片及其他信息
5. 产品搜索及动态排序
6. 选择商品加入购物车
7. 勾选购物车中的特定商品
8. 创建订单并引用已存在的收货地址
9. 查看订单详情
10. 取消订单
11. 选择在线支付和见面交易两种方式

后台管理员模块：

1. 验证管理员身份
2. 增加或删除网站的商品分类
3. 查看订单状态，如支付状态或发货状态等
4. 统计用户、商品、订单数量

3.3 系统功能分析

根据上一章节中需求分析的阐述，校园二手商品交易网站分为前台的用户模块和后台管理员模块。模块功能如下：

1. 用户登录、注册

注册：用户名；密码；email；手机号；密保问题；问题答案；检查用户名是否重复

登录：查看和修改个人信息；忘记密码；提交密保问题答案；重置密码；登录状态的修改密码；对于需要登录的界面强制引导用户登录；退出登录；添加收货地址

1. 商品信息浏览

商品的关键字搜索；商品详情；动态排序

1. 卖家上传商品信息

商品照片富文本上传；添加商品价格、商品描述、商品上下架；

1. 购物车功能

添加欲购买的商品至购物车；勾选购物车中特定的商品；计算选中的商品价格

1. 订单功能

创建订单；查看订单详情页；引用已添加的收货地址；选择支付方式；取消订单；

1. 支付模块

线上支付使用支付宝支付功能；支持线下见面交易

1. 后台管理员功能

修改商品分类；统计用户、商品、订单数量；上下架商品；查看订单详情

3.4 系统结构

网站系统结构主要分为前台用户和后台管理员两个模块。根据以上特点，用户系统分为用户模块、商品模块、购物车模块、订单模块；管理系统分为商品模块、订单、品类模块。功能模块图如图3-1所示。

3.5 系统用例图

校园二手商品交易网站分为用户模块和管理员模块，用户模块又可分为未登录用户和已登录用户。系统用例图如图3-2所示。

图3-2 系统用例图

3.6 本章小结

本章从开发技术角度，实际应用角度和经济的角度，简要讨论了校园闲置商品交易网站，分析了网站开发的可行性。 接下来，我们对网站进行了需求分析，并创建了符合需求的功能。系统用户和管理员的用例图用于了解每个模块的功能。 更直观地展示用户从浏览商品到下订单购买并完成支付的流程。

第四章 校园二手商品交易网站系统设计

本章主要介绍校园闲置物品交易网站的系统设计，系统设计分为模块设计，数据库设计和模块流程设计几个步骤。

4.1 数据库设计

数据库设计是系统设计中最重要的部分，在项目开始前根据需求分析设计相应的数据库，每个功能模块需要哪些数据库，这些数据库存在怎样的联系。从局部到整体设计这些数据库，在分析这些数据库的逻辑关系。本节主要讨论概念和逻辑设计。

4.1.1 概念设计

概念模型是现实世界和DBMS支持的数据模型之间的桥梁，应具有真实准确、独立于机器、易修改、易转换几个特点。先画出各个模块的局部图，然后根据要求对各个局部图进行集成，生成总体图。设计过程需要解决很多问题，局部图设计中，须确定局部图的范围、确定实体及其定义实体间的联系。在视图集成过程中要清除冗余和数据冲突，说明等价对象类之间的映射。

通过第三章的需求分析，可以得到校园二手商品交易网站主要实体如下：

1. 用户：用户的属性有用户id、用户名、密码、Email、手机号、密保问题、问题答案、角色、创建时间、更新时间
2. 分类：分类的属性有类别id、根节点id、类别名称、创建时间、更新时间
3. 商品：商品的属性有商品id、分类id、商品名称、商品副标题、商品图、价格、商品详情、创建时间、更新时间
4. 购物车：购物车的属性有商品id、数量、是否勾选、创建时间、更新时间
5. 支付信息：支付信息的属性有用户id、订单号、支付方式、支付宝流水号、支付宝支付状态回调、创建时间、更新时间
6. 订单：订单的属性有订单id、用户id、金额、订单状态、支付时间、交易取消时间、创建时间、更新时间
7. 收货地址：收货地址的属性有用户id、收货人姓名、手机号、省份、城市、区/县、详细地址、创建时间、更新时间

4.1.2 逻辑设计

逻辑设计的任务就是将概念模型转换为DBWS支持的数据模型。需要明白实体之间的关系和实体的主键。逻辑设计应该设计合理的关系模式，尽量避免冗余，这样有利于提高数据的查询效率。通过上一章节设计出的数据库表有以下几个：

1. 用户表 user

用户表包含用户id、用户名、密码、Email、手机号、密码提示问题、问题答案、角色、创建时间、更新时间。具体字段如表4-1所示。

表4-1 用户表 user

1. 商品分类表 category

商品信息表包含类别id、根节点id、类别名称、创建时间、更新时间. 具体字段如表4-2示。

表4-2 商品分类表 category

1. 商品表 product

商品信息表包含商品id、分类id、商品名称、商品副标题、商品图、价格、商品详情、创建时间、更新时间。具体字段如表4-3示。

表4-3 商品信息表 product

1. 购物车表 cart

购物车表包含商品id、数量、是否勾选、创建时间、更新时间。体字段如表4-4所示。

表4-4 购物车表 cart

1. 支付信息表 pay_info

支付信息表包含的支付信息有用户id、订单id、支付宝流水号、支付宝支付状态回调、创建时间、更新时间。具体字段如表4-5所示。

表4-5 支付信息表 pay_info

1. 订单表 order

订单表包含订单id、用户id、金额、支付完成时间、交易取消时间、创建时间、更新时间. 具体字段如表4-6所示。

表4-6 订单信息表order

1. 收货地址表 shipping

收货地址表包含用户id、买家姓名、手机号、省份、城市、区/县、详细地址、创建时间、更新时间。具体字段如表4-7所示。

表4-7 收货地址表 shipping

4.2 模块控制流程设计

校园闲置商品交易网站分为用户模块和后台管理员模块，用户在网站购买商品的流程清晰简便，用户可通过分类查询的方式浏览自己需要的商品，也可以通过关键词搜索的功能查找。将自己想购买的商品加入购物车后提交订单，在订单页面选择收货地址（或新增），提交订单后即可通过扫描二维码的方式支付。

4.2.1用户模块流程

在该流程中，用户登录到网站，浏览自己想要的商品、加入购物车、选择收货地址、提交订单、完成支付。若要登录时忘记密码可引导到找回密码界面。该模块设计流程图如图4-8所示。

4.2.2 管理员模块流程

管理员登录时，需要验证管理员身份是否为管理员。管理员可以管理网站的运行情况，统计用户、商品、订单数量；查看订单的支付状态和发货状态；可以添加商品分类，下架违规商品等等。该模块流程图如图4-9所示。

图4-9 添加商品流程图

4.2.3 支付宝支付流程

网站在完成订单创建后向支付宝发出预下单请求，支付宝生成二维码传给网站后台。用户打开支付宝app，通过扫描二维码，查看并核对订单信息和金额确认支付。用户支付完成后后台会收到支付成功或失败的结果。该模块流程图如图5-10所示。

4.3 本章小结

本章主要从数据库的设计开始，建立用户、分类、收货地址、购物车、订单、商品、支付信息7个数据表。并从用户和后台管理员两个角度进行了详细设计，画出了用户完整购物的流程图和管理员添加二手商品的流程图。更加直观地了解到校园二手商品交易网站的运行流程。

第五章 校园二手商品交易网站系统实现

校园二手商品交易网站主要包括用户和管理员两个角色。用户的功能有：浏览及搜索商品、添加到购物车、下订单购买、线上支付等。管理员的功能有：商品管理、分类管理、订单管理等。下面详细介绍各个功能的实现。

5.1 用户模块功能

5.1.1 网站主页

校园二手商品交易网站的主页展示了近期比较热门的二手商品和网站开展的促销活动。用户可以通过关键字搜索获取自己想要的商品，或者通过分类查找的方式浏览自己感兴趣的商品。主页顶部常驻登录注册接口、购物车、我的订单、关于网站等。校园二手商品交易网站的主页如图5-1所示。

校园二手商品交易网站采用div布局，让各个模块内容分离，提高网页的整体感，更加方便地调整网页的布局。

其中nav模块是顶部常驻的登录注册、购物车、订单等功能模块。Header是搜索

5.1.2 用户登录注册界面

用户可通过常驻网页顶部的登录注册接口进行登录，当未登录游客需要购买商品时系统也会强制引导用户登录。注册需要填写用户名、密码、二次确认密码、手机号、邮箱、密码提示问题、密码提示问题答案。在输入用户名时系统会检测该用户名是否重复，如果该用户名已存在会提示您重新输入用户名。当某个必需字段为空时系统会提示该字段不能为空。二次确认密码会比较两次输入的密码是否统一，只有两次密码一致后才能完成注册。用户注册界面如图5-2所示。

用户注册时输入的密码会通过MD5加密算法进行加密后的密文上传到数据库了，大大增加了用户信息的安全性。代码实现如下：

注册后，用户输入用户名和密码登录。 如果用户偶然忘记了密码，可点击忘记密码以输入密码提示问题和问题答案来重置密码。增加容错率。用户登录界面如图5-3所示。

5.1.3 商品搜索功能

用户可通过关键词搜索功能检索自己想要的商品。可通过商品名称和商品id进行查询。具体代码实现如下：

public ServerResponselt;PageInfogt; searchProduct(String productName,Integer productId,int pageNum,int pageSize){
PageHelper.startPage(pageNum,pageSize);
if(StringUtils.isNotBlank(productName)){
productName = new StringBuilder().append("%").append(productName).append("%").toString();
}
Listlt;Productgt; productList = productMapper.selectByNameAndProductId(productName,productId);
Listlt;ProductListVogt; productListVoList = Lists.newArrayList();
for(Product productItem : productList){
ProductListVo productListVo = assembleProductListVo(productItem);
productListVoList.add(productListVo);
}
PageInfo pageResult = new PageInfo(productList);
pageResult.setList(productListVoList);
return ServerResponse.createBySuccess(pageResult);
}

数据库查询语句如下：

lt;select id="selectByNameAndCategoryIds" resultMap="BaseResultMap" parameterType="map"gt;
SELECT
lt;include refid="Base_Column_List"gt;lt;/includegt;
from mmall_product
where status = 1
lt;if test="productName != null"gt;
and name like #{productName}
lt;/ifgt;
lt;if test="categoryIdList != null" gt;
and category_id in
lt;foreach item="item" index="index" open="(" separator="," close=")" collection="categoryIdList"gt;
#{item}
lt;/foreachgt;
lt;/ifgt;
lt;/selectgt;

5.1.4 商品详情页

产品详细信息页面显示产品名称，主要产品图，产品描述，产品价格，产品数量等。 用户可以将欲购买的产品添加到购物车，随后到购物车中下单。商品详情页如图5-4所示。

5.1.5 购物车功能

用户在选择商品有购买意向时，可点击“加入购物车”，系统会在购物车中增加该商品，如果购物车中没有该商品，则增加该商品的记录。如果该商品已经有该商品，则增加商品的个数，具体代码实现如下：

public ServerResponselt;CartVogt; add(Integer userId,Integer productId,Integer count){
if(productId == null || count == null){
return ServerResponse.createByErrorCodeMessage(ResponseCode.ILLEGAL_ARGUMENT.getCode(),ResponseCode.ILLEGAL_ARGUMENT.getDesc());
}


Cart cart = cartMapper.selectCartByUserIdProductId(userId,productId);
if(cart == null){//新增一个这个产品的记录
Cart cartItem = new Cart();
cartItem.setQuantity(count);
cartItem.setChecked(Const.Cart.CHECKED);
cartItem.setProductId(productId);
cartItem.setUserId(userId);
cartMapper.insert(cartItem);
}else{
count = cart.getQuantity() count;
cart.setQuantity(count);
cartMapper.updateByPrimaryKeySelective(cart);
}
return this.list(userId);
}

用户将商品添加到购物车以后，可到购物车中勾选自己决定购买的商品，系统会计算已勾选的商品价格。也可以删除商品或者添加商品数量。最终点击“去结算”到订单页面中完成支付。购物车界面如图5-5所示。

当用户将商品加入购物车后，勾选某个商品后，将cart数据表中的checked值的value更新未已选中的状态，然后计算已选中商品的价格，具体代码实现如下：

lt;update id="checkedOrUncheckedProduct" parameterType="map"gt;
UPDATE mmall_cart
set checked = #{checked},
update_time = now()
where user_id = #{userId}
lt;if test="productId != null"gt;
and product_id = #{productId}
lt;/ifgt;
lt;/updategt;


lt;select id="selectCartProductCount" parameterType="int" resultType="int"gt;
select IFNULL(sum(quantity),0) as count from mmall_cart where user_id = #{userId}
lt;/selectgt;

5.1.6 订单功能

用户在购物车中选择欲购买的商品后点击结算，此时网站后台生成订单。订单模块从购物车模块中获取相应的数据。并且计算商品的总价。生成订单后，会删除购物车中的商品，并且返回给前端数据。具体代码实现如下：

public ServerResponse createOrder(Integer userId,Integer shippingId){

//从购物车中获取数据
Listlt;Cartgt; cartList = cartMapper.selectCheckedCartByUserId(userId);

//计算这个订单的总价
ServerResponse serverResponse = this.getCartOrderItem(userId,cartList);
if(!serverResponse.isSuccess()){
return serverResponse;
}
Listlt;OrderItemgt; orderItemList = (Listlt;OrderItemgt;)serverResponse.getData();
BigDecimal payment = this.getOrderTotalPrice(orderItemList);

//生成订单
Order order = this.assembleOrder(userId,shippingId,payment);
if(order == null){
return ServerResponse.createByErrorMessage("生成订单错误");
}
for(OrderItem orderItem : orderItemList){
orderItem.setOrderNo(order.getOrderNo());
}
//清空一下购物车
this.cleanCart(cartList);

//返回给前端数据
OrderVo orderVo = assembleOrderVo(order,orderItemList);
return ServerResponse.createBySuccess(orderVo);
}

用户创建订单后，在订单详情页可以查看订单的具体内容。如商品名称、商品价格和商品数量。用户可选择已经添加的收货地址或者添加新的收货地址点击提交订单进行支付。订单详情页如图5-6所示。

用户新增收货地址的代码实现如下：

5.1.7 支付信息详情页

用户点击提交订单后可到支付信息详情页完成支付，支付信息页展示订单号和支付宝支付二维码，用户可通过支付宝扫码的方式完成支付。支付信息详情页如图5-7所示。

5.1.8 支付宝支付功能

提交订单后用户可使用手机支付宝软件进行扫码支付，网站会将支付信息传给支付宝，包括订单描述、订单号和支付金额。用户输入密码完成支付。支付宝支付界面如图5-8所示。

支付宝当面付提供以下主要接口：预下单接口，查询订单接口，订单取消接口和交易关闭接口。网站后台通过调用预下单接口将订单信息发送支付宝后，支付宝返回的QR码显示在前端。用户打开支付宝app扫描QR码以完成支付。最后，完成支付宝回调。支付宝支付的流程如图5-9所示。

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