【《基于移动终端技术的购物系统设计与实现》9200字（论文）】

基于移动终端技术的购物系统设计与实现摘要随着移动终端设备在人民群众间的不断普及，带动了无线通讯技术以及终端通讯技术的不断进步。网络响应速度愈加迅速，移动支付更为快捷，基于电脑平台的购物系统可以让人们足不出户享受购物的乐趣，而基于手机端的在线购物则能使大众随时随地选购自己喜欢的商品，移动购物已然成为大众购物的首要之选。对于企业来说，移动端购物的快速增长，带来了新的机遇与挑战，设计好移动端业务，对移动端购物体验进行不断完善与优化，这样才能在未来市场中得到更好的发展。本文根据现有移动端在线购物商城和用户购物习惯，进行需求分析。在线购物系统主要功能分为：前台客户端和后台服务端。前台客户端主要功能模块有：注册登录、用户浏览、购物车管理、订单管理和后台服务端功能模块有：管理员登录、商品管理、订单管理。根据功能模块需求对系统进行了数据库的概念设计、逻辑设计、物理设计。系统选用混合开发模式，用FLUTTER框架实现部分功能模块。关键词：移动购物、电子商务、在线购物目录1绪论 11.1研究背景 11.2国内现状 11.3目的及意义 42需求分析 52.1功能需求分析 53系统设计 83.1系统功能设计 83.2数据库设计 93.2.1数据库概念设计 93.2.2数据库逻辑设计 103.2.3数据库物理设计 114系统实现 144.1开发工具 144.2系统实现 144.2.1相关技术 144.2.2系统实现 174.3软件测试 244.3.1功能测试 244.3.2平台适配性测试 25结论 26参考文献 281绪论近年来，伴随着我国国民经济的快速发展以及国民经济和社会发展信息化的不断进步，在线购物已经成为中国消费者的一种消费习惯，也是网民常态化的购物方式。1.1研究背景随着移动终端设备在人民群众间的不断普及，带动了无线通讯技术以及终端通讯技术的不断进步。同时，随着终端通讯技术与传统互联网技术的不断融合与发展，阻碍移动信息化进程发展的最大问题宽带问题得以解决，从而，IT移动信息化产业得以蓬勃发展。在经济不断发展的今天，传统的生活模式已经不能满足现代人的日常需求，移动信息化产业作为时代发展的一大标志性产物，正在逐渐的成为人们生活中不可或缺的一部分。人们通过移动终端设备，可以随时随地的接入互联网，完成以往只能在终端PC上才能完成的事情。当代年轻人越来越离不开平板、手机等移动设备，随着移动设备功能日趋强大，网络响应速度愈加迅速，移动支付更为快捷，移动购物已然成为大众购物的首要之选。如今，手机移动端购物相对PC购物方式来说更加的简单、快捷、操作方便，人们不被限制在电脑前购物，也不用刻意的找时间去上网购买商品，不需要在固定的客服上线时间咨询产品信息。只要拥有一款智能手机，就可以随时随地的查看商品，这很大程度上来说大大的增加了购物的效率。1.2国内现状目前国内的电商平台众多，有综合商品类的天猫、京东、拼多多、当当、美团、苏宁易购等,还有各大品牌自己的手机商城,品牌类商城如华为商城、小米商城等，生活服务类的有物美的多点，永辉的永辉生活、盒马先生等等，各大网站都有自己对应的手机客户端，他们抓住手机网上购物的消费者，从而更好的提高自己的市场占有率。移动电话用户的数量已经超过了世界上一些国家互联网的连接数量。智能手机现在正在成为连接互联网和访问互联网服务的主要手段。根据从国家工信部收集得到的数据，2018年我国手机用户数量增量为1.49亿部，截至2018年12月底，我国智能手机用户数量达到15.7亿部，人均手机数量超过1部。2013年以来中国移动购物市场规模快速发展，随着我国智能手机技术的快速发展，加之5G技术的加快普及，伴随着国家逐渐完善电子商务行业相关法律法规，推动着中国电子商务的发展，截至2019年，中国移动购物市场规模达到67659.5亿元，手机网络购物用户达到7.06亿人。2020年，移动端购物者占比达到69.31%[1]。图1.SEQ图3.\*ARABIC12021-2019年中国移动电商用户规模图1.22013-2019年中国移动电商交易规模移动终端即移动通信终端，是指可以在移动中使用的计算机设备，其移动性主要体现在移动通信能力和便携化体积。广义上讲包括手机、笔记本、POS机甚至包括车载电脑。但是大部分情况下是指手机或者平板电脑。智能手机等移动终端的存储、运算能力不断增强，但其显示、输入等不如PC灵活，对操作界面灵活性有强烈的要求。移动终端的操作系统比较多，目前流行有Android、iOS等。目前移动应用程序按开发模式可分为NativeAPP和HybridAPP、WebAPP三大模式。NativeAPP开发模式，即原生开发模式，是一种传统的开发模式，在应用性能上和交互体验上是最好的，但可移植性差，需要为不同操作系统单独开发独立版本，开发成本大。WebAPP移动端是基于Web的系统和应用，一切资源从服务器加载，加载慢相应速度慢，但开发速度快、开发成本低和跨平台性。HybridAPP即混合开发模式，综合运用原生开发语言与WebAPP开发语言，混合开发模式继承了原生开发模式以及WebAPP开发模式两者的特性，同时具有原生开发模式用户体验好以及WebAPP开发模式低成本跨平台的优点[2]。1.3目的及意义本文是针对移动终端的在线购物系统的设计，在客户端的主页面的进行登入进入相应的页面。进行商品的查询和购买等功能，商家和买家在线下，可是对于线上平台相当于两个端口，一个管服务，一个管客户。他们通过手机APP进行联系，客户可以给予自己的申请，另一方就会提供所需的服务。优点在于两者无需见面，节省了人力，超越了距离，这样人们足不出户就可以买到自己想要的东西，手机比电脑的灵活性决定它可以在任何地点选择自己想买的东西。买家也可以买到距离自己很远的商店甚至是国外的东西。这样方便了人们的生活，无论是在下班的路上还是无聊的等车期间，手机APP都可以帮助你买到你想要的东西[3]。对于企业来说，移动端购物的快速增长，带来了新的机遇与挑战，设计好移动端业务，对移动端购物体验进行不断完善与优化，这样才能在未来市场中得到更好的发展。2需求分析需要分析是程序设计中关键的一个步骤，是其它步骤的基础。主要确定目标系统有哪些功能。在这个步骤里搜集用户所有的将要开发的系统的需求信息，并且把这些信息编写需求说明书[4]。在软件工程的历史中，很长时间里人们一直认为在整个软件工程中最简单的一个步骤就是需求分析，但随着时间的推移，越来越多的人认识到，它是整个过程中非常关键的一步。很多事实表明，当很多失败的大型应用系统在分析原因的时候，突然会发现，一切都是失败的需求分析导致的：不彻底或者不完善的需求分析，归结于需求分析的方法使用不当，使得开发者需要不停地对需求进行分析，也使得设计、编码、测试等环节无法顺利进行下去，客户和我们配合不好，导致客户对需求认知不明，客户不断变化的需求，同样无法顺利进行设计、编码、测试等环节。软件的需求分析是软件开发前的第一个阶段，也是关系到软件开发的关键步骤，在整个软件开发的过程环中，可以说这个阶段所要占用的时间是相当大的。如果需求分析做好了，那么在以后的软件设计过程环中，可以省去不少的时间。该阶段不是确定系统怎样的完成它的工作，而仅仅是确定系统必须完成哪些工作，也是对目标系统提出完整、正确、清晰、具体的要求。2.1功能需求分析移动端在线购物系统主要作用是商家通过该系统来介绍展示销售商品，用户利用移动设备通过该系统来浏览了解商品,最终下单购买商品。移动端的在线购物用户的整个过程是：用户通过移动设备打开系统，通过关键词搜索或者分类查找想要的商品，查看商品详情信息，确定是自己要购买的商品后，注册登录，提交订单，提交结算、等待收货。商家主要的事项：管理员登录后台系统，对商品进行上传管理，订单处理，会员管理等。通过分析开发基于移动端的在线购物系统的主要功能分为：客户端功能和服务端功能。这两个功能分别来源于基于客户端和后台的服务器端。其主要功能分为：客户端功能，服务端功能。客户端主要是使用系统的用户群体，他们在使用的时候，需要如下的一些功能来满足用户的需求和操作：(1)客户端注册功能首先为每个用户设置了相应的登录账号功能，用户在访问之前先确定自己对应的基本信息，准确无误后进行输入，即可注册成功。(2)登陆功能买家要自己在网站所用昵称及对应的密码用户输入已有用户名和对应的密码，选择登录功能的按钮，即可登录客户端。(3)搜索商品功能：买家用户可以通过搜索栏进行任意需求商品的搜索，这时搜索栏也会保存近日用户的搜索记录和搜索的关键词等。(4)商品浏览功能：买家用户通过商品详情，就可以查看每个商品所赋予的详细介绍的情况。(5)购物车功能：用户对想购买的商品，在可以选择的栏里进行加减的选择，从而确定付钱产品的多少，用手指存放到shoppingcart里面，则在购物车里就可以查找到对应的商品。(6)订单功能：当用户可以在自己的用户中心查看历史订单记录。服务端的功能主要是管理员进行商品维护、订单处理等。主要分为以下三个功能：（1）管理员通过账号，登录后台系统，只有登录状态下，才能进行后台相应操作。(2)商品管理功能：管理员可以通过登录系统，对商品的信息进行管理，如增加新的商品，删除某些产品，修改完善商品信息，调整商品状态，增加库存等。主要操作有以下三步：录入商品相应的信息，存储基本信息和检测进行提交。(3）订单管理功能：对订单做相应处理，查询订单信息，安排发货，后台操作出库改变订单状态等。对于功能需求,可以通过用例图来形象直观的表达。用例视图是描述软件产品外部特性的视图。用例视图从用户的角度而不是开发者的角度来描述对软件产品的需求,分析产品所需的功能和动态行为。因此对整个软件开发过程而言,用例图是至关重要的,它的正确与否直接影响到用户对最终产品的满意程度。根据以上的功能需求,画出该系统的用例图如图2.1和图2.2所示。（1）客户端用户的用例图图2.1用户用例图（2）web服务器端管理员的用例图图2.21管理员例图3系统设计需求分析完成后,接着就进入系统设计阶段。系统设计的基本目标是用比较抽象概括的方式确定目标系统如何完成预定的任务。软件设计分为概要设计和详细设计。概要设计就是描述软件系统的草图,即确定系统的物理模型[5]。3.1系统功能设计根据上面需求分析，在线购物系统的总体结构形式进行总体上的规划,系统分为面向用户的前台客户端和面向管理的服务管理端。面向用户的主要是用户使用,前台客户端提供的功能有：用户注册登录、查找自己需要的商品，进行在线下单结算，服务管理端的功能有：管理员对商品、订单管理。用户和管理员具有不同的功能和权限。系统功能模块如图3.1所示。图3.1功能模块图客户端的主要使用对象是普通用户，功能有用户登陆、注册、商品查询、购物车管理和订单管理等；服务端模块的操作对象是管理员，功能有：管理员登陆、商品信息管理以及订单信息管理。3.2数据库设计数据库的设计是软件系统开发和建设中基础和核心的部分，良好的数据库设计可以让系统具有更快更好的运行速度。目前关系型数据库是我国中小型系统的主流选择。关系型数据库的设计要有严格的设计规范，对软件系统中的各类数据进行有效的组织存储和维护，为软件系统运行中的数据需求提供高效准确的处理速度。在实现这个目标的过程中数据库的规范设计就显得尤为重要，保持数据存储的一致性和完整性是提高数据存储和处理效率的重要保障之一。在数据库设计时，不仅需要满足数据库的设计准则，还需要结合具体的业务知识分析出系统中的不同实体之间的关系，并确定这些实体之间的关系类型。3.2.1数据库概念设计概念结构设计是整个数据库设计的关键,它通过对用户需求进行综合、归纳与抽象，形成一个独立于具体DBMS的概念模型。概念设计包括实体和联系两个组件。联系可以分为一对一，一对多，多对多三种联系[6]。一对一联系，即实体与实体之间是一对一的关系，如购物标识与创建日期之间是一对一的联系；一对多联系，即第一个关系中的实体可以对应第二个关系中的多个实体，但第二个关系中的实体只能对应第一个关系中的一个实体，如多个会员可以同时登录购物车，但每个会员只能登陆一个购物车；多对多联系，即多个实体可以与多个实体对应。从功能需求分析得出数据库需求可以得到此购物系统的E-R图。如图3.2所示。图3.2在线购物系统关系E-R图(1)用户实体：注册顾客的多个属性，包括ID、账号、密码、姓名、性别、年龄、收货地址、手机号。(2)管理员实体：管理员ID、管理员账户、管理员密码。(3)商品实体：商品ID、商品分类、商品单价、商品名字、库存、上架时间、商品描述等这些属性。(4)订单实体：描述了订单的情况，包括订单号、顾客名、下单时间、订单总价、收货地址、收货电话等这些属性。(5)购物车实体：包括了当前顾客id、顾客名称、商品编号、商品数量、总价这些属性。3.2.2数据库逻辑设计按照E-R图进行数据库关系转换，得到目标系统的所有关系模式，如下所示，其中括号内为实体属性，画横线部分为主键，斜体部分为外键。管理员（管理员编号、用户名、密码、部门、创建时间）客户表（用户编号、用户名、密码、手机号、注册日期、姓名、性别、出生日期、地址、邮箱）商品表（商品编号、商品标题、商品主图、商品价格、库存、商品分类、商品描述、商品状态、商品销量、创建时间）订单详（订单编号、下单时间、付款时间、商品编号、商品数量、订单总金额、用户编号、订单状态）购物车（购物车编号、用户编号、商品编号、商品数量、购物车商品总价）3.2.3数据库物理设计数据库表是一个设计和实现一个系统的基础。逻辑设计是把概念设计时使用的E-R图转化成关系模型，其次再转换成DBMS支持的数据模型，最后对数据库进行优化。关系数据库对应的是每一张关系数据表，下面对系统涉及到的某些数据表进行说明，包括各种数据表的列名、含义、约束条件、类型和判断能否允许为空等内容的说明，具体信息如下所示：员表如表3.1所示，用于存储系统管理员的属性。）表3.1管理员表字段名描述类型长度可否为空约束Admin_no编码Int11否主键Admin_id用户名Varchar50否无Admin_pwd密码Varchar32否无Admin_department部门varchar32否无Admin_date创建时间datetime否无用户表如表3.2所示，用于存储用户的个人信息。表3.2用户表字段名描述类型长度可否为空约束User_no用户编号int13否主键User_id用户名Varchar16否无User_password密码Varchar16否无User_phone手机号话Varchar13否无User_date注册日期dtetime否无User_name姓名Varchar16是无User_sex性别Varchar4是无User_birthday出生日期datetime是无User_address收货地址Varchar200是无User_email邮箱varchar120是无(3)商品表如表3.3所示，用于存储商品的诸属性。表3.3商品表字段名描述类型长度可否为空约束Goods_no商品编号Int13否主键Goods_title商品标题Varchar40否无Goods_imge商品主图Varchar255否无Goods_price商品价格decimal10，2否无Goods_amount库存Int13否无Catalog_name商品分类Varchar(45)45否无Goods_descri商品描述text否无Catalog_status商品状态int13否无Goods_sales商品销量int13否无Goods_date创建时间Datetime否无(4)订单表如表3.4所示，用于存储订单实体的属性。表3.4订单表字段名描述数据类型长度可否为空约束Order_no订单编号Int13否主键Order_date下单时间Datetime否无Goods_no商品编号Int13否外键Order_num商品数量number4否无Order_totalmoney订单总金额decimal10,2否无User_id用户编号Int13否外键Order_state订单状态Varchar13否无(5)购物车表如表3.5所示，用于存储购物车实体的属性。表3.5购物车表字段名描述数据类型长度可否为空约束Cart_no购物车编号Int13否主键User_no用户编号Int13否外键Goods_id商品编号Int13否外键Goods_amount商品数量Int13否无Cart_money购物车商品总价decimal10，2否无4系统实现4.1开发工具系统选用Dart为开发语言，Flutter框架进行App程序的设计，使用Dio进行html界面进行数据请求,SQLite数据库。在Windows上搭建Flutter开发环境（1）操作系统:Windows7或更高版本(64-bit)（2）磁盘空间:400MB(不包括AndroidStudio的磁盘空间).（3）工具:Flutter依赖下面这些命令行工具和AndroidStudio。4.2系统实现4.2.1相关技术（1）dio插件网络连接使用dio插件，dio是一个强大的DartHttp请求库，通过调用getHttp方法就可以请求网络api接口了。后期通过转model方式，接收服务器端发送过来的JSON字符串数据转换为Dart文件，让Json弱语言传化成强类型语言。当点击按钮，按钮会调用方法，并进行一定的判断。比如判断文本框是不是为空。然后当后端返回数据时，用setState方法更新了数据。（2）flutter_ScreenUtil屏幕适配flutter_ScreenUtil屏幕适配方案，让UI在不同尺寸的屏幕上都能显示合理的布局。先设置一个UI稿的尺寸，他会根据这个尺寸，根据不同屏幕进行缩放，能满足大部分屏幕场景。首先在home_page.dart里，用import进行引入。在build方法里，初始化设计稿尺寸，ScreenUtil.instance=ScreenUtil(width:750,height:1334)..init(context);.给Container设置高和宽的值height:ScreenUtil().setHeight(333),和width:ScreenUtil().setWidth(750)。（3）EasyRefresh下拉刷新上拉加载EasyRefresh实现下拉刷新以及上拉加载操作，前提是需要包裹成ScrollView。支持Andorid(光晕)，ios(越界回弹)效果，支持任意的ScrollView控件，如果不是进行简单封装即可(所以理论是所有控件)，支持自定义并且已经集成了很多炫酷的Header和Footer，支持下拉刷新、上拉加载(可自动)，支持Header和Footer列表嵌入以及视图浮动两种形。（4）更多功能extFormField文本框内容，并且验证用户名、密码。TextEditingController，监听用户名文本框,FocusNode控制焦点内容，实现键盘回收。手势（GestureDetector），实现点击空白处，键盘回收操作。分区块实现每个widget，最后将各个区块widget，放到ListView组件中。4.2.2系统实现（1）前台主界面模块：打开客户端，进入系统主页面，最上面搜索框对应系统的商品搜索,输入关键词进入搜索页面。中间是系统自动推荐商品。页面底部有首页、分类、购物车、我的四个功能按钮，声明一个BottomNavigationBarItem类型的List，并设置文字和图标,利用onTap事件(单击事件),来改变导航栏的状态和切换页面。首页是在线购物商城的主界面，分类是显示商品内商品类别，点击购物车可以已查看购物车商品，我的进入个人中心。如图4.1：图4.1系统首页（2）商品搜索模块为了用户方便查找自己所需要的商品，可以在搜索框直接输入商品关键词，系统就可以根据用户输入的信息与数据库商品表中的对应字段进行对比，从而对商品表中的所有商品进行过滤，返回符合条件的商品,实例化一个Dio对象发送请求的webApi['productList']，通过get方式获取数据，定义数组用来保存“商品列表数据”,,使用Warp展示推荐商品，使用SliverList展示商品列表内容，每条内容由Item布局，显示商品的缩略图、标题、价格。该功能的意义在于,面对琳琅满目的商品,用户根据自己的需求快速定位商品,节省时间提高效率。如图4.2图4.2商品列表页面（3）商品信息模块通过搜索结果点击自己想查看的商品详情，进入对应的商品详细信息页面，显示商品主图、标题名称、价格、商品详细描述等。用户下拉可以查看详情并选择加入购物车，还可以返回商品列表页，选择其他商品。如图4.3图4.3商品详情页（4）注册登录模块登录：用户想要加入购物车或者立即购买操作，需要先登录才可以，在登录页面输入用户名或者手机号，密码处输入密码。点击登录按钮，系统读取用户名和密码发到服务器端，在数据库中进行匹配，若匹配成功，返回结果并跳转至原页面；若匹配失败，系统就会拒绝用户登录，并返回对应错误信息，用户名或密码不正确。用户需根据确认正确的信息，再次登录。也可以通过忘记密码重置密码。新用户可以点击注册，注册用户名。如图4.4图4.4登录页面注册：用户进入注册页面后，直接输入用户名、密码、确认密码和手机号，点击注册。点击提交后，用户信息传到服务器端并且存储在数据库中，返回注册成功的结果，跳转至登录界面。如图4.5图4.5注册页面（5）购物车模块在商品详情的页面中，可以选择商品数量，并通过点击“加入购物车”按钮，将其加入到购物车中。点击购物车进入用户的购物车页面，以列表形式显示该用户购物车所有商品。购物车列表面显示商品缩略图、名称、价格、数量，最底部显示选中商品的总金额和结算按钮。用户可以通过点击商品可以再次确认商品查看商品详情。加减键可以修改要购买商品数量。当用户点击加号增加商品数量时，系统获会在数据库中的商品表中查找到该商品所对应的库存数，如果用商品数量小于或等于这个库存的数量，则会自动增加，否则数量不变，提示已超出库存数量。用户还可以通过清空按钮清所购物车内所有商品。用户确认好商品后，点击结算进入系统购买页面，填写收货信息支付即可。如图4.6图4.6购物车管理（6）订单模块在订单页面中，用户可以查看订单列表，点击更多跳转至订单详情页面，查看详细信息：订单编号、订单金额、下单时间、订单状态、订单商品缩略图、商品标题等。如4.7图4.7订单列表页4.3软件测试4.3.1功能测试功能测试，又叫做行为测试，根据产品的特性，操作描述和用户方案，测试一个产品的特性和可操作性，来确定它们满足设计需求。本文系统中，采用了功能测试的方法对系统各模块的功能进行了测试，发现系统中存在的不足和缺陪，从而在以后的工作中对它进行不断的改善。打开系统，主页面可以正常打开，最上面搜索中输入关键词搜索商品，点击搜索按钮后，自动跳转到商品例表页面，直接点击商品后，自动跳转到商品详情页面。点击加入购物车，跳转到用户登录页面。在登录页面点击注册，跳转至新用户注册，输入用户名、密码、确认密码、手机号，点击注册，显示注册成功，返回合录页面。直接输入注册的用户名密码，直接登录。登录后跳转购物车管理页面，商品已成功添加至购物车。点击提交订单，进入支付页面。至此我们客户端测试完成。4.3.2平台适配性测试表4.1平台适配性测试品牌型号系统平台是否通过荣耀YAL-AL00Android—10通过OPPOReno3ProAndroid—11通过小米小米A3Android—11通过vivovivoX21Android—9通过受条件限制，选取了荣耀、OPPO、小米和vivo四款手机，分别运行目标软件。测试结果如表4.1，可以看出，本软件均通过了以上四个平台的适配性测试。结论本文首先介绍了在线购物和移动端购物现状，智能手机的全面普及，越来越多的企业用移动终端来宣传销售商品，因此开发一套针对移终端的在线购物系统是有现实意义的。其次介绍了移动端应用程序的开发三大模式：原生开发、web开发和混合开发模式。最后根据现在有移动在线购物商城和用户购物习惯，进行需求分析。针对主要模块注册登录、用户浏览、购物车、订单管理和后台管理员相关功能模块进行详细分析。根据功能模块需要对系统进行了