《网络商城微信小程序的设计与实现_郝磊.docx》由会员分享，可在线阅读，更多相关《网络商城微信小程序的设计与实现_郝磊.docx（56页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、摘要本论文选题源于国家科技支撑计划项目“民族特色农产品多语言网络交易展 示平台关键技术集成与应用示范”，通过对微信小程序开发的学习和研究，设计 并实现出一款具有良好购物体验、同时利于商家推广自己商品的网络商城微信小 程序。本文首先对选题背景及微信小程序的发展现状进行系统分析，结合当今主流 网络商城小程序所应具备的功能完成的系统需求分析工作，包括功能需求、性能 需求以及可行性分析内容。其中系统前端功能包括注册登录、商品展示、购物车、 订单结算、在线客服和用户信息管理模块；系统后台功能包括商品管、仓库管理 以及系统管理模块。其次完成系统设计工作。本小程序包括逻辑层、视图层和客户端三部分，采 用类似
2、MVC的开发模式完成，由客户端、小程序API、数据库、web服务器四部 分部分组成。客户端采用Felx布局以确保页面在不同屏幕尺寸以及设备类型运 行时可以处于恰当的位置，用户在前端完成操作后通过Ajax技术向服务器发送 请求，服务器向数据库访问相应的数据以及访问相关的端口和PHP文件，进而进 行数据处理操作。处理之后数据返回到客户端，经过页面视图进行渲染，用户可 以查看结果。再次完成小程序开发工作。小程序前端设计采用WXML、WXSS和JavaScript 语言完成。其中WXML负责的是数据绑定、组件样式等设计的实现；WXSS负责的 是对WXML的组件样式进行渲染；JavaScript负责的是
3、应用逻辑层的设计。小程 序后台功能采用PHP + MySQL的方案解决。采用MySQL数据库技术对归纳整理之 后的国家科技支撑计划项目中相关资源进行数据库建设，来为本套网络商城小程 序作数据支撑。小程序客户端的页面实现通过网络与服务器REST API接口通信 来获取MySQL数据。最后完成系统测试工作。在研究和开发完本小程序后，采用对小程序的功能、 操作系统兼容性、屏幕兼容性、微信兼容性、性能以及后台接口等方面分别进行 测试工作。对测试结果进行分析后，得出本小程序基本实现了各个模块功能，基 本达到上线标准，可以满足用户的购物需求的结论。本套网络商城微信小程序系统的设计虽然已经基本满足既定的功能
4、需求，但 是依然存在这一些需要增进的地方。在后续的过程中，主要应着眼于维护系统的稳定性，完善后续系统内容，提出一些系统改进方案。关键词：网络商城，微信小程序，微信web开发者工具ABSTRACTThe topic of this thesis is derived from the National Science and Technology Support Program project “Key Technology Integration and Application Demonstration of Multi-language Network Transaction Displa
5、y Platform for Ethnic Characteristic Agricultural Products”，Through the study and research on the development of Mini programs based on WeChat platform, we developed a WeChat Mini program system with a good shopping experience and conducive to merchants to promote their own products.This paper first
6、ly analyzes the background of the topic selection and the development status of the WeChat Mini Program, and combines the system requirements analysis work completed by the functions of the current mainstream online mall Mini program, includes functional requirements, performance requirements, and f
7、easibility analysis. The system front-end functions include registration login, product display, shopping cart, order settlement, online customer service and user information management module;System background functions include commodity management, warehouse management, and system management modul
8、es.Secondly, complete the system design work. This Mini program consists of three parts: logic layer, view layer and client. It is completed by development mode like MVC, which consists of client, database and web server. The client uses the Felx layout to ensure that the page can be in the right po
9、sition when the screen size and device type are running. After the front end completes the operation, the user sends a request to the server through Ajax technology, and the server accesses the corresponding data to the database and accesses the relevant port and PHP files, and then data processing
10、operations. The data has been handled is returned to the client and rendered through the page view, and the user can view the result.Thirdly completing the Mini program development work again. The Mini Program front end design is done in WXML, WXSS and JavaScript languages. WXML is responsible for t
11、he implementation of data binding, component style and other design; WXSS is responsible for rendering the WXML component styles; JavaScript is responsible for the design of the application logic layer. The Mini Program background function is solved by the PHP + MySQL solution. The MySQL database te
12、chnology is used to build the relevant resources in the national science and technology support plan project after the induction, to provide data support for theMini set of online malls. The Mini Program clients page implementation communicates with the server REST API interface over the network to
13、get datas.Finally, complete the system test work. After researching and developing this Mini Program, test the functions of the Mini Program, operating system compatibility, screen compatibility, WeChat compatibility, performance, and background interface. After analyzing the test results, it is con
14、cluded that the Mini program basically realizes the functions of each module, basically reaches the online standard, and can meet the conclusion of the users shopping demand.Although the design of this set of online mall WeChat Mini Program system has basically met the established functional require
15、ments, But there are still some areas that need to be improved. In the follow-up process, the main focus should be on maintaining the stability of the system, improving the content of the follow-up system, and proposing some system improvement plans.Keywords ： Network Mall, Wechat Mini Program, WeCh
16、at web developer tool目录关于学位论文使用授权的声明I原创性声明IM 11ABSTRACT Ill第1章绪论11. 1选题背景11.2国内外研究现状21.3研究目的和意义21. 4论文结构3第2章相关理论与技术52. 1微信web开发者工具52. 2微信小程序开发组件62.3微信小程序开发API62. 4前端开发技术72. 5后台开发技术72. 6数据库技术82. 7本章小结9第3章需求分析103. 1功能需求103. 1. 1系统功能模型103. 1.2系统核心业务103. 2系统性能需求123. 3可行性分析123. 4本章小结13第4章系统设计144. 1系统设计原则
17、144. 2系统架构设计144. 3系统逻辑结构设计154. 4系统功能结构设计164. 4. 1前端功會泛设计16西北民族大学硕士学位论文4. 4. 2后台功能模块194. 5数据库设计194.5. 1数据库模型194. 5. 2数据库详细设计204. 6本章小结23第5章系统实现255. 1开发环境搭建255. 1. 1获取微信小程序ID255. 1.2搭建开发环境255. 2前端功能模块实现275. 2.1注册登录模块275. 2. 2商品展示模块285.2.2. 1商品分类展示285.2. 3购物车模块335. 2. 4订单结算模块365. 2. 5在线客服模块385. 2. 6用户信
18、息管理模块395. 3后台功能模块的实现395.3. 1商品管理模块395. 3. 2仓库管理模块405. 3. 3系统管理模块405. 4本章小结41第6章系统测试426. 1测试方法426. 2系统测试环境426. 3测试结果426. 3. 1系统功能测试结果426. 3. 2系统兼容性测试结果446. 3. 3系统性能测试结果446. 4本章小结44第7章总结与展望457. 1工作总结457. 2未来展望45参考文献47翻寸50第1章绪论1.1选题背景21世纪全球经济高速发展，信息技术的发展日新月异，这也潜移默化地影 响着人们的购物观念以及购物方式，特别是网上购物成为了 一种新型的购物方
19、式 1。传统的购物方式让我们总需要考虑时间和空间的局限性，然而网上购物的方 式让我们改变了传统购物的方法，使之变得便利、简略、快捷，可以达到足不出 户即可以购买所需商品的购物方式。因为广大消费者消费观念的改变以及网上购物方式的普及，电子商务在我们 国家得到了快速的成长。电子商务的发展形式和速度是信息时代所特有的，传统 的电子商务形式是从B2C形式、C2C形式，发展到了现在的B2G、B2B、C2A 等多种形式B2C是一种贸易零售企业对消费者的发卖模式，换言之，是贸易 零售企业在背景数据库公布各类商品信息和服务信息，然后供给消费者阅读搜刮， 终究将商品和服务发卖给消费者的进程。C2C是一种消费者对
20、消费者的发卖模式， 一名消费者若是想把本身的商品出售出去，可以经由过程购物平台出售给另一名 消费者3。由于科学技术的进步，使得我国的网上购物从之前的不完善和安全有 隐患改变成了现在的快捷平安。各式各样的网络商城，这些网络商城可以全天候地提供消费服务，是因为网 上商城是全天24小时营业，当然也要保证将商品信息成功记录至数据库，同时 保障服务器正常运行4。使用者可以不会受空间的限定，无论是在最北边或者是 在最南方，只如果快递可以或许投递的地方，用户就可以下单采办商品。从最初 人们只能从PC端的商城中体验网购的乐趣，到后来移动端的APP的出现，人们 只需要动动两根手指就能完成整个购物过程，然而购物A
21、PP的种类繁多，导致 我们即使某些APP的使用率很低，我们也要让它占据我们手机的内存。2017年1月9日，小程序正式上线的标志是“微丨目之父”张小龙在广州亚运城综合体育馆进行的微信2017公开课Pro上以“下一站”为主题的发布 会5。这个微信平台上的程序全称微信小程序，简称小程序，缩写XCX，英文名 mini program,小程序的使用优势在于其几乎是不占用手机内存的，而且在使用 小程序之前是不必再应用商店中下载相信的应用软件的。用户进入小程序只需要 在装有微信的手机中打开微信，直接搜索相应的小程序名称就可以直接进入小程 序。同时小程序的提供给消费者的用户体验也是不逊色传统购物软件的，甚至用
22、 户提还要更高。6微信平台淋漓尽致地发挥了小程序“微、轻、小”等主要特点。微信网络商城小程序的发以京东商城微信小程序的上线为开始起点的，到现 在微信平台上已经上线了各种各样样的网络商城，进一步改变了人们的购物方式。1.2国内外研究现状小程序的主要开发语言是JavaScript，在国外JavaScript基本上是应用于网贸 开发，Google、YouTube、Facebook等的都是利用JavaScript语言进行的前端开发6。与小程序相比，两者有很大的相似性同时还是有些许区别的。第一点长时 间的脚本运行可能会导致页面失去响应的原因，是因为网页开发渲染线程和脚本 线程是互斥的。而在小程序中，二者
23、是分开的，分别运行在不同的进程中。其次， 网页开发者需要面对的环境是各式各样的浏览器，PC端需要面对正、Chrome等， 在移动端需要面对Safari、Chrome以及各种操作系统中的各式WebVieww。而小 程序开发过程需要面对的是两大操作系统iOS和Andrmd的微信客户端。虽然小程序上线才两年的时间，但从技术的维度来看，小程序并非凭空冒出 来的一个概念8。小程序只是一种新型的程序类型，关于小程序的构思的第一次 出现其实不是在微信平台上。但是由于微信用户的规模庞大以及微信重视小程序 的开发工作，使得微信小程序日渐成为我们消费者的主流应用系统的发展模式。在当今社会我们对网络商城的概念并不感
24、到生疏了，随着网络时代日新月异 的发展，不仅网络商城的系统逐步完善，而且电子商务也成为了当今经济发展的 重要因素9。在国外，当前网络商城发展的领军者当属北美市场了，其中美国网络商城的 快速发展走在了北美市场的前沿。具体体现在虽然美国市场仅仅经历了一年的时 间就从B2C结算转变成为了 B2B结算，但是通过B2B结算就已经超过了 B2C 结算的交易额1。在全球网络商城发展的过程中，即使以美国为代表的北美市场 的网络商城发展突飞猛进，但是网络商城在欧洲地区的发展也在全球网络商城的 发展中占有重要地位，其中欧洲依靠欧盟这一特殊的机构，整合资源，结合全球 网络商城发展优点，走出了自己独特的道路，为全球网
25、络商城发展贡献自己的力 量。将目光转向国内市场，我国互联网发展的起步较晚，目前我国内的网络商城 的结算依旧采用B2C结算11。我国网络上出现的首批网络商城服务到现在不过 才二十多年。但是近年来我们国家计算机相关行业的迅猛发展，其中网络商城是 其中的佼佼者。线上购物逐渐赶上甚至超过了线下购物，成为我国消费者的主要 消费方式，同时网络商城的发展也逐渐改变我们的消费方式、生活习惯12。是我 们国家未来消费方式的趋势。1.3研究目的和意义本选题来源于国家科技支撑计划项目“民族特色农产品多语言网络交易展示 平台关键技术集成与应用示范”，依托项目研发成果及后期运维，设计开发一个 基于微信平台的网络商城小程
26、序，主要目的一是便于项目的研发者、组织者进行业务推广，扩大支撑项目平台成果的影响力；二是符合当今人们高节奏的生活方 式，使应用实现了触手可及，能够让消费者得到更加快捷，便捷的服务。将国家 科技支撑计划课题的成果做一个更为全面、更为深入的推广13。本文希望通过为这个特色农产品交易展示平台设计一个基于微信平台的网 络商城小程序，可以说是顺应了当前手机应用发展的趋势，可以深入推广这个交 易平台。让民族地区的农产品更好地“走出去”，增进民族地区电子商务的成长。 从现实角度考虑，结合微信平台提供小程序开发工具以及小程序开发的相关技术、 理论等，以满足广大少数民族地区对网络商城小程序的需求，同时能够让少数
27、族 地区的特色农产品更快、更广泛地走向全国消费者的视野。继而，带动了当地经 济的发展，切切实实地方便了少数民族地区的人群。1.4论文结构本课题研究的主要是：通过设计实现基于微信平台的网络商城小程序，来深 入推广特色农产品交易展示平台，性能上保证在其在微信平台上运行达到流畅， 网络商城相关功能达到稳定等要求。本文的结构分为以下几个部分。第一章：绪论，简要描述了选题背景、国内外研究现状、研究目的和意义、 研究内容，并对本设计中用到的相关设计框架和技术概念进行介绍。第二章：相关理论与技术，介绍的是基于微信小程序的网络商城所运用到的 理论与技术。其中包含：开发环境、系统框架、服务器技术、数据库技术等。
28、然 后分别从客户端和服务器端对系统对功能需求进行阐述，指出了系统的设计方向， 对系统的研究方向做出指引。第三章：需求分析，主要任务包括深入描述软件的功能和性能；确定软件设 计的约束和软件同其他系统元素的接口细节；定义软件的其他有效性需求。具体 有功能需求、性能需求、环境需求、可靠性需求、用户界面需求等。第四章：系统设计，对基于微信小程序的网络商城的整体架构和各功能模块 的具体设计方法做出详细介绍。第五章：系统统实现，对系统的各个功能模块如何实现作出详细说明并展示 实现效果。第六章：系统测试，本文从系统功能测试、系统兼容性测试（包括：操作系 统兼容性、屏幕兼容性以及微信版本兼容性等）、系统性能测
29、试（包括：页面的 白屏时间，首屏时间，资源占用，页面渲染时间，帧率等）等方面对小程序进行 了测试，并且分析得出测试结果。第七章：总结与展望，对整个系统设计的过程以及本文所做的工作进行了总结，并且通过系统实现和测试分析指出系统存在的问题还有待优化和改善的地方。第2章相关理论与技术2.1微信web开发者工具开发网络商城小程序使用的开发工具是腾讯官方为我们开发人员提供了专 门开发微信小程序的开发工具一 “微信web开发者工具”（简称“开发者工具”)14开发者在安装开发者工具的时候需要在微信小程序开发文档中找到小程序 开发工具的下载界面，根据自己的操作系统下载相对应的安装包进行安装15。本 文开发的基
30、于微信小程序的网络商城windows7上进行开发的。安装成功后，即 可以在桌面上或者开始菜单中找到小程序开发者工具的快捷方式，打开即可16。 微信小程序的主要开发语言是JavaScnpt，采用微信web开发者工具。使用微信 web开发者工具调试小程序，可以完成小程序的API和页面的开发调试、代码 查看和编辑、小程序预览和发布等功能17。在开发语言层面小程序与传统web开发差别不大，都是使用JavaScnpt脚本 语言编写逻辑代码、使用类似于HTML的WXM 了来描述页面的结构、使用类 似于CSS的WXSS来描述节点的样式18。但是由于小程序渲染和逻辑分离的运 行机制与传统的web存在差异，我们
31、可以借助微信web开发者工具完成小程序 的代码开发、编译运行、界面和逻辑调试、真机预览和提交发布版本等功能19。图2. 1开发者工具底层框架在底层框架方面，微信开web发者工具是一个基于ne.js，使用node.js、 chromium以及系统API来实现底层模块，使用React、Redux等前端技术框架来搭建用户交互层，实现同一套代码跨平台使用2。微信小程序底层框架如图2.1 所示。2.2微信小程序开发组件微信小程序的组件是小程序开发视图层的基本组成单元，它自带微信风格 UI样式和特定功能效果。例如，用户在小程序页面上所看到的图片、文本、按 钮等都属于小程序组件21。微信小程序为开发者提供了
32、一系列基础组件，通过组 合这些组件可以进行更高效的开发。一个组件通常包括 和，在开始标签中可以追加 属性修饰组件，在首尾标签之内可以嵌套内容。其语法格式如下：内容/标签名称一般来说我们将组件按照功能主要分为以下七类：1.视图容器（View Container)组件，主要用于规划布局贸面内容；2基础内容（Basic Content)组 件，主要用于显示图标、文字等常用基础内容；3.表单（Form)组件，主要用 于制作表单；4.导航（Navigation)组件，主要用于跳转指定贸面；5.媒体（Media) 组件：主要用于显示图片、音频、视频等多媒体内容；6.地图（Map)组件，主要用于显示小程序的
33、地图效果；7.画布（Canvas)组件，主要用于绘制画图内容222.3微信小程序开发API微信小程序开发平台给开发者提供了非常全面的API，开发者可以很方便的 通过这些API调用微信平台提供的能力，以便我们开发者更好地更方便地去开发 小程序。小程序提供的API按照功能主要分为以下几大类包括：网络、媒体、文 件、数据缓存、位置、设备、界面、界面节点信息等。还有一些特殊的开发接口23网络API:用户可以通过该API获取网络通信的能力，更方便地进行数据传 输。媒体API:用户可以通过这个API进行媒体文件的处理，让呈现出来的肖程 具有很多媒体功能。文件API:用户可以通过这个API进行保存临时文件、
34、获取本地文件信息、 获取本地文件列表、获取本地文件信息、删除本地文件以及打开制定文档等一系列操作24。数据缓存API:用户可以通过这个API进行数据存储、数据读取、数据删除 等操作。位置API:用户可以通过这个API掌握位置信息、查看具体位置以及掌握地 图组件控制等操作。设备API:用户可以通过这个API可以掌握系统信息说去、兼容性判断、网 络状态、WiFi管理、罗盘和加速器的用法、用户扫码、手机内存管理、屏幕亮 度管理以及震动管理等内容。界面API:用户可以通过这个API可以掌握消息提示框、加载提示框、模态 弹窗、操作菜单、导航条的标题、动画、颜色设置tabBar的标记、页面导航的 切换、页
35、面位置的返回、画布中的绘制图像、设置样式、变形、剪裁、图片导出、 下拉刷新的启动、监听和停止方法等内容。252.4前端开发技术当前web前端开发采用HTML+CSS+JavaScript。HTML实际上就是一种超文本标记语言。其设计目的是为了更好地编写web前端26。当前我们最熟悉的 莫过于H5 了。H5的设计目的是为了在移动设备上支持多媒体。新的语法特征 被引进以支持这一点，如video、audio和canvas标记。HTML5还引进了新的功 能，可以真正改变用户与文档的交互方式。CSS是层叠样式表（Cascading Style Sheets)的英文缩写，它是一种样式表语 言，用来描述HT
36、ML或XML (包括如SVG、MathML、XHTML之类的XML分 支语言）文档的呈现。CSS描述了在屏幕、纸质、音频等其它媒体上的元素应该 如何被渲染的问题。JavaScnpt作为在当今社会中应用最为广泛的脚本语言。我们目前在生活中 使用手机、电脑或者其他什么电子设备浏览的网页，这些网页都是以JavaScnpt 作为脚本语言的。在微信小程序的开发中微信平台未开发人员引入了 WXML和WXSS。其中 WXML的全称是weixin Markup Language (微信标记语言），相当于HTML.，也是一种使用和构建页面结构的语言。WXML具有数据绑定、 列表漬染、条件漬染、模板、时间和引用的
37、功能。WXSS文件的全称是weixin Style Sheet (微信样式表）这是一种样式语言，用于描述WXML的组件样式（例如尺 寸、颜色、边框效果等）其具有CSS的大部分特性，同时为了更适合开发微信 小程序WXSS对CSS进行了扩充以及修改。与CSS相比，WXSS独有的特色是 尺寸单位和样式的导入26。2.5后台开发技术本套小程序的后台开发主要采用的是PHP+MySQL技术。PHP又名超文本预处理器，是一种通用开源脚本语言29。PHP主要适用于Web开发领域，语法吸 收了 C语言、Java和Perl的特点，利于学习，使用广泛。其独特的语法混合了 C、 Java、Perl以及PHP自创的语法
38、。它可以比CGI或者Perl更快速地执行动态网 页。用PHP做出的动态页面与其他的编程语言相比，PHP是将程序嵌入到HTML 文档中去执行，执行效率比完全生成HTML标记的CGI要高许多3; PHP还可 以执行编译后代码，编译可以达到加密和优化代码运行，使代码运行更快。同时选择PHP有以下几个优点：1.跨平台，性能优越，跟Linux/Umx结合 别跟Windows结合性能强45%，并且和很多免费的平台结合非常省钱，比如LAMP (Linux/Apache/Mysql/PHP)或者 FAMP (FreeBSD/Apache/Mysql/PHP)结合，或 者数据应用够大可以考虑换PostgreSQ
39、L或者Oracle，支持N种数据库。(N = 10); 2.语法简单，如果有学习C和Perl的很容易上手，并且跟ASP有部分类似。有 成熟的开发工具，比如NuPHPed，或者Zend Studio等等，再Linux平台下可以 使用Eclipse等等31; 3.目前主流技术都支持，比如WebService、Ajax、XML等 等，足够应用；4.有比较完整的支持，比如使用ADODB或者PEAR:DB做数据 库抽象层，用Smarty或者smart template做模板层，如果是PHP 5.1的话，还能 够使用PDO (PHPData Object)来访问数据库；5.有很成熟的框架，比支持MVC 的
40、框架：phpMVC，支持类似ASP.net的事件驱动的框架：Prado,支持类似Ruby OnRaUs的快速开发的框架：Cake等等，足够满足你的应用需求；6.已经有成熟 的面向对象体系，能够适应基本的面向对象要求。适合开发大型项目；7.有成熟 的社区来支持PHP的开发；8.目前已经很多大型应用都是使用PHP，比如淘宝网、 Yahoo、163、Sina等等大型门户，很多选用PHP来作为他们的开发语言，所以 大型门户都能够选用它，足够大部分企业的使用了32。2.6数据库技术MySQL是一个小型关系型数据库管理系统。今朝Internet上的中小型网站 的数据库大多是My SQL33。MySQL具备
41、体积小、速度快、整体具有成本低、 开放源代码、机能快捷、优化SQL说话、轻易使用、多线程和可靠性、多用户 撑持、可移植性和开放源代码、遵照国际标准和国际化支撑、为多种编程方式供 给API等特色。由于其体积小，速度快，本钱低，而且My SQL属于开源产物， 这为很多中小型网站的开辟和运维事情下降了本钱。从上面的架构图中可以看出，如图2.2所示，MySQL内部大致分为三层：（1) 最上层是大部分基于网络的C/S服务都有的部分，比如连接处理、授权认证、安 全等；（2)中间层首要是MySQL的焦点办事功效，包罗盘问剖析、阐发、优化、 缓存和内置函数（比方，日期、时候、数学和加密函数），跨存储引擎的功效
42、都 在这一层实现，如存储进程、触发器、视图等。（3)底层是存储引擎，主要负责 数据的存储和提取，是数据库中非常重要非常核心的部分，也是MySQL区别与 其他数据库的一个重要特性34。MySQL采用的是客户/服务器体系结构，因此实 际使用时，有两个程序：1. MySQL服务器程序，运行在数据库服务器上，负责 在网络上监听并处理来自客户端的服务请求，然后把请求结果返回给用户；2. MySQL客户端程序的主要功能是连接数据库服务器，然后返回给服务器相关 信息。2.7本章小结在本章中，主要研究了本文工作中主要用到的相关理论与技术，包括微信 web开发者工具、小程序开发组件、小程序开发API、前端开发技
43、术（包括： WXML+WXSS+JavaScript)、后台开发技术的详细论述以及最后阐述了选择 MySQL作为项目的数据库的优势以及其系统架构介绍。这些都是本文在项目中 所做工作的关键理论基础。3.1.2系统核心业务(1)前台功能用户进入小程序后使用正确的用户名和登录密码成功进入本系统，可以对自 己的信息进行修改和维护。可以更改用户昵称、密码登录信息、用户名、支付密 码、出生日期、性别、爱好、验证的手机号码、绑定的邮箱号码等信息。当用户选中心仪商品，选择好颜色、型号、版本、尺寸等商品信息后加入购 物车。网上商城体系购物车功效模仿实际超市中购物车功效，消费者可以对购物第3草需求分析3.1功能需
44、求3.1.1系统功能模型本选题研究的主要内容包括网络商城小程序的系统设计。结合当今电子商务 平台的微信小程序设计的优点。得出所设计的网络商城小程序系统主要的功能模 块应该包括前端功能模块和后台功能模块这两部分。其中前端功能模块主要有注 册登录、商品展示、购物车、订单结算、在线客服、用户信息管理等模块的功能; 后台功能模块主要有商品管理、仓库管理和系统管理等模块的功能。系统功能模 块如图3. 1所示。车中的商品添加、删除、增减数目。相对现实中的购物车来讲，网上商城体系中 的购物车的功效更多。其可以列出每种商品的单价、数目、小计、举行的操纵、 优惠活动、共计等。同时用户碰到疑问是可以经由过程客户办
45、事来答疑解惑，以便用户更好的咨 询。在线客服类似于网上聊天工具，可以发送文字、图片、表情等，对常见问题 体系可以自行解答。客服应该可以或许快速回应用户，而且做出有用的答复。客 户办事功效是网上商城体系非常重要的组成部分，是用户和商家举行相同的桥梁。系统支持一定时间的无理由退换货，会员首先填写信息提出申请，填写退或 换，退换的理由，相片和发票情况。申请完毕后等待商家的处理，在用户界面可 以看到处理进度，商家收到商品后系统会自动把资金转入会员账户。确认收货后可以对商品举行评价，评价的内容包罗商品质量、商品色差、物 流快慢和服务态度，评价的情势可以是打分、书面评价和图片评价，有些商品采 办后必须经历
46、一段时间的体验才能够清楚商品真正的机能，因此该体系应当必要 为会员供给追加评价的功效。(1) 后台功能商家把所要销售商品的详细信息全部发布到网站供用户浏览选购。陈列的信 息包括商品名称、商品价格、累计评价、商品图片、商品介绍、规格参数、包装 清单、售后保障等。商品介绍主要是商品编号、商品重量、商品产地、商品使用 期限、上市时间等信息。规格参数有品牌名称、款式、颜色、尺寸、外部材料、 内部材料、重量等信息。商品陈列功能是系统非常基础的功能，是用户完成商品 购买这一过程的第一步。若是用户想购买某一商品，该商城还可以或许按照会员输入的信息进行准确 查找，节约用户查找商品的时间，提高效率。当会员对所购
47、买商品的信息了解有 限时，只要输入关键字，下面就会列出与之相关的商品信息。然后用户本身选择 定位到所需要的商品。用户可以检查在本系统中购买的商品的全部订单，只有付款的定单商家才会 发货，待付款的订单，过了 24小时之后该订单就会从待付款列表中删除。系统 需要对每种状态的订单进行管理，以便会员和商家都能够清楚高效地了解商品的 动态。(2) 系统管理员功能该模块功能包括增添删减用户、商家账号以及管理用户、商家的各种信息， 确保这些信息安全。本选题完成时将会把上文所述的商城小程序各个功能模块的实现，设计应用 程序的通信接口和搭建小程序的主体UI界面。3.2系统性能需求以个系统成功实现的标志是运行顺畅
48、的界面。相反如果系统卡顿，伴随而来 的是，打开界面的时候动作缓慢，响应不及时，因此会导致资金安全性得不到保 障，账号很是轻易被盗，那将非常无益于咱们网络商城在消费者中推行35。(1) 安全性需求：由于该网络商城小程序必然会涉及到金钱交易，因此保 证消费者的利益是至关重要的。保障消费者的利益的重点是提高该系统的安全性， 通过采用一系列最先进的安全防范技术来保障消费者的账户资金安全。同时需要 考虑的是安全性和系统便捷性之间的平衡，不是越安全的系统用户体验就越好。(2) 稳定性需求：在消费者通过该网络商城购物时不希望看到的是系统卡 顿、界面乱码、提供信息错误。这些问题均为系统没有提供较高稳定性所导致的。