您好,欢迎来到智榕旅游。
搜索
您的当前位置:首页微信小程序下二手数码产品交易平台的设计与实现 计算机科学和技术专业

微信小程序下二手数码产品交易平台的设计与实现 计算机科学和技术专业

来源:智榕旅游


微信小程序下二手数码产品交易平台的设计与实现

[摘要]微信小程序的简单和方便吸引了众多用户。因此,我们专门开发了这个微信小程序的设计和开发-数码产品交易微信小程序。二手数码产品交易微信小程序的设计开发主要是以功能设计的形式,以及JavaScript在小程序中的完整应用,这是它的整体设计。网页设计非常人性化,界面配置简单,易于理解,方便用户使用。设计过程首先需要应用程序语言和界面艺术为系统创建静态页面。在这些领域取得了良好的效果。其次,我们努力学习并实践了许多技术,例如JavaScript动态编程和MySQL数据库,并将其应用于程序的构建中。二手数码产品交易微信小程序的开发利用现有成熟的技术参考资料,以源代码为模板,分析功能调整的结合以及二手数码产品交易软件管理的设计与实现要求,并讨论JavaScript设计和实现二手数码产品交易微信小程序的意义,方便用户随时在线查看小程序的信息和操作流程。

[关键词] 二手数码产品交易微信小程序;JavaScript ;MySQL

I

Second-hand digital products trading WeChat small procedures

[Abstract]The simplicity and convenience of WeChat applets attract many users. Therefore, we have developed this WeChat applet design and development specifically - digital product trading WeChat applet. The design and development of the used digital products trading WeChat applet is mainly in the form of functional design and the complete application of JavaScript in the applet, which is its overall design. The web design is very user-friendly, with a simple interface configuration that is easy to understand and user-friendly. The design process first requires the application of programming language and interface art to create static pages for the system. Good results were achieved in these areas. Secondly, we worked hard to learn and practice many techniques such as JavaScript dynamic programming and MySQL database and applied them in the construction of the program. The development of the used digital product trading WeChat applet utilizes existing mature technical references and uses the source code as a template to analyze the combination of functional adjustments and the design and implementation requirements of the used digital product trading software management, and discusses the significance of JavaScript to design and implement the used digital product trading WeChat applet to facilitate users to view the information and operation process of the applet online at any time.

[Key words] second-hand digital products trading WeChat small procedures; JavaScript; MySQL

II

目 录

摘 要.......................................................................................................................... I ABSTRACT .............................................................................................................. II 第 1 章 绪论 ............................................ 1

1.1 1.2 1.3 1.4 1.5

选题背景 ................................................... 1 研究现状及发展趋势 ......................................... 1 课题的研究意义 ............................................. 2 研究内容 ................................................... 2 论文结构与章节安排 ......................................... 3

第 2 章 相关技术 ........................................ 4

2.1 2.2 2.3 2.4 2.5 2.6

Java技术 ................................................... 4 JavaScript技术 .............................................. 4 微信开发者工具 ............................................. 5 MySQL数据库 .............................................. 5 IBM Rational Rose Enterprise Edition ............................ 6 本章小结 ................................................... 6

第 3 章 系统分析 ........................................ 7

3.1 3.2 3.3 3.4 3.5 3.6 3.7

研究目标 ................................................... 7 系统可行性分析 ............................................. 7 系统功能需求分析 ........................................... 8 功能分析 ................................................... 9 术语表 .................................................... 31 其他需求 .................................................. 32 本章小结 .................................................. 32

第 4 章 系统设计 ....................................... 33

III

4.1 4.2 4.3 4.4 4.5

概述 ...................................................... 33 关键用例时序图 ............................................ 33 开发流程设计 .............................................. 35 数据表 .................................................... 40 本章小结 .................................................. 45

第 5 章 系统实现 ....................................... 46

5.1 5.2 5.3

用户前台功能模块(前端) .................................. 46 管理员功能模块(后端) .................................... 50 本章小结 .................................................. 59

第 6 章 系统测试 ....................................... 60

6.1 6.2 6.3 6.4

系统测试的目的 ............................................ 60 测试方法及用例 ............................................ 61 兼容性测试 ................................................ 66 本章小结 .................................................. 67

第 7 章 总结与展望 ..................................... 68 参考文献 ................................................ 69 致 谢 .................................................. 70 附 录 .................................................. 71

IV

第 1 章

绪 论

本章主要介绍了系统设计的背景、研究现状和发展趋势、研究意义和主要内容。

1.1 选题背景

随着互联网时代的到来,互联网的优势和普及一直深刻的改变着人们的日常生活习惯,在互联网技术迅猛发展的当下,放眼全球可以发现,许多与计算机技术应用密切的实例。为了不受时间和地点的,移动端手机用户可以通过在线网络或Wi-Fi访问数据网络节点并使用互联网,这将成为未来手机终端长期发展的常见画面。通信工具软件已成为人们生活中不可或缺的物品。但是,拥有大量的通信软件开发人员和种类繁多的软件,微信可以脱颖而出,并且很受人们的欢迎。随着智能手机的广泛使用,微信用户越来越多,微信的发展规模也随之扩大。

随着移动端用户的增加,微信使用者的数量也有了显著的提升。在日常生活使用中,微信的使用不仅限于聊天,还可以使用许多拓展服务。比如微信用户可以使用微信公众号获取和接受知识,也可以通过微信小程序进入相关的终端系统。 小程序的广告被用来支持对公众号的关注。本文对二手数字产品交易微信小程序主要涉及程序、数据库和计算机技术。覆盖大面积的知识可以大大提高系统人员的工作效率。

1.2 研究现状及发展趋势

大量的数据表明,对于迅速发展的社会而言,人们的需求已经有了明显的变化。不仅从原有的单一转变为了多元,更强调了快速简洁的重要性。这使得操作简便、易于上手的微信小程序将获得更大的应用空间。这时,有一个交易二手数码产品的微信小程序。这类小程序经过专业技术人员的设计,实现了页面简单、使用方便的功能。同时,随着小程序的出现,一些app功能集中在这里。当用户需要使用相关软件时,不需要移动到应用商城,不需要消耗内存,流量和时间可

1

以直接在小程序上使用此软件[4]。由于小程序是开放免费的,Android系统的市场份额高达70%,具有很大的发展潜力。现在已经逐渐超越IOS系统,并趋向于更广阔的领域[5]。

二手数码产品交易微信小程序上的问答,目的是收集充分、真实、有效的信息,为管理提供参考依据。微信小程序从功能、数据流程、可行性、运行环境等方面进行需求分析。详细设计了微信小程序的数据库和功能,分析了主界面设计和相关组件设计,介绍了微信小程序的具体实现。微信小程序和数据库的互操作性很强。通过从数据库中检索数据并进行基本的增删改查的数据库操作。在网页中添加动态内容,实现微信小程序所需的各种基本功能。

1.3 课题的研究意义

随着微信功能的不断完善,出现了大量的微信小程序。根据数据调查,用户在使用小程序时总是有一种先入为主的视觉体验。该软件有一个漂亮的界面,使用户能够从心底里决定使用它,然后他们就能更好地理解软件的质量。美观是吸引用户的第一步。有必要增加界面设计的投资,以便用户可以体验应用程序的更多功能并能够使用该软件[6]。

1.4 研究内容

这款二手数字产品交易微信小程序采用了比较成熟的JavaScript技术和比较完善的开发环境和平台,使得二手数字产品交易微信小程序能够更加安全,更加技术性地满足系统内所有信息的管理。本课题旨在实现主页、个人中心、用户管理等功能,手机销售管理、免费估价管理、一键回收管理、电子保修卡管理、订单管理等,完成对二手数字产品教育程序的有效使用。在通过微信小程序进行交易的过程中,不仅可以提升用户实际工作中的效率,尽可能降低由于人为重复性操作而带来的错误,还可以为数据的录入、存储以至于最后的综合提供了更为便捷话的选择。

2

1.5 论文结构与章节安排

全文可以细分为以下的七个章节,其详细内容如下所示:

第一章,绪论。全文主要从以下的几个维度展开介绍。第一,全文行文的选题背景和意义。第二,现如今微信小程序的研究状况。第三,课题开展的实际意义与价值。第四,研究的发展趋势及未来动向

第二章,相关技术。通过技术的详细介绍,展示系统开发过程的具体环节,并详细说明其研发的意义与价值。

第三章,系统分析。从多个维度进行分析以显示其系统设计的核心所在。 第四章,系统设计。本节定义了系统的开发过程、时序图、实体联系图和系统使用的数据表等。

第五章,系统实现。系统实现分为前端和后端两个模块。本章将分别展示前端和后端的功能实现和相关代码。

第六章,系统测试。对系统进行全面测试,从而检验其运转过程。 第七章,对未来的总结与进一步展望。

3

第 2 章 相关技术

页面设计可以吸引大量用户,其重要性不容忽视,因此系统设计的相关技术非常重要。需要使用的相关技术一般有: JavaScript、MySQL、Java和微信开发者工具。

2.1 Java技术

接口设计所需的最基本技术是Java,它是一种具有继承性、封装性和多态性的计算机编程语言,在企业网页应用程序的开发中,Java程序员往往是开发的首选语言。其不仅可以将源代码翻译成字节码,更可以通过java virtual machine对源程序进行编译,最终使得程序的顺利运行,这也是区别于其余编译语言的主要因素,也是它最大的优势。

由于Java的跨平台功能,Java技术对于小程序的实用性是不可或缺的。 尽管在其研发初期,Java的发展一度受到了各种因素的影响,但是随着其web端的应用使得情况得到了极大的改善。Java的功能主要包括以下几点:

1、Java是面向对象的程序编程语言,其属于高级程序开发语言。 2、Java语言在编程过程中会将涉及到的方法转换成对象,在操作过程中,也会将原有的类进行封装。

3、Java语言的出现极大的便利网页版的发展,同时随着编程技术的不断提升,设计思路和设计环节也越发容易。

2.2 JavaScript技术

除了提高软件互操作性,小程序还需要提升软件使用过程中的安全性。JavaScript语言是一款主要用于事件驱动的脚本语言。其可以在移动终端的浏览器页面中嵌入并按照实际需求执行相应的HTML代码。JavaScript使Web开发人员能够更有效地控制页面。与Java语言相同,JavaScript编程语言也可以实现跨平台编程。其可以于任何的操作系统从而最终实现项目的集成。

4

JavaScript还同时拥有占用少量系统和网络资源的优势。因此,嵌入式JavaScript在JSP页面中实现了一些检测功能,这将使网页更具交互性,响应速度更快,效率更高[8]。

2.3 微信开发者工具

微信开发者工具现在已经由小程序开发团队开发运行了,但是还在不断完善,需要不断更新。在开发和调试小程序时,工作人员需要通过他们的微信扫码登录后才能开始工作。

开发者工具常用的功能有如下:

(1) 视图调试: 标准组件以其子级别的分层结构显示,这对于调试很有用。 (2) 资源文件:一般按照资源文件的属性进行基本的断点测试。 (3)机型选择:小程序会根据智能手机的屏幕尺寸进行切图。 (4)本地数据存储:查看本地存储的数据。

(5) 预览界面: 编程完基本的视图布局后,通过jvm的后期编译来实现动态化的更新基本视图。

(6) 查看远程调试: 通过移动设备终端系统进行联合调试。

(7) 合法域名信息在开发中一般不验证:微信的代码处于2m的范围内。 (8) 小程序的后台配置服务器域名:按照程序的开发环节来进行域名的配置和更新。

(9) 开发过程中一般不验证合法域名信息: 开发过程中通常不验证合法域名信息

(10)控制台:进行基础的调试环节。

(11) 上传代码:将原始代码上传到后台服务器中,并进行基本的检查和审核。在编辑过程中按照实际的版本序号进行。 微信的程序开发过程和环境都在一直进步。

2.4 MySQL数据库

MySQL的语言是非结构化的,用户可以处理数据。MySQL被广泛使用,因为

5

它的语言和结构相对简单,但是它的功能和存储信息非常强大。特别是当不需要事务处理时,MySQL是管理内容的最佳选择[9]。

2.5 IBM Rational Rose Enterprise Edition

Rational Rose是一款高级程序语言建模工具,其和众多编程语言一样,是面向对象的程序开发语言,可以为后期的组件的设置提供平台。

2.6 、本章小结

本节主要介绍系统中使用的核心技术和工具: JavaScript、MySQL、Java、微信开发者工具和Rational Rose。JavaScript是跨平台的,于任何特定的机器或操作系统,可以紧密集成并在不同的平台上协同工作; 用户可以在数据上工作; 微信开发者工具将常见的H5编辑代码工具与微信内部框架的特点相结合; rational Rose常用于软件建模。

6

第 3 章 系统分析

系统分析的主要部分涵盖:具体的研究目标、项目的整体可行性、系统的功能模块、术语表、其他需求。通过需求分析可明确系统功能的大致框架。

3.1 研究目标

1、探究Android应用程序的来源与发展;

2、Android平台手机二手数码产品交易微信小程序的开发,尝试使用不同组件进行多种结合;

3、结合初始开发需求,运用建模工具进行需求分析。

3.2 系统可行性分析

1、可操作性

二手数字产品交易微信小程序的可操作性,通过严格的系统论证设计来丰富用户体验。从用户的角度出发, 其可以通过操作系统来动态,掌握数据节点信息,并简单直接的访问其内部系统。借助系统设置的导航菜单来操纵软件的功能板块,从而可以帮助用户实时查阅相关数据。除此之外,系统的运行并不要求操作者具有极高的专业素质,因此,对于一个普通人进行基础培训后,其操作性可以得到良好的保证。

该系统可以用于基于安卓系统的手机,由于其共有基本的技术架构,使得用户仅通过一部安卓智能手机就可以实现简易的操作。

2、经济可行性

在开发二手数字产品交易微信小程序系统以及与二手数字产品交易软件平台相关的其他系统之前所做的市场调研,均不收任何费用,二手数码产品交易微信小程序的开发不需要购买其他软件或端口,而且二手数码产品交易微信小程序开发前做的市场调研等安卓app都没有成本,所有的工作都是自己完成的,当遇到比较难解决的问题时,大部分都是通过同学和导师的帮助来解决的,因此,开

7

发二手数字产品交易的微信小程序在经济上是可行的,不需要任何费用。

3、技术可行性

这款二手数字产品交易微信小程序是在操作系统中开发的,目前的APP性能已经可以胜任普通系统的服务器。系统开发中使用的技术也是自己拥有的,也是目前广泛使用的技术之一。

(1)硬件可行性分析

二手电子设备在使用微信小程序的同时,对于其硬件几乎没有过多要求。当计算机可以顺利地实现软件代码的编写且手机基于同样的操作系统,就可以实现微信小程序的正常运行。在此期间对服务器的配置有些许要求,其必须具有良好的安全性、较大的内存空间、较快的数据传输等优点。

(2)软件可行性分析

整个系统的开发使用云计算。流量的可扩展性和基于流量的智能调整。云计算的优势在于流量的可扩展性和基于流量的智能调整,保证系统的安全和数据信息的及时备份。

因此,我们从两个方面进行了可行性研究,可以看到二手数字产品交易微信小程序的开发没有问题。

3.3 系统功能需求分析

手机的发展已经成为群众日常的通讯工具,手机已经成为用户不可或缺的一部分。GPS网络服务的出现促进了手机软件的发展。这项服务大大提高了人们对移动上网的热情。因此,我国的移动通信能力有了明显的提高。并且这方便了用户的使用和体验,并改善了原有系统的缺陷和个性化。随着目前经济全球化的逐渐深入,市场的不断发展带来了新的机遇。为了满足用户在实际使用过程中的需求,手机端也可以开发功能更加齐全的软件。而随着移动智能化的到来,移动终端设备的使用数量将远超过电脑用户,在未来手机的使用用户数量也会随之达到新的高峰。

8

3.4 功能分析

根据系统功能需求建立的模块关系图如下图:

图3-1系统功能结构图

针对以上系统模块的划分,接下来对系统各模块的具体功能进行分析。分析工具是IBM Rational Rose Enterprise Edition。

注册模块用例如表3-1所示。

表3-1 注册模块用例

用例编号 用例名称 用例描述 参与者 前置条件

HTJYXT_01 注册模块 新用户创建新账户 新用户 新用户无注册 9

后置条件 涉众利益 新用户注册成功,跳转到登录界面 1、新用户可轻易而举的注册账户 2、新用户的注册信息可及时在系统的用户管理模块中被管理员查找到 基本路径 1、参与者(用户)启动系统,进入登录界面点击“注册用户”的按钮 2、系统显示注册信息填写界面 3、参与者填写账号、密码、姓名、联系电话 4、参与者提出注册请求 5、系统检测信息的充分性 6、参与者注册成功,进入系统登录界面 扩展点 1、注册信息的不充分性,返回注册界面 2、新用户身份不合法,返回注册界面 字段列表 业务规划 非功能需求 补充说明 注册模块活动图如图3-2所示。

10

图3-2 注册模块活动图

登录模块用例如表3-2所示。

表3-2 登录模块用例

用例编号 用例名称 用例描述 参与者 前置条件 后置条件 涉众利益 HTJYXT_02 登录模块 系统验证用户身份合法性后进入系统 管理员、用户 用户或管理员已注册 用户或管理员登录成功,进入系统主界面 1、用户/管理员希望登录后能按要求访问并使用权限范围内的功能 2、用户/管理员希望系统安全可靠,非法用户不能进入系统

11

续上表 3-2 基本路径 1、参与者启动系统 2、系统显示登录信息填写界面 3、参与者填写用户名、密码 4、参与者提出登录请求 5、系统检测信息的充分性 6、参与者登录成功,进入系统主界面 扩展点 1、登录信息的不充分性,返回登录界面 2、用户身份不合法,返回登录界面 字段列表 业务规划 非功能需求 补充说明 登录模块活动图如图3-3所示。

图3-3 登录模块活动图

12

个人中心模块用例如表3-3所示。

表3-3 个人中心模块用例

用例编号 用例名称 用例描述 参与者 前置条件 后置条件 涉众利益 基本路径 HTJYXT_03 个人中心模块 可修改账户的密码和用户名 管理员/用户 用户或管理员成功登入管理模块 用户或管理员登录成功,进入系统主界面,并点击“个人中心”按钮 可快速有效地更改账户名或密码 1、参与者进入系统主界面 2、参与者点击系统界面的“个人中心按钮”,进入个人中心模块 3、参与者点击“个人中心”模块的任一功能按钮: 3-1、若点击“修改密码”按钮,可进行密码重置操作; 3-2、若点击“个人信息”按钮,可进行修改用户名操作。 扩展点 字段列表 业务规划 非功能需求 补充说明 1、若输入或修改的信息格式不符合要求,则该操作失败,需重新操作

13

个人中心模块活动图如图3-4所示。

图3-4 个人中心模块活动图

用户管理模块用例如表3-4所示。

表3-4 用户管理模块用例

用例编号 用例名称 用例描述 参与者 前置条件 后置条件 涉众利益 HTJYXT_04 用户管理模块 查看与管理各用户的基本信息 管理员 管理员成功登入管理模块 管理员登录成功,进入系统主界面,并点击用户管理模块的任一功能按钮 促进管理员科学有效的管理用户的基本信息

14

续上表 3-4 基本路径 1、参与者进入系统主界面 2、参与者点击系统界面的“用户管理”按钮,进入用户管理模块 3、参与者点击“用户管理”模块的“用户列表”按钮; 4、可进行如下操作: 4-1:查询用户列表信息; 4-2:修改用户基本信息; 4-3:查询某一用户项的详细信息; 4-4:新增用户; 4-5:删除用户列表信息。 扩展点 字段列表 业务规划 非功能需求 补充说明 1、若输入或修改的信息格式不符合要求,则该操作失败,需重新操作 若其他用户(非管理员)登录系统,则不能执行上述基本路径(不能进入用户管理模块)。 用户管理模块活动图如图3-5所示。

图3-5 用户管理模块活动图

15

品牌分类管理模块用例如表3-5所示。

表3-5 品牌分类管理模块用例

用例编号 用例名称 用例描述 参与者 前置条件 后置条件 HTJYXT_05 品牌分类管理模块 查看与管理各品牌的基本信息 管理员 管理员成功登入管理模块 管理员登录成功,进入系统主界面,并点击品牌分类管理模块的任一功能按钮 涉众利益 基本路径 促进管理员科学有效的管理各品牌的基本信息 1、参与者进入系统主界面; 2、参与者点击系统界面的“品牌分类管理”按键; 3、点“品牌分类列表”按键; 4、可进行如下操作: 4-1:查询品牌分类列表信息; 4-2:修改品牌的基本信息; 4-3:查询某一品牌项的详细信息; 4-4:新增品牌信息; 4-5:删除品牌分类列表信息。 扩展点 字段列表 业务规划 非功能需求 补充说明 1、若输入或修改的信息格式不符合要求,则该操作失败,需重新操作 若其他用户(非管理员)登录系统,则不能执行上述基本路径(不能进入品牌分类管理模块)。 品牌分类管理模块活动图如图3-6所示。

16

图3-6 品牌分类管理模块活动图

商品种类管理模块用例如表3-6所示。

表3-6 商品种类管理模块用例

用例编号 用例名称 用例描述 参与者 前置条件 后置条件 HTJYXT_06 商品种类管理模块 查看与管理各商品种类的基本信息 管理员 管理员成功登入管理模块 管理员登录成功,进入系统主界面,并点击商品种类管理模块的任一功能按钮 涉众利益 促进管理员科学有效的管理各商品种类的基本信息

17

续上表 3-6 基本路径 1、参与者进入系统主界面 2、参与者点击系统界面的“商品种类管理”按钮,进入商品种类管理模块 3、参与者点击“商品种类管理”模块的“商品种类列表”按钮; 4、可进行如下操作: 4-1:查询商品种类列表信息; 4-2:修改商品种类的基本信息; 4-3:查询某一商品种类项的详细信息; 4-4:新增商品种类信息; 4-5:删除商品种类列表信息。 扩展点 字段列表 业务规划 非功能需求 补充说明 1、若输入或修改的信息格式不符合要求,则该操作失败,需重新操作 若其他用户(非管理员)登录系统,则不能执行上述基本路径(不能进入商品种类管理模块)。 商品种类管理模块活动图如图3-7所示。

图3-7 商品种类管理模块活动图

18

系统管理模块用例如表3-7所示。

表3-7 系统管理模块用例

用例编号 用例名称 用例描述 参与者 前置条件 后置条件 涉众利益 基本路径 HTJYXT_07 系统管理模块 查看与管理前端小程序中各功能的执行情况 管理员 管理员成功登入管理模块 管理员登录成功,进入系统主界面,并点击系统管理模块的任一功能按钮 促进管理员科学有效的管理系统(前端小程序)的执行情况 1、参与者进入系统主界面 2、参与者点击系统界面的“系统管理”按钮,进入系统管理模块 3、参与者选择点击“系统管理”模块中“轮播图管理”、“新闻资讯列表”、“客服管理”功能的任一功能按钮: 3-1、若点击“轮播图管理”按钮,则可对前端小程序的轮播图进行查看、管理等操作; 3-2、若点击“新闻资讯列表”按钮,则可对前端小程序的新闻资讯内容进行查看、管理等操作; 3-3、若点击“客服管理”按钮,则可对各用户的客服内容进行查看、管理等操作。 扩展点 字段列表 业务规划 非功能需求 补充说明 1、若输入或修改的信息格式不符合要求,则该操作失败,需重新操作 若其他用户(非管理员)登录系统,则不能执行上述基本路径(不能进入系统管理模块)。 系统管理模块活动图如图3-8所示。

19

图3-8 系统管理模块活动图

商品信息管理模块用例如表3-8所示。

表3-8 商品信息管理模块用例

用例编号 用例名称 用例描述 参与者 前置条件 后置条件 HTJYXT_08 商品信息管理模块 查看与管理各商品条目的基本信息 管理员 管理员成功登入管理模块 管理员登录成功,进入系统主界面,并点击商品信息管理模块的任一功能按钮 涉众利益 促进管理员科学有效的管理各商品条目的基本信息

20

续上表 3-8 基本路径 1、参与者进入系统主界面; 2、参与者点击系统界面的“商品信息管理”按键; 3、点“商品信息列表”按键; 4、可进行如下操作(用户不能进行4-2、4-4、4-5操作): 4-1:查询各商品条目的简要信息; 4-2:修改商品条目的基本信息; 4-3:查询某一商品条目的详细信息; 4-4:新增某商品条目信息; 4-5:删除某商品条目信息。 扩展点 字段列表 业务规划 非功能需求 补充说明 1、若输入或修改的信息格式不符合要求,则该操作失败,需重新操作 管理员、用户均可进入该模块。 商品信息管理模块活动图如图3-9所示。

图3-9 商品信息管理模块活动图

21

评价反馈管理模块用例如表3-9所示。

表3-9 评价反馈管理模块用例

用例编号 用例名称 用例描述 参与者 前置条件 后置条件 HTJYXT_09 评价反馈管理模块 查看与管理各售后评价条目的基本信息 管理员 管理员成功登入管理模块 管理员登录成功,进入系统主界面,并点击评价反馈管理模块的任一功能按钮 涉众利益 基本路径 促进管理员科学有效的管理各售后评价条目的基本信息 1、参与者进入系统主界面 2、参与者点击系统界面的“评价反馈管理”按键; 3、点“评价反馈列表”按键; 4、可进行如下操作(用户不能进行4-2、4-3、4-5操作): 4-1:查询各售后评价条目的简要信息; 4-2:修改售后评价条目的基本信息; 4-3:审核各售后评价条目的基本信息; 4-4:查询某一售后评价条目的详细信息; 4-5:删除某售后评价的条目信息。 扩展点 字段列表 业务规划 非功能需求 补充说明 1、若输入或修改的信息格式不符合要求,则该操作失败,需重新操作 管理员、用户均可进入该模块。 评价反馈管理模块活动图如图3-10所示。

22

图3-10 评价反馈管理模块活动图

卖手机管理模块用例如表3-10所示。

表3-10 卖手机管理模块用例

用例编号 用例名称 用例描述 参与者 前置条件 后置条件 涉众利益 HTJYXT_10 卖手机管理模块 查看与管理各二手手机出售情况的基本信息 管理员 管理员成功登入管理模块 管理员登录成功,进入系统主界面,并点击卖手机管理模块的任一功能按钮 促进管理员科学有效的管理各二手手机出售情况的基本信息

23

续上表 3-10 基本路径 1、参与者进入系统主界面 2、参与者点击系统界面的“卖手机管理”按钮,进入卖手机管理模块; 3、参与者点击“卖手机管理”模块的“卖手机列表”按钮; 4、可进行如下操作(用户不能进行4-2、4-3、4-5操作): 4-1:查询各二手手机出售情况的简要信息; 4-2:修改出售情况的信息; 4-3:根据各基本信息进行免费估价; 4-4:查询某一二手手机出售情况的详细信息; 4-5:删除某二手手机出售情况的条目信息。 扩展点 字段列表 业务规划 非功能需求 补充说明 1、若输入或修改的信息格式不符合要求,则该操作失败,需重新操作 管理员、用户均可进入该模块。 卖手机管理模块活动图如图3-11所示。

图3-11 卖手机管理模块活动图

24

免费估价管理模块用例如表3-11所示。

表3-11 免费估价管理模块用例

用例编号 用例名称 用例描述 参与者 前置条件 后置条件 HTJYXT_11 免费估价管理模块 查看与管理各二手手机的估价情况 管理员 管理员成功登入管理模块 管理员登录成功,进入系统主界面,并点击免费估价管理模块的任一功能按钮 涉众利益 基本路径 促进管理员科学有效的管理各二手手机的估价情况 1、参与者进入系统主界面 2、参与者点击系统界面的“免费估价管理”按钮,进入免费估价管理模块; 3、参与者点击“免费估价管理”模块的“免费估价列表”按钮; 4、可进行如下操作(用户不能进行4-2、4-4操作): 4-1:查询各二手手机的估价情况; 4-2:修改二手手机的估价情况; 4-3:查询某一二手手机估价情况的详细信息; 4-4:删除某二手手机估价情况的条目信息。 扩展点 字段列表 业务规划 非功能需求 补充说明 1、若输入或修改的信息格式不符合要求,则该操作失败,需重新操作 管理员、用户均可进入该模块。 免费估价管理模块活动图如图3-12所示。

25

图3-12 免费估价管理模块活动图

一键回收管理模块用例如表3-12所示。

表3-12 一键回收管理模块用例

用例编号 用例名称 用例描述 参与者 前置条件 后置条件 HTJYXT_12 一键回收管理模块 查看与管理各二手手机的回收进度 管理员 管理员成功登入管理模块 管理员登录成功,进入系统主界面,并点击一键回收管理模块的任一功能按钮 涉众利益 促进管理员科学有效的管理各二手手机的回收进度

26

续上表 3-12 基本路径 1、参与者进入系统主界面 2、参与者点击系统界面的“一键回收管理”按钮,进入一键回收管理模块; 3、参与者点击“一键回收管理”模块的“一键回收列表”按钮; 4、可进行如下操作(用户不能进行4-2、4-4操作): 4-1:查询各二手手机的回收进度; 4-2:修改二手手机的回收进度; 4-3:查询某一二手手机回收进度的详细信息; 4-4:删除某二手手机回收进度的条目信息。 扩展点 字段列表 业务规划 非功能需求 补充说明 1、若输入或修改的信息格式不符合要求,则该操作失败,需重新操作 管理员、用户均可进入该模块。 一键回收管理模块活动图如图3-13所示。

图3-13 一键回收管理模块活动图

27

电子保修卡管理模块用例如表3-13所示。

表3-13 电子保修卡管理模块用例

用例编号 用例名称 用例描述 参与者 前置条件 后置条件 HTJYXT_13 电子保修卡管理模块 查看与管理各电子保修卡的基本信息 管理员 管理员成功登入管理模块 管理员登录成功,进入系统主界面,并点击电子保修卡管理模块的任一功能按钮 涉众利益 基本路径 促进管理员科学有效的管理电子保修卡 1、参与者进入系统主界面 2、参与者点击系统界面的“电子保修卡管理”按钮,进入电子保修卡管理模块; 3、参与者点击“电子保修卡管理”模块的“电子保修卡列表”按钮; 4、可进行如下操作(用户不能进行4-2、4-4操作): 4-1:查询各电子保修卡的简要信息; 4-2:修改电子保修卡内容; 4-3:查询某一电子保修卡的详细信息; 4-4:删除某电子保修卡的条目信息。 扩展点 字段列表 业务规划 非功能需求 补充说明 1、若输入或修改的信息格式不符合要求,则该操作失败,需重新操作 管理员、用户均可进入该模块。 电子保修卡管理模块活动图如图3-14所示。

28

图3-14 电子保修卡管理模块活动图

订单管理模块用例如表3-14所示。

表3-14 订单管理模块用例

用例编号 用例名称 用例描述 参与者 前置条件 后置条件 涉众利益 HTJYXT_14 订单管理模块 查看与管理订单 管理员 管理员成功登入管理模块 管理员登录成功,进入系统主界面,并点击订单管理模块的任一功能按钮 促进管理员科学有效的管理订单

29

续上表 3-14 基本路径 1、参与者进入系统主界面 2、参与者点击系统界面的“订单管理”按钮,进入订单管理模块 3、项目的用户可以直接点击订单管理中诸如未支付订单等功能模块,以选择下一步操作。这些功能的任一功能按钮(用户只能执行查询操作): 3-1、若点击“未支付订单”按钮,则可对未支付订单的进行查询、修改、删除等操作; 3-2、若点击“已支付订单”按钮,则可对已支付订单进行查询、修改、删除等操作; 3-3、若点击“已完成订单”按钮,则可对已完成订单进行查询、修改、删除等操作; 3-4、若点击“已取消订单”按钮,则可对已取消订单进行查询、修改、删除等操作; 3-5、若点击“已退款订单”按钮,则可对已退款订单进行查询、修改、删除等操作; 3-6、若点击“已发货订单”按钮,则可对已发货订单进行查询、修改、删除等操作。 扩展点 字段列表 业务规划 非功能需求 补充说明 1、若输入或修改的信息格式不符合要求,则该操作失败,需重新操作 管理员、用户均可进入该模块。 订单管理模块活动图如图3-15所示。

30

图3-15 订单管理模块活动图

3.5 术语表

后台管理系统的术语表如表3-15所示。

表3-15 系统的术语及相应解释

后台管理系统是为了对经销商经营中进货、出货、批发零售、后台管理系统 付款等全程进行跟踪、管理而设计的整套方案。 管理员 老用户 进行系统的部分操作。 新用户

没有注册成为系统账户的用户。 是后台管理系统的核心用户,可以进行各个模块的所有操作。 是后台管理系统的主要用户,也是使用本平台的消费者,可以 31

3.6 其他需求

软件开发过程中,必须严格把控软件实际开发的质量环节,以用户的实际需求作为向导,以满足客户的预期需求为宗旨,通过度的模式进行分析。如表3-16:

表3-16 软件质量需求分析

质量属性 正确性 健壮性 可靠性 性能与效率 好,在三秒钟内响应消费者的需求。 很容易理解:建立一个统一软件开发过程简单的语言文件,之前和之后易用性 的语句是清晰和易于理解。 从意外或故意接入阻止软件,使用,修改,破坏或披露该软件将能够专安全性 注于存储在数据库服务器的总部数据的特性。 可扩展性 兼容性 可移植性 二次开发能满足或改善的功能扩展,并增加适当的安全控制。 简单的冲突与其他软件。 该系统可以很容易地转移到其他运行环境。 详细要求 切实履行好职责需要,相应的完成每个模块的要求。 具有高容错性和恢复能力。 每1000个小时的时间超过3次的失败率。 软件更新周期的输出应该是相同的系统信息更新周期。在网络状况良 3.7 本章小结

系统分析可以更好地明确项目开发的系统和功能框架。功能框架包括登录注册、个人中心、用户管理、品牌分类、商品种类、系统管理、商品信息管理、评价反馈管理、卖手机管理、免费估价管理、一键回收管理、电子保修卡管理、订单管理等模块,同时分析了系统的其他需求。系统分析是系统设计、系统实现的基础。

32

微信小程序下二手数码产品交易平台的设计与实现 第4章 系统设计

第 4 章 系统设计

开发项目的系统设计在平台设计中是极其重要的,关键用例时序图、系统流程图、实体属性图、数据表等均为系统设计的基本内容。

4.1 概述

在开发程序时,功能部分的设计尤为重要,因为在考虑用户功能需求的同时,还需要确保用户美观的界面。最初设计的系统基于满足二手数字产品交易软件信息查询的基本需求,具有通用性。在这种情况下,您可以拆分系统并向每个小模块添加详细信息。管理员进入系统,对一级功能模块进行编辑和维护,并根据需要执行下一级分区。本系统的主要任务是方便二手数码产品交易微信小程序,小程序的使用者可以借助手机客户端来搜索相应版块的功能信息,按照用户的实际需求进行动态化的调整,以提升小程序的功能完整性,通过不断地升级和完善小程序,尽可能实现一款实用的二手数字产品交易微信小程序客户端。

4.2 关键用例时序图

在计算机的程序开发过程中,时序图主要用来反映对象的基本时间属性,不仅包括消息在收发阶段的时间顺序,还有编程过程中如何确定动作的先后,本章节主要论述系统实现过程中时序图的制作思路。

4.2.1登录时序图

通过UML建模,描述了边界类LoginforDigitalForm、控制类UserController和UserService、实体类UserServiceImpl之间的关系,最后形成了登录时序图。如图4-1所示。

33

微信小程序下二手数码产品交易平台的设计与实现 第4章 系统设计

图4-1 登录时序图

4.2.2功能管理时序图

通过UML建模,描述了边界类ManagementPages、控制类ManageController和ManageService、实体类ManageServiceImpl之间的关系,最后形成了函数管理时序图。如图4-2所示。

34

微信小程序下二手数码产品交易平台的设计与实现 第4章 系统设计

图4-2 功能管理时序图

4.3 开发流程设计

二手数码产品交易微信小程序的开发流程,如图4-3所示。 规划通过二手数码产品交易微信小程序的E-R图如下4-4所示。

35

微信小程序下二手数码产品交易平台的设计与实现 第4章 系统设计

开始开始进行需求分析进行需求分析基本系统模型、系统模块划分与功能设计、数据库设计基本系统模型、系统模块划分与功能设计、数据库设计对模块分解后进行详细设计以及代码编写对模块分解后进行详细设计以及代码编写各模块的功能设计以及各模块的整合各模块的功能设计以及各模块的整合测试、调试系统,对功能进行扩展、完善测试、调试系统,对功能进行扩展、完善结束结束

图4-3 开发系统流程图

图4-4 地址E-R图

电子保修卡E-R图如图4-5所示。

图4-5 电子保修卡E-R图

36

微信小程序下二手数码产品交易平台的设计与实现 第4章 系统设计

卖手机E-R图如图4-6所示。

图4-6 卖手机E-R图

免费估价E-R图如图4-7所示。

图4-7 免费估价E-R图

评价反馈E-R图如图4-8所示。

图4-8 评价反馈E-R图

品牌分类E-R图如图4-9所示。

37

微信小程序下二手数码产品交易平台的设计与实现 第4章 系统设计

图4-9 品牌分类E-R图

商品信息E-R图如图4-10所示。

图4-10 商品信息E-R图

商品种类E-R图如图4-11所示。

图4-11 商品种类E-R图

一键回收E-R图如图4-12所示。

38

微信小程序下二手数码产品交易平台的设计与实现 第4章 系统设计

图4-12 一键回收E-R图

用户E-R图如图4-13所示。

图4-13 用户E-R图

系统整体E-R图如图4-14所示。

39

微信小程序下二手数码产品交易平台的设计与实现 第4章 系统设计

图4-14 系统整体E-R图

4.4 数据表

依据数据库的属性可知,数据关系的存储往往依赖于关系数据库,其形式多以数据表的结构展现。根据这一特点,将数据库概念设计的E-R图转换为关系数据库。

表4-1 address数据表

列名 id userid address

数据类型 bigint varchar varchar 40

长度 20 100 100 约束 NOT NULL DEFAULT NULL DEFAULT NULL 微信小程序下二手数码产品交易平台的设计与实现 第4章 系统设计

name varchar 100 DEFAULT NULL 续上表 4-1

phone varchar 100 DEFAULT NULL

表4-2 dianzibaoxiuka数据表

列名 id shangpinmingcheng pinpai tupian guige zhibao baoxiukaneirong zhanghao xingming shouji dizhi 数据类型 bigint varchar varchar varchar varchar varchar varchar varchar varchar varchar varchar 长度 20 200 200 200 200 200 200 200 200 200 200 约束 NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL

表4-3 maishouji数据表

列名 id mingcheng tupian pinpai chengse xiangqing zhanghao xingming shouji 数据类型 bigint varchar varchar varchar varchar varchar varchar varchar varchar 长度 20 200 200 200 200 200 200 200 200 约束 NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL 41

微信小程序下二手数码产品交易平台的设计与实现 第4章 系统设计

表4-4 mianfeigujia数据表

列名 id mingcheng tupian pinpai chengse kuaidixinxi shoukuanfangshi zhanghao xingming shouji gujia sfsh shhf 数据类型 bigint varchar varchar varchar varchar varchar varchar varchar varchar varchar varchar varchar varchar 长度 20 200 200 200 200 200 200 200 200 200 200 200 200 约束 NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL

表4-5 pingjiafankui数据表

列名 id shangpinmingcheng tupian leixing pingfen pingjia neirong fankuiriqi zhanghao xingming 数据类型 bigint Varchar varchar varchar varchar varchar varchar varchar varchar varchar 长度 20 200 200 200 200 200 200 200 200 200 约束 NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL 42

微信小程序下二手数码产品交易平台的设计与实现 第4章 系统设计

shouji varchar 200 NOT NULL 续上表 4-5

sfsh shhf varchar varchar 200 200 NOT NULL NOT NULL

表4-6 pinpaifenlei数据表

列名 id pinpai tupian jieshao 数据类型 bigint varchar varchar varchar

表4-7 shangpinxinxi数据表

列名 id shangpinmingcheng pinpai zhonglei tupian guige zhibao shangpinjieshao chengse clicktime clicknum price onelimittimes alllimittimes

43

长度 20 200 200 200 约束 NOT NULL DEFAULT NULL DEFAULT NULL DEFAULT NULL 数据类型 bigint varchar varchar varchar varchar varchar varchar varchar varchar varchar varchar varchar varchar varchar 长度 20 200 200 200 200 200 200 200 200 200 200 200 200 200 约束 NOT NULL DEFAULT NULL DEFAULT NULL DEFAULT NULL DEFAULT NULL DEFAULT NULL DEFAULT NULL DEFAULT NULL DEFAULT NULL DEFAULT NULL DEFAULT NULL DEFAULT NULL DEFAULT NULL DEFAULT NULL

微信小程序下二手数码产品交易平台的设计与实现 第4章 系统设计

表4-8 shangpinzhonglei数据表

列名 id zhonglei 数据类型 bigint varchar 长度 20 200 约束 NOT NULL DEFAULT NULL

表4-9 yijianhuishou数据表

列名 id mingcheng tupian pinpai chengse kuaidixinxi shoukuanfangshi zhanghao xingming shouji sfsh shhf

表4-10 yonghu数据表

列名 id zhanghao mima xingming xingbie touxiang 数据类型 bigint varchar varchar varchar varchar varchar 44

数据类型 bigint varchar varchar varchar varchar varchar varchar varchar varchar varchar varchar varchar 长度 20 200 200 200 200 200 200 200 200 200 200 200 约束 NOT NULL DEFAULT NULL DEFAULT NULL DEFAULT NULL DEFAULT NULL DEFAULT NULL DEFAULT NULL DEFAULT NULL DEFAULT NULL DEFAULT NULL DEFAULT NULL DEFAULT NULL 长度 20 200 200 200 200 200 约束 NOT NULL DEFAULT NULL DEFAULT NULL DEFAULT NULL DEFAULT NULL DEFAULT NULL

微信小程序下二手数码产品交易平台的设计与实现 第4章 系统设计

shouji varchar 200 DEFAULT NULL 续上表 4-10

money varchar 200 DEFAULT NULL 4.5 本章小结

本章节明确了系统开发过程的主要步骤,通过关键用例时序图、系统流程图、实体属性图、数据表等明确各系统角色的功能和属性,不同数据详细内容等。

45

微信小程序下二手数码产品交易平台的设计与实现 第5章 系统实现

第 5 章 系统实现

软件开发过程中,系统功能的最终实现,不仅依赖于后端管理员编程代码模块的实现,也需要前端UI设计人员大量的前期工作。系统前端在微信小程序平台上实现,后端在java编译工具eclipse上实现。

5.1 用户前台功能模块(前端)

设计的二手数字产品交易登录界面,在完成注册的基本流程之后,按照实际要求补充基本的数据帐号和密码,从而登录系统。

如图5-1所示。

图5-1 登录界面图

进入用户注册模块,按照用户的实际信息进行填写,并完成数据的上传和保存,基本数据填写完成后,点击确定按钮以成功进行注册。如图5-2所示。

用户按照前期键入的用户名和密码,并成功登录系统。在系统的首页进行查看和操作商品信息、卖手机、矿山等功能模块,如图5-3所示。

46

微信小程序下二手数码产品交易平台的设计与实现 第5章 系统实现

图5-2 用户注册实际图 图5-3 系统主页实际图

用户可以在对应的品牌分类模块中,查询相关品牌基本介绍信息。如图5-4所示。

用户可以在对应的产品分类模块中,查询相关产品名称等具体介绍信息。如图5-5所示。

47

微信小程序下二手数码产品交易平台的设计与实现 第5章 系统实现

图5-4 品牌分类的实际图 图5-5 商品信息实际图

核心代码中的data() 功能如下 (其余核心代码见附录; 两个模块的核心代码大致相同; 显示js代码):

48

微信小程序下二手数码产品交易平台的设计与实现 第5章 系统实现

产品信息详情,在产品信息详情页面可以查看产品名称、价格、品牌、型号、规格、质量保证、颜色、单限、库存等详细产品信息,并进行收集、评估、添加购物车、立即订购等,如图5-6所示。

我的,在我的页面上,您可以查看商品信息列表,评价反馈列表,手机销售列表,免费估价列表,一键回收列表,电子保修卡列表,收款列表,用户充值,客服中心,购物车,我的订单等详细信息,如图5-7所示。

图5-6 商品详情实际图 图5-7 我的实际图

核心代码中,async init() 函数如下 (其余核心代码请参见附录,显示js代码):

...

// 获取详情 async init() { let res = await this.$api.info('shangpinxinxi', this.id); this.detail = res.data; // 轮播图片 this.swiperList = this.detail.tupian ? this.detail.tupian.split(\ },

// mescroll组件初始化的回调,可获取到mescroll对象 mescrollInit(mescroll) { this.mescroll = mescroll; },

49

微信小程序下二手数码产品交易平台的设计与实现 第5章 系统实现

我的订单,在我的订单页面可以看到订单状态,如图5-8所示。

图5-8 我的订单界面图

5.2 管理员功能模块(后端)

在系统的运维中管理员一般具有最高用户属性,其可以对系统软件的数据库进行实时管理,按照管理员帐号和密码进行登录之后,对系统数据库的数据和用户进行增删改查数据库的基本操作。如图5-9所示。

在输入用户名和密码后可以访问管理员的功能界面,您可以查看首页,个人中心,用户管理,品牌分类管理,产品类型管理,系统管理,产品信息管理,评价反馈管理,手机销售管理,免费估价管理,一键回收管理,电子保修卡管理,订单管理等内容进行相应的操作,如图5-10所示。

50

微信小程序下二手数码产品交易平台的设计与实现 第5章 系统实现

图5-9 管理员登录界面图

图5-10 管理员功能界面图

“管理员登录界面”核心代码中密码重置功能的相关算法见下(其余核心代码详见附录,展示UserController.java代码):

...

/**

* 密码重置 */

@IgnoreAuth @RequestMapping(value = \"/resetPass\")

public R resetPass(String username, HttpServletRequest request){ UserEntity user = userService.selectOne(new EntityWrapper().eq(\"username\

if(user==null) { return R.error(\"账号不存在\");

51

微信小程序下二手数码产品交易平台的设计与实现 第5章 系统实现

} user.setPassword(\"123456\"); userService.update(user,null);

return R.ok(\"密码已重置为:123456\"); } ...

用户管理,在用户管理页面可以查看账号、密码、姓名、性别、头像、手机等内容,如图5-11所示,用户在查看之后,也可对个人信息进行基本的增删改查的数据库操作,

用户可以直接查看页面的品牌、图片等内容,并可以根据需要而改动内容,如图5-12所示。

图5-11 用户管理界面图

图5-12 品牌分类管理界面图

52

微信小程序下二手数码产品交易平台的设计与实现 第5章 系统实现

“用户管理界面”核心代码中“后端详情”、“前端详情”等相关算法见下(其余代码详见附录,展示YonghuController.java代码):

...

/**

* 后端详情 */

@RequestMapping(\"/info/{id}\")

public R info(@PathVariable(\"id\") String id){

YonghuEntity yonghu = yonghuService.selectById(id); return R.ok().put(\"data\ } /**

* 前端详情 */ @IgnoreAuth

@RequestMapping(\"/detail/{id}\")

public R detail(@PathVariable(\"id\") String id){

YonghuEntity yonghu = yonghuService.selectById(id); return R.ok().put(\"data\ } ...

“品牌分类管理界面”核心代码中“后端保存”、“前端保存”的相关算法见下(其余代码详见附录,展示PinpaifenleiController.java代码):

...

/**

* 后端保存 */

@RequestMapping(\"/save\")

public R save(@RequestBody PinpaifenleiEntity pinpaifenlei, HttpServletRequest request){

pinpaifenlei.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());

//ValidatorUtils.validateEntity(pinpaifenlei); pinpaifenleiService.insert(pinpaifenlei); return R.ok(); } /**

* 前端保存 */

@RequestMapping(\"/add\")

public R add(@RequestBody PinpaifenleiEntity pinpaifenlei, HttpServletRequest request){

53

微信小程序下二手数码产品交易平台的设计与实现 第5章 系统实现

pinpaifenlei.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());

//ValidatorUtils.validateEntity(pinpaifenlei); pinpaifenleiService.insert(pinpaifenlei); return R.ok(); }

... }

管理员可以按照产品类别属性,进行基本的增删改查等操作,以使得产品的类别始终符合系统的要求。如图5-13所示。

用户可以实时查看商品名称、品牌、类型、图片、规格、质量保证、颜色、价格、单限、库存等内容,可以根据需要进行保修卡、修改或删除等详细操作,如图5-14所示。

图5-13 商品种类管理界面图

图5-14 商品信息管理界面图

微信小程序下二手数码产品交易平台的设计与实现 第5章 系统实现

“商品种类管理界面”核心代码中“查询”算法如下(其余代码详见附录,展示ShangpinzhongleiController.java代码):

...

/** * 查询 */

@RequestMapping(\"/query\")

public R query(ShangpinzhongleiEntity shangpinzhonglei){

EntityWrapper< ShangpinzhongleiEntity> ew = new EntityWrapper< ShangpinzhongleiEntity>();

ew.allEq(MPUtil.allEQMapPre( shangpinzhonglei, \"shangpinzhonglei\")); ShangpinzhongleiView shangpinzhongleiView = shangpinzhongleiService.selectView(ew);

return R.ok(\"查询商品种类成功\").put(\"data\ } ...

//增加、删减、修改、查询功能,是管理员进行数据库操作的基本功能,可以按照接口功能进行对模块的管理。并准确调整模块对应功能的核心代码

}

“商品信息管理界面”核心代码中“前端智能排序”等相关算法见下(其余代码详见附录,展示ShangpinxinxiController.java代码):

...

/**

* 前端智能排序 */ @IgnoreAuth

@RequestMapping(\"/autoSort\")

public R autoSort(@RequestParam Map params,ShangpinxinxiEntity shangpinxinxi, HttpServletRequest request,String pre){

EntityWrapper ew = new EntityWrapper();

Map newMap = new HashMap(); Map param = new HashMap(); Iterator> it = param.entrySet().iterator(); while (it.hasNext()) { Map.Entry entry = it.next(); String key = entry.getKey(); String newKey = entry.getKey(); if (pre.endsWith(\".\")) { newMap.put(pre + newKey, entry.getValue()); } else if (StringUtils.isEmpty(pre)) { newMap.put(newKey, entry.getValue());

55

微信小程序下二手数码产品交易平台的设计与实现 第5章 系统实现

} else { newMap.put(pre + \".\" + newKey, entry.getValue()); } } params.put(\"sort\ params.put(\"order\ PageUtils page = shangpinxinxiService.queryPage(params,

MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, shangpinxinxi), params), params));

return R.ok().put(\"data\ } }

卖手机管理,在卖手机管理页面可以查看名称、图片、品牌、成色、账号、姓名、手机等内容,并可根据需要进行免费估价、修改或删除等详细操作,如图5-15所示。

免费估价管理,在免费估价管理页面可以查看名称、图片、品牌、成色、快递信息、收款方式、账号、姓名、手机、估价、审核回复、等内容,并可根据需要进行修改或删除等详细操作,如图5-16所示。

图5-15 卖手机管理界面图

56

微信小程序下二手数码产品交易平台的设计与实现 第5章 系统实现

图5-16 免费估价管理界面图

“卖手机管理界面”核心代码中“查询”算法如下(其余代码详见附录,展示MaishoujiController.java代码):

...

/** * 查询 */

@RequestMapping(\"/query\")

public R query(MaishoujiEntity maishouji){

EntityWrapper< MaishoujiEntity> ew = new EntityWrapper< MaishoujiEntity>(); ew.allEq(MPUtil.allEQMapPre( maishouji, \"maishouji\")); MaishoujiView maishoujiView = maishoujiService.selectView(ew); return R.ok(\"查询卖手机成功\").put(\"data\ } ... }

“免费估价管理”核心代码详见附录(展示MianfeigujiaController.java代码)。

一键回收管理,在一键回收管理页面可以查看商品名称、品牌、种类、图片、规格、质保、成色、价格、单限、库存等内容,并可根据需要进行保修卡、修改或删除等详细操作,如图5-17所示。

电子保修卡管理,在电子保修卡管理页面可以查看商品名称、品牌、图片、

规格、质保、保修卡内容、账号、姓名、手机、地址等内容,并可根据需要进行修改可删除等详细操作,如图5-18所示。

57

微信小程序下二手数码产品交易平台的设计与实现 第5章 系统实现

图5-17 一键回收管理界面图

图5-18 电子保修卡管理界面图

“一键回收管理界面”核心代码详见附录(展示YijianhuishouController.java代码)。“电子保修卡管理界面”核心代码详见附录(展示DianzibaoxiukaController.java代码)。

订单管理,在订单管理页面可以查看未/已支付、已完成/取消、已退款/发货订单。用户可以在付费订单页面查看订单号、商品名称、商品图片、采购数量、价格/积分、总价/总积分、折扣总价、付款类型、状态、地址等内容,并可根据需要查看,如图5-19所示。

58

微信小程序下二手数码产品交易平台的设计与实现 第5章 系统实现

图5-19 订单管理界面图

核心代码——“订单管理界面”详见附录(展示OrdersController.java代码)。

5.3 本章小结

javaee ssm和vue.js框架是本系统主要的技术框架,其中spring、springmvc和mybatis构成了ssm框架的核心,而vue.js则是目前前端网页撰写的常用框架,它们的共同特点是用尽可能少的代码实现更多的功能,降低了系统的耦合性。技术框架的熟练使用有利于提高编程的效率,为日后的技术工作打下坚实的基础。

59

微信小程序下二手数码产品交易平台的设计与实现 第6章 系统测试

第 6 章 系统测试

本章的主要环节包括:1、进行系统测试,并严格论证测试的实际意义;2、对基本的测试环节所用到的方法进行介绍;3、对于核心功能进行引申说明;4 对模块的各个环节进行测试并审核。

6.1 系统测试的目的

在系统的开发过程中,进行系统测试的主要目的是为了在系统正式使用前夕,提前发现系统运行过程中的错误。并通过程序员的修复解决软件运行过程中的实际隐患,从而将问题扼杀在摇篮中。软件开发过程中的错误将会很大程度上阻止软件的成功使用。所以在软件开发过程中,需要遵循以下的几个环节:

(1)尽快开始测试的基本准备工作,对软件的每一个环节和部分进行充分的测试。对于每一处错误需要及时进行处置,这样就可以极大程度的减少软件的故障率,从而最终提升软件的实际使用质量。

(2)对于测试的具体环节,需要事先准备详尽的计划,对可能出现的问题提前做好预案,使得状况出现的时候就可以稳健有序地解决。

(3)在软件开发的环节中,其往往呈现出群集现象,即在错误出现之处蕴含着多处错误,是多种错误叠加累积造成的。所以要对这样的部分给予特殊的照顾。

(4)对于软件的测试要尽量不要软件的设计开发人员或是机构,而是要另一方来进行测试程序,这样也是为了保证软件的测试结果的客观性以及公平公正性。

(5)进行测试的环节中,需要严格按照事先约定好的计划,并落实每一个小的具体环节。

微信小程序对二手数码产品交易的测试主要是通过开发者通过不同的用户账号再同时登录,测试多人同时登录时系统是否会出现登陆失败或登陆卡顿,然

60

微信小程序下二手数码产品交易平台的设计与实现 第6章 系统测试

后用户将修改或管理与该信息相对应的信息等,通过亲身体验判断开发的二手数字产品交易微信小程序工具可以正常提供给用户。

6.2 测试方法及用例

1、

功能测试

从用户的角度来看,测试时不了解新开发软件的内部结构,因此可以将系统与黑匣子进行比较,盲目输入后可以查看系统给出的反馈。这种测试属于黑盒测试,在测试中如果输入错误信息系统会报错。

2、

性能测试

在进行软件测试的过程中,往往会重点考虑其整体状态。一般情况下,在测试环节中主要以自动化测试工具进行。而进行基本的负载和压力测试过程中,通常会将二者联系起来进行共同测试。纵使压力测试的测试全面性高于负载测试,但是后者从本质上阐明了系统如何进行合理的加载过程。

在进行系统的检测过程中,只有通过大量的系统检测预案,才可以使你在问题出现的第一时间找到合适的处理方案。任何系统在检测过程中都会出现各种各样的问题,所以完备且优异的系统检测预案,将会帮助检测人员尽快发现并妥善处置软件存在的问题。项目的研发周期也会尽可能的缩短。

在面临错误时,所涉及的问题必须依次解决,并从系统安全的角度出发,努力提升系统的可操作性。

进行性能测试的常见手段有以下的两种。

①白盒测试:在项目的论证前期,项目的测试人员必须全面了解项目的整体结构和内部流程,以此作为后期测试软件的内部功能的基础。白盒测试中常常使用逻辑覆盖方法的方式进行,测试的步骤也主要分为以下的几个阶段:单元测试、集成测试以及最后的系统测试过程。

②黑盒测试:在全面了解了系统的详细功能之后,大量多次的选用不同的方法以测试系统各个分功能的可靠性。通常来说,在进行黑河测试的过程中,一般选用如下几种方法:边界值测试法、等价类划分法和错误推理算法。

61

微信小程序下二手数码产品交易平台的设计与实现 第6章 系统测试

接下来进行关键用例的功能测试。

6.2.1 管理员登录测试

表6-1为管理员登录测试表。

表6-1 管理员登录功能测试

用例编号 用例作者 参数类型 用例描述 前置条件 操作步骤 01 zhengxujin 功能 测试管理员登入后台管理系统 管理员的账号和密码已授权 运行eclipse编程工具,然后进入后台管理系统的登录界面,输入管理员的账号和密码,角色选择“管理员”,点击登录。 输入数据 账号:abo 密码:abo 预期结果 实际结果 结论 成功跳转到后台管理系统的主页面 正常使用 测试通过 模块名称 审核结果 管理员登录 通过 管理员登录的测试结果如图6-1所示,能够正常获取管理员的账号信息。

图6-1 管理员登录测试结果

62

微信小程序下二手数码产品交易平台的设计与实现 第6章 系统测试

6.2.2 商品信息管理测试

表6-2为商品信息管理-商品条目显示测试表。

表6-2 商品信息管理-商品条目显示功能测试

用例编号 用例作者 参数类型 用例描述 前置条件 操作步骤 02 zhengxujin 功能 测试管理员使用商品信息管理-商品条目显示功能 管理员已进入后台管理系统 管理员成功登入后台管理系统后,点击功能导航栏上的“商品信息管理”按钮,即可进入商品条目显示页面。 输入数据 预期结果 实际结果 结论 无 能够正常显示各商品条目的简要信息 可正常使用 测试通过 模块名称 商品信息管理-商品条目显示 审核结果 通过 商品信息管理-商品条目显示的测试结果如图6-2、6-3、6-4所示,能够正常获取商品条目的品牌、种类、属性等信息。

图6-2 商品信息管理-商品条目显示测试结果1

63

微信小程序下二手数码产品交易平台的设计与实现 第6章 系统测试

图6-3 商品信息管理-商品条目显示测试结果2

图6-4 商品信息管理-商品条目显示测试结果3

表6-3为商品信息管理-详情页测试表。

表6-3 商品信息管理-详情页功能测试

用例编号 用例作者 参数类型 用例描述 前置条件 操作步骤 03 zhengxujin 功能 测试管理员使用商品信息管理-详情页功能 管理员已进入后台管理系统 管理员成功登入后台管理系统后,点击功能导航栏上的“商品信息管理”按钮,然后在下方的搜索栏当中输入“v40”并点击右侧的“查询”按钮,搜索出结果后点击商品条目右侧的“详情”按钮,进入该商品条目的详情页面。

模块名称 审核结果 商品信息管理-详情页 通过 微信小程序下二手数码产品交易平台的设计与实现 第6章 系统测试

续上表 6-3

输入数据 预期结果 实际结果 结论 无 能够正常显示“荣耀v40pro”商品条目的详情页 可正常使用 测试通过 商品信息管理-详情页的测试结果如下

图6-5 商品信息管理-详情页测试结果

6.2.3 订单管理测试

表6-4为订单管理-已完成订单条目显示测试表。

表6-4 订单管理-已完成订单条目显示功能测试

用例编号 用例作者 参数类型 用例描述 前置条件 操作步骤 04 zhengxujin 功能 测试管理员使用订单管理-已完成订单条目显示功能 管理员已进入后台管理系统 管理员成功登入后台管理系统后,点击功能导航栏上的“订单管理”按钮,然后点击“已完成订单”,即可进入已完成订单显示页面。 输入数据 预期结果 实际结果 结论 无 能够正常显示各已完成订单条目的简要信息 可正常使用 测试通过 模块名称 审核结果 订单管理-已完成订单条目显示 通过 订单管理-已完成订单条目显示的测试结果如图6-6所示,能够正常获取已

65

微信小程序下二手数码产品交易平台的设计与实现 第6章 系统测试

完成订单条目的订单号、用户名等信息。

图6-6 订单管理-已完成订单条目显示测试结果

6.3 兼容性测试

随着应用系统的普及,随着多种系统的手机终端之间的相互兼容,在进行软

件开发的过程中急需对其兼容性进行基本测试。其中,可以主要对不同操作系统下的不同浏览器进行基础测试,以判断这二者是否可以相互兼容。

一般而言,当下使用较多的浏览器有360浏览器、谷歌浏览器、QQ浏览器等,可以在这些浏览器上同时运行后台操作系统,以测试功能是否正常。

测试过程如图6-1、6-2和6-3所示。

图6-1 后台系统运行图(13.0版本360极速浏览器)

66

微信小程序下二手数码产品交易平台的设计与实现 第6章 系统测试

图6-2 后台系统运行图(88.0版本Google Chrome浏览器)

图6-3 后台系统运行图(.0版本Microsoft Edge浏览器)

通过上述测试过程,可知在现有条件下,在已知的用例中,该系统可以正常运行使用,在未知情况下出现错误或者使用异常的,将在用户反馈后查找原因并及时升级改正。

6.4 本章小结

本章主要介绍测试的流程与作用。相信随着互联网行业的发展,越来越多的开发者会意识到测试的重要性。

67

微信小程序下二手数码产品交易平台的设计与实现 第7章 总结与展望

第 7 章 总结与展望

微信小程序下的二手数字产品交易平台的设计,通过互联网解决信息化网站系统,通过整合我所学的所有专业知识,开发设计微信小程序下的二手数字产品交易平台,当然,在实际的开发环节中,我也遇到了非常多的困难。细细想来,这其中不仅有来自于技术方面的难题,更有来自心理方面的挑战。由于我未曾开发过软件系统,使得我在实际开发过程中遇到的很多钉子。接踵而至的困难也让我对自己的能力产生了怀疑,在这里我要感谢我的老师,是他们孜孜不倦的教诲让我重拾信心,是他们细心的指导让我发现了,软件开发过程中一个又一个难题。在老师的帮助下,我重拾了信心。在同学的参与下,我们论证了软件系统的可行性。

毕业设计不仅是对于我们个人能力的检测,也是对于我们大学生涯的总结,通过毕业设计的训练,我们知道大学的生涯未曾荒废,也知道一份耕耘终将取得一份收获。这也是一种训练和实践。二手数码产品交易微信小程序的实现,不仅巩固了我以前的知识,通过技术的结合,对我学到的知识有了详细的了解,也结合了对跨学科效果的深入理解。

回顾毕业设计的全过程,我不仅付出了心血和汗水,更收获了很多难忘的美好经历。虽然我在系统开发过程中遇到了各种困难,也在不断地研究和探索,但是系统的实施还存在着许多不足。但是在研究了系统编程工作之后,我更有信心了。我相信将来我会走得更好。

68

微信小程序下二手数码产品交易平台的设计与实现 参考文献

参考文献

[1] 黄鑫.互联网汇聚发展新力量[N].经济日报,2020-10-19(003).

[2] 陈毅强.计算机通信与网络技术的发展研究[J].中国新通信,2020,10:6-7. [3] 何双旺,程贵锋.移动智能终端操作系统发展分析[J].移动通信,2013,17:-67.

[4] 王婷婷,谢晓茹,于佳.微信小程序对移动互联网生态圈的影响[J].电脑知识与技

术,2018,32:294-296.

[5] 范润波.安卓系统的应用及发展趋势展望.[J].电脑知识与技术,2017,13:93-94. [6] 明镜.UI设计中的视觉表现[J].计算机产品与流通,2020,08:235.

[7] BruceEckel(美)著.陈昊鹏等译.Thinking in Java 4th Edition[M].北京:机械工业出版

社,2007:21-28.

[8] Tom Negrino,Dori Smith(美)著.陈剑瓯,柳靖译.JavaScript基础教程[M].8.北京:人民邮电出版

社,2012:1-4.

[9] 颜清,苗壮,赖鑫生,将昌猛.大数据时代关系数据库MySQL的创新与发展[J].科技风,2020(20):75-76. [10] Alok Mishra, Ziadoon Otaiwi. DevOps and software quality: A systematic mapping[J].2020(38). [11] Haifeng Fan. Research on Network Security System Detection Based on Mysql[A]. Institute of

Management Science and Industrial Engineering.Proceedings of 2019 International Conference on Information Science,Medical and Health Informatics(ISMHI 2019)[C].Paris:Computer Science and Electronic Technology International Society,2019:5. [12] Ron Patton著.软件测试[M].北京:机械工业出版社,2019:23-31.

[13] Vladimir Chernov, Liudmyla Dorokhova, Oleksandr Dorokhov, et al. DECISION SUPPORT SYSTEM

CHOOSING SOFTWARE TESTING STRATEGY.2019,12(2):457-467.

69

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- zrrp.cn 版权所有 赣ICP备2024042808号-1

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务