基于微信小程序的军迷社区交易系统的设计与实现

基于微信小程序的军迷社区交易系统的设计与实现

 

随着数字媒体和军民融合的深入发展,军迷基数增长,军事类的网络平台的发展也如火如荼,这就需要深入挖掘军迷社群潜力,通过网络社群来增加群体黏性。因此可以设计一款军事爱好者的社区交易微信小程序将有军事爱好的用户绑定在一起。本系统采用微信开发者工具和CMS内容管理进行小程序的设计。本文先对系统的总体需求进行分析,再对各个功能模块进行设计与实现。主要实现的功能有:个人中心,首页,社区论坛,商品分类,购物订单和后台管理等功能。最后对系统进行测试分析。

关键词军事爱好者社区交易平台,微信小程序,CMS内容管理 

Implementation of Military Fan Community Trading Function Based on Wechat Mini Program

ABSTRACT

With the further development of digital media and military-civilian integration, the base of military fans grows, and the development of military network platforms is also in full bloom. It is necessary to deeply tap the potential of military fans community and increase the group adhesion through online communities. Therefore, it is possible to design a community trading wechat mini program for military enthusiasts to bind users with military interests together. This system uses wechat developer tools and CMS content management for small program design. In this paper, the overall requirements of the system are analyzed, and then the design and implementation of each functional module. The main functions are: personal center, home page, community forum, commodity classification, shopping orders and background management functions. Finally, the system is tested and analyzed.

Keywords: Military Enthusiasts, Community Trading Platform, Wechat Mini Program, CMS Content Management

   

第一章 绪论

1.1 研究背景

1.2 研究目的及意义

1.3 研究现状

1.3.1 国内研究现状

1.3.2 国外研究现状

1.4 研究内容

第二章 需求分析

2.1 可行性分析

2.1.1 经济可行性分析

2.1.2 市场可行性分析

2.1.3 技术可行性分析

2.1.4 操作可行性分析

2.2 功能需求分析

2.2.1 对象角色分析

2.2.2 前台功能需求分析

2.2.3 后台功能需求分析

2.3 前端技术分析

2.3.1 JavaScript

2.3.2 WXML

2.3.3 WXSS

2.4 后台技术分析

2.4.1 CMS内容管理

2.4.2 微信云开发

第三章 系统总体设计

3.1 系统功能总体设计

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.1 数据库概念

4.2 数据库简介

4.3 数据库逻辑结构设计

4.4 数据库逻辑设计

第五章 系统详细设计与实现

5.1 前台功能的实现

5.1.1 登录的实现

5.1.2 首页设计

5.1.3 轮播图页面

5.1.4 搜索栏实现搜索查找

5.1.5 分类功能的实现

5.1.6 商品详情页面

5.1.7 购物车页面

5.1.8 提交订单

5.1.9 我的订单管理

5.1.10 个人中心

5.1.11 社区页面功能

5.2 后台管理的实现

5.2.1 轮播图后台管理

5.2.2 社区论坛后台管理

5.2.3 分类后台管理

5.2.5 订单后台管理

5.2.5 收藏后台管理

5.2.4 商品后台管理

5.3 数据库的实现

5.3.1 轮播图的数据库

5.3.2 分类的数据库

5.3.3 商品的数据库

5.3.2 订单的数据库

第六章 系统测试与维护

6.1 测试目的和方法

1. 测试目的

2. 测试方法

6.2 测试内容和结果

6.3 系统维护

第七章 结论

参考文献

附录 A:软件使用说明书

附录 B:主要源程序

第一章 绪论

1.1 研究背景

近年来,随着电子商务平台发展的不断成熟,凭借社交平台发展电子商务的活动也逐渐开始发展[1]。微信小程序内置于社交媒体微信中,可以快速进入,方便用户直接访问并进行交易。另外,微信小程序充分利用了社交媒体的传播效应,扩大了商品的曝光率,吸引了追求体验和分享的年轻群体。微信小程序的兴起为军迷社区交易提供了新的商业模式。

《解放军报》提出军事媒体深度融合发展是一个政治命题,军报融媒体、新矩阵发生了从资讯型到应用型、从媒体型到社交型、从受众型到用户型的拓展、革新和跨越[2]。军事爱好者有着庞大的基数,有着稳定的消费需求和市场潜力。随着网络和电商的发展,随着军民融合的深入发展,军事类微信公众号的发展也如火如荼[3]。越来越多的军迷开始通过网络平台获取军事相关的商品、资讯和服务。军迷社区交易迎合和满足军迷群体特有的兴趣和消费需求,加强了军迷的社交互动和心理归属感,研究军迷社区交易的模式和特点对于丰富和拓宽军迷交流和消费渠道、提升消费者购物体验和商家服务水平具有重要价值,这也是该设计的初衷[4]

微信小程序社交媒体的特性、军迷群体的需求和电商的发展,为研究微信小程序军迷社区交易提供了有利条件。通过研究军迷社区交易的模式和特点、消费行为和心理,以及社交媒体在交易中的作用,可以帮助商家更好地根据消费者需求,为军迷用户提供特色化、精准化的商品和服务。同时,通过研究军迷社区交易的消费特征、品牌认知等问题,可以优化和促进军迷社区交易市场的发展。

1.2 研究目的及意义

对于微信小程序军迷社区交易的研究具有重要的目的和意义,主要体现在以下几个方面:

一、对军迷社区交易进行深入研究可以帮助了解军迷消费市场的特点、需求和行为等方面,有利于商家了解消费者的购物需求和心理,提高产品和服务的满足度,推动军迷消费市场的发展。

二、研究微信小程序军迷社区交易,可以探讨微信小程序平台在军迷社区交易中的作用和商业价值,促进微信小程序等平台的发展与创新。

三、借助社交媒体的优势,军迷社区交易对于社交经济和社交电商发展有着积极的推动作用。研究军迷社区交易的模式和特点,可以借鉴和拓展社交媒体和社交电商的商业模式,促进社交经济的发展。

四、微信小程序军迷社区交易有望成为未来的电商市场之一,对于企业发掘新的商业机会、提高企业竞争力和创新能力具有重要意义。因此,对该领域的研究能有助于企业深刻把握市场趋势,制定正确的商业模式与战略。

综上所述,微信小程序军迷社区交易的研究不仅具有理论意义,也有着实践价值。通过对军迷社区交易的深入探究,可以为实现互联网与现实经济的深度融合提供帮助,引领电商发展新趋势,促进经济转型升级。

1.3 研究现状

1.3.1 国内研究现状

微信社区交易小程序是近年来中国电商市场快速发展的趋势之一。随着微信小程序的普及,微信小程序社区交易的市场规模也在不断扩大。用户人数达到十亿左右,拥有超过11亿的月活资源,已经成为人们的社交标配[5]。到2022年,我国电子商务零售交易规模有望达到20万亿元人民币左右。小程序依附于微信这个“航母”应用上,有着庞大的用户基数[6]

移动互联网时代下,军事类微信公众号的发展变得多元化。诸如爱神模型、兵器志、解放军报等纷纷入驻微信小程序平台,为广大军迷提供军事模型、订阅服务、课程信息等多种服务。与此同时,越来越多的电商企业利用微信小程序平台发展有针对性的军迷社区交易业务,打造了个性化社区商城和资讯交流平台,成为了国内军迷社区交易的代表。目前,微信小程序军迷社区交易的市场规模不断扩大,涉及领域也越来越广泛,包括模型、书籍、服装、复刻、装备等。

1.3.2 国外研究现状

微信小程序社区交易是在微信生态中进行的电子商务活动,主要在中国市场上得到广泛应用,美国社交网络市场处于绝对领先地位。主要由Facebook、Twitter和Pinterest等社交媒体平台主导。目前Facebook内已有超过26亿个活跃用户,是全球最大的综合社交网站[7] Twitter是一个社交网络与微博客服务的网站,Twitter在全球政治活动中扮演重要角色。经过数年的发展,Twitter已成为现今全球新闻、娱乐和评论的重要来源Instagram和Pinterest分别拥有10亿、4.5亿用户。欧洲社交电商市场规模正在不断扩大,估计到2025年将达到470亿欧元,并迅速向新兴市场扩展。但这些台针对的是所有电商行业领域,没有太多的特别定制,如WeChat Mini-Programs in China那样的平台。此外,国外军事社区交易平台也较为少见,更多的是以军事论坛、资讯站点和社交媒体平台为核心,逐步发展成在军迷社区内流行的电商业务。例如US Wings、Military Clothing、Army Navy Sales等企业。

综上所述,微信小程序军迷社区交易作为一种新型电商模式,尤其在国内得到了快速发展与广泛应用。虽然国外市场还在起步阶段,但是也不影响其在未来的发展潜力,加上爱好特殊、商业机会巨大,此类个性化社区交易有望成为国内外的重要电商市场之一。从发展上来看微信小程序应用的发展空间还有较大的突破空间[8]

1.4 研究内容

为了方便军事爱好者用户满足个性化社区交流和消费需求,本文基于微信小程序开发了一个军迷社区交易小程序。系统的功能模块主要划分为首页模块、社区论坛模块、分类模块、购物车模块、订单信息模块、个人中心模块。其中,首页模块能够为系统的其它功能模块提供基础数据,提供搜索、分类展示、轮播图等功能社区论坛模块能够实现用户之间的动态交流,发布消息与对消息的反馈分类模块能够让用户根据类型属性找到对应商品,查询商品的详细信息购物车与订单模块能够满足用户购买商品,并对当前商品的动态状态进行动态查询个人中心模块满足用户的个人需求,包括个人的收藏、评论、订单等信息。

第二章 需求分析

本章的核心内容是对本系统的可行性,功能需求以及相关技术进行详细分析,在可行性分析中还将考虑到各种因素,如技术、时间、预算等限制,并根据这些限制来确定最终的系统设计方案。

2.1 可行性分析

可行性分析是指对一个计划或项目的可行性进行评估,要用最小代价在尽可能短的时间内确定问题是否能解决,选择是否继续进行的一个过程。主要目的是通过对这些因素的考察,减少项目的风险,从而使项目更有可能成功。本文将从经济、市场、技术和操作方面进行研究。

2.1.1 经济可行性分析

经济可行性分析是从经济方面的角度来评判项目是否可行。微信小程序的开发和运营成本与传统的APP相比,有很大的优势,因为小程序不需要像APP一样涉及到开发全功能应用、发布到应用商店并推广。同时,小程序的开发需求也比传统的APP更为简单,大多数小程序的功能可以通过微信开发工具自己实现。微信小程序有着更低的开发成本,微信开发者工具里的微信小程序原生都是免费的,使用的后端微信云开发只需要每月19.9元的租金。此外,微信小程序还有更低的营销成本,因为小程序可以通过微信的社交媒体或自带的分享功能进行传播,并且还可以通过微信自有广告渠道进行推广。所以在经济可行性方面,本项目是能够实现的。

2.1.2 市场可行性分析

场可行性分析是从市场方面的角度来评判项目是否可行。随着微信用户数量的增长,微信小程序的用户群也在逐渐扩大。同时,微信还提供了小程序的生态环境,允许开发者将应用程序连接到微信不同的功能和广告平台上,以便进一步推广和收益。在市场竞争当中,微信小程序相对于传统APP有明显的优势:小程序安装简单且无需等待、加载速度更快、开发成本更低、用户留存率更高等。这些因素都促进了微信小程序的发展和使用。所以在市场可行性方面,本项目是能够实现的。

2.1.3 技术可行性分析

技术可行性分析指的是使用现有的资源和技术能否完成目标项目开发的问题。微信小程序在总体架构上主要分为2部分,分别是小程序前端和云开发后端采用前后端分离的框架[9]小程序的前端界面主要是运用WXML、WXSS和JS等语言编写的[10]这些技术提供了一个可互动、可扩展和高性能的应用程序开发框架。开发者可使用微信小程序开发工具进行开发和调试,提供了各种接口和组件,可让开发者在相对短的时间内开发出高度可用的产品。

在后台技术方面,微信云平台不需要部署和维护,而云数据库又能用CMS进行内容管理,拥有直观的用户界面、易用的编辑器、便捷的文本编辑和图像管理工具,帮助用户更高效地创建、修改和管理内容。所以,从技术方面来看,本项目是能够实现的。

2.1.4 操作可行性分析

操作可行性指的是一种综合评价方式,在实施过程中是否方便高效,能否实施下去。微信小程序的普通用户使用非常方便。在CMS内容管理里,有直观的用户界面、易用的编辑器、便捷的文本编辑和图像管理工具,用户能对内容进行创建、添加、修改、删除操作,支持多个用户同时编辑更新或管理内容,定期优化更新搜索引擎。所以,从操作可行性方面看,本项目是能够实现的。

2.2 功能需求分析

通过对军迷社区交易项目的调查分析以及分析该系统需要实现的功能系统根据对象角色划分不同的功能权限,接下来将从对象角色和具体模块功能进行系统的需求分析

2.2.1 对象角色分析

本系统涉及的对象角色有2个,普通用户和管理员,角色名称以及功能描述如表2-1 所示。

 2-1 角色名称以及功能描述

角色名称

功能描述

用户

个大类功能:首页,社区论坛,发布,分类,购物订单管理,个人中心。

管理员

在后台订单管理、商品管理、收藏管理、用户管理、分类管理、社区论坛管理、轮播图管理、评论管理的编辑和删除。以及信息动态变化的查询

2.2.2 前台功能需求分析

军迷社区交易微信小程序的前台功能应主要包括首页、用户的登录注册、论坛、购物车等模块,具体需求分析如下:

1. 首页

1window的样式功能与tabbar点击功能描述如表2-2 所示,主要用于用户查看页面顶部与底部展示。

表 2-2 window的样式功能与tabbar点击功能描述

功能名称

Window,tabbar

功能描述

Window页面查看与tabbar点击查找

执行者

用户

前置条件

用户登录成功

基本操作流程

1.用户登录成功。2.可查看window的顶部导航标题、颜色、文字样式。3.可根据底部tabbar的六个标签栏找到自己需求的功能。

异常流程

操作失败

2搜索功能描述如表2-3 所示,主要用于用户搜索查找商品。

表2-3 搜索功能描述

功能名称

搜索栏

功能描述

根据输入文字查找商品

执行者

用户

前置条件

用户登录成功,进入首页标签栏

基本操作流程

1.用户登录成功。2.进入首页标签栏。3.点击搜索栏。4.进入搜索页面。5.输入关键字找到对应商品。

异常流程

查找失败没有跳转

3轮播图功能描述如表2-4 所示,主要用于用户查看轮播图信息。

表2-4 轮播图功能描述

功能名称

轮播图

功能描述

首页轮播图的点击查看

执行者

用户

前置条件

用户登录成功,进入首页标签栏

基本操作流程

1.用户登录成功。2.可查看轮播图的样式。3.点击进入轮播图详情页面,查看对应图片、富文本等内容。

异常流程

操作失败,无法跳转

4首页展示商品功能描述如表2-5所示,主要用于用户查看推荐商品。

表2-5 首页展示商品功能描述

功能名称

浏览商品

功能描述

首页点击总体分类或单独分类进入对应分类页面查找商品,或是只浏览首页推荐商品。

执行者

用户

前置条件

用户登录成功,进入首页标签栏

基本操作流程

1.用户登录成功。2.可查看总体或单独分类。3.点击进入商品详情页面或具体分类页面

异常流程

操作失败

  1. 分类模块
  1. 分类功能描述功能描述如表2-6 所示,主要用于用于查看分类列表。

表2-6 分类功能描述功能描述

功能名称

商品分类

功能描述

首页点击总体分类或单独分类进入分类标签栏

执行者

用户

前置条件

用户登录成功,进入首页标签栏,点击分类标签

基本操作流程

1.用户登录成功。2.可查看总体或单独分类图标以及文字描述。3.点击进分类标签栏。

异常流程

操作失败

  1. 分类展示商品功能描述如表2-7 所示,主要用于用户查看分类对应的商品信息。

表2-7 分类展示商品功能描述

功能名称

商品分类

功能描述

首页点击总体分类或单独分类进入对应分类页面查找商品

执行者

用户

前置条件

用户登录成功,进入首页标签栏

基本操作流程

1.用户登录成功。2.可查看总体或单独分类。3.点击进入商品详情页面或具体分类页面

异常流程

操作失败

2.社区论坛模块

1)社区论坛页面的浏览及操作功能描述如表2-8 所示。

表2-8 社区论坛页面的浏览及操作功能描述

功能名称

社区论坛的浏览及操作

功能描述

社区论坛主页面进行查看和动态操作

执行者

用户

前置条件

用户登录成功,进入社区论坛标签栏

基本操作流程

1.用户登录成功。2.进入社区论坛标签栏。3.在社区论坛页面进行发布、回复、点赞、分享等消息反馈功能。

异常流程

操作失败

2)社区论坛发布功能描述如表2-9 所示。

表2-9 社区论坛发布功能描述

功能名称

社区论坛发布

功能描述

进入社区论坛发布页面发布消息

执行者

用户

前置条件

用户登录成功,进入社区论坛标签栏,点击发布按钮跳转发布页面。

基本操作流程

1.用户登录成功。2.进入社区论坛标签栏。3.点击对应区域图像跳转至论坛发布页面,输入信息后点击发布。

异常流程

操作失败

  1. 商品发布模块

商品发布模块为用户能够出售自己的商品,商品发布模块功能描述如表2-10 所示。

表2-10 商品发布模块功能描述

功能名称

商品发布

功能描述

输入商品以及个人信息后进行发布

执行者

用户

前置条件

用户登录成功,进入发布标签栏

基本操作流程

1.用户登录成功。2.进入发布标签栏。3.输入商品名称、价格、数量、类型、联系方式、商品描述、封面图以及详情图以及个人信息4.点击发布。

异常流程

操作失败

  1. 商品模块

用户能够通过商品模块进行商品详情的查看,并进行收藏,分享,购买等功能,具体功能描述如表2-11 所示。

表2-11 商品模块功能描述

功能名称

商品模块

功能描述

对商品进行查看、购买、点赞、分享

执行者

用户

前置条件

用户登录成功,可在多个标签栏或其他功能中,点击商品图片进入商品详情页面

基本操作流程

1.用户登录成功。2.进入商品详情页面。3.可以查看商品的封面图、价格、动态人数、名称、卖家信息、商品详情、详情图。4.可以进行分享好友或朋友圈、收藏、立即购买、加入购物车等功能操作

异常流程

操作失败

  1. 购物车模块

用户能够通过购物车模块进行选择要购买的商品并进行结算等功能,具体功能描述如表2-12 所示。

表2-12 购物车模块功能描述

功能名称

购物车

功能描述

将商品加入购物车合计金额结算,进行购买

执行者

用户

前置条件

用户登录成功,进入购物标签栏

基本操作流程

1.用户登录成功。2.进入购物车标签栏。3.查看购物车的具体商品,进行商品数量增减,全选或部分选择,价格合计,最后进行结算。

异常流程

操作失败

6.个人中心模块

用户能够通过个人中心模块实现对应的功能,具体功能描述如表2-13 所示。

表2-13 个人中心模块功能描述

功能名称

个人中心

功能描述

进入个人中心页面,进行对应功能操作

执行者

用户

前置条件

用户登录成功,进入个人中心标签栏

基本操作流程

1.用户登录成功。2.进入个人中心标签栏。3.执行订单管理功能,查看我的收藏、商家订单、我的商品、我的动态、推出登录等功能。

异常流程

操作失败

  1. 订单模块功能

用户能够通过订单模块实现对应的功能,具体功能描述如表2-14 所示。

表2-14 订单模块功能描述

功能描述

订单显示商品的不同状态

执行者

用户

前置条件

用户登录成功,购物车结算或者个人中心进入订单页面

基本操作流程

1.用户登录成功。2.从购物车结算或者个人中心进入订单页面。3.查看订单状态:待支付、待发货、待收货、待评价、已完成进行支付订单、取消订单、确认已收货,评论的功能。

异常流程

操作失败

2.2.3 后台功能需求分析 

后台对订单管理、商品管理、收藏管理、用户管理、分类管理、社区论坛管理、轮播图管理、评论管理的编辑和删除。主要用于管理员对内容集合的内容模型进行查看,编辑,删除。以及查看数据的动态变化。后台功能需求分析如表2-15 所示。

表2-15 后台功能需求分析

功能名称

后台管理

功能描述

对前台的内容模型和内容集合进行查看,编辑和删除操作以及动态变化的查看

执行者

管理员

前置条件

1.进入微信开发者工具。2.进入云开发。3.进入CMS内容管理并访问云平台。4.输入账号进入该项目。

基本操作流程

进入自己的项目中,可以在内容模型中进行模型改动,可在内容集合中进行查看,编辑,删除。

异常流程

操作失败

2.3 前端技术分析

2.3.1 JavaScript

JavaScript是一种用于Web开发的脚本语言,开发人员能够通过Java Script对业务逻辑进行开发,并且调用API来处理业务需求[11],被广泛应用于网页交互、游戏开发、后端开发、大数据分析等领域。JavaScript在小程序开发中起到了重要的作用,主要用于控制小程序的交互行为和业务逻辑。JavaScript在小程序开发中具有以下特点:1.具有良好的跨平台特性,可以快速构建小程序代码。2.支持异步编程和事件绑定,方便开发者进行异步操作和事件处理。3.支持高度的算法重用、面向对象编程和函数式编程等多种编程范式,适用面广。4.可以通过第三方库和框架扩展其功能。

2.3.2 WXML

WXML语言可以概括为微信小程序框架设计的一套标签语言[12],是用于构建微信小程序界面的标记语言。WXML提供了一组基础组件和事件处理能力,可以快速构建小程序的界面,主要负责页面的界面展示和数据绑定等功能[13]。WXML具有以下特点:1.具有结构化语义,容易理解和维护。2.具有完整、灵活的组件系统,核心组件提供了丰富的UI控件。3.可扩展性强,可以通过自定义组件、数据绑定等方式扩展页面交互行为。4.支持数据绑定和事件绑定,方便程序员实现数据操作和处理事件。

2.3.3 WXSS

WXSS是一种专门用于微信小程序的样式表语言,用来展现页面的样[14]。WXSS通过对样式规则进行声明和定义,可以为小程序提供美观的界面和全面的样式定义。WXSS扩展了如rpx、rem屏幕尺寸,提供了全局样式功能设置以及外部样式导入功能[15]。WXSS具有以下特点: 1.具有CSS的基本语法,容易上手。 2.支持rem、vw/vh等相对长度单位,可以适应不同设备屏幕大小和分辨率。 3.支持内置样式和全局样式,适合多种场景使用。同时,内置样式可在组件中定义,全局样式可在app.wxss中定义。

2.4 后台技术分析

2.4.1 CMS内容管理

CMS内容管理系统是指一种用来管理、发布、修改和维护网站内容的软件系统。由于CMS具有易用性、扩展性和管理性等强大功能,因此在互联网应用的众多领域中广泛应用。CMS的核心是一个数据库,将网站所有内容和资源(如文字、图像、视频等)存储在数据库中。网站管理者可以通过网站后台登录,使用CMS编辑器轻松地对页面进行增删改查和发布等管理操作,后台编辑器将对页面进行分类、布局、元素排版、功能模块等处理,自动生成前端网站页面代码。CMS也提供了多种管理权限控制和版本管理等功能,方便不同角色用户对网站内容进行管理。

CMS的组成部分:

1.后台管理系统:提供网站内容管理、版权管理、权限管理、用户管理、文件管理等功能,常见的后台管理系统包括WordPress、Drupal、Joomla等。

2.内容发布系统:提供内容的创建、编辑、修改和发布等功能,包括网站前端展示的页面内容、文章、新闻、图片、视频等。

3.网站模板系统:提供网站模板定制和主题美化等功能,允许用户根据需求进行网站外观、布局改变等。

4.插件、模块和组件系统:提供增强网站功能的插件、模块和组件,可以快速增加多种功能,如搜索、评论、在线客服、地图等,也可提供自定义扩展。CMS内容管理与传统内容管理的比较如表2-16 所示。

表2-16 CMS内容管理与传统内容管理的比较

内容

云开发

传统开发

内容维护效率

使用编辑器工具进行管理

需要编写和修改HTML代码

可定制性

由开发者自行添加,修改和删除

需要依赖基础设施和开发人员技能

用户管理

支持多用户同时概念里

不支持多用户同时管理

静态性与动态性

根据用户请求实时动态生成页面

需要页面静态化,不够灵活

SEO优化

通过插件优化更新搜索算法

需要手动配置与实现

2.4.2 微信云开发

微信云开发是针对微信生态圈(包括小程序和公众号)打造的云端一体化开发平台,云开发的核心能力主要有云存储、云数据库、云函数、云调用等[16],旨在为开发者提供更快捷、高效、安全的开发体验,简化了小程序的开发流程。相对于传统的APP,小程序具有开发成本低、用户体验好、推广方式多样化等优势。但其场景受限,需要使用者对微信生态有一定的理解,考虑到市场流量导入、功能扩容等问题,小程序与传统APP不同特点均需结合实际业务场景进行权衡。

第三章 系统总体设计

软件开发从概念上分为结构设计和详细设计两个阶段。结构设计也被称为总体设计,其主要目的是确定系统中的每个程序的模块组成和模块之间的相互关系[17]。系统设计阶段包括对系统设计过程、架构设计、界面设计、数据库设计和操作设计[18]。本章节主要对军迷社区交易系统概要架构设计进行描述。

3.1 系统功能总体设计

在军迷社区交易小程序中,可使用系统架构图来分析军迷社区交易小程序的基本组成结构,然后根据不同模块之间的不同关系进行分析。依据前文的分析结果可将军迷社区交易小程序前台分为个6个主要的模块,每个模块又可根据功能的不同来具体划分为众多的小模块。系统功能总体设计架构如图3-1 所示。

3-1 系统功能总体设计架构

3.2 前台功能模块

3.2.1 登录模块设计

用户可以通过微信授权来登录小程序。当用户拒绝授权时,系统会退回到原来的登录页面;如果用户允许授权,系统将上传数据并跳转至登录成功后的个人主页面。登录流程图如图3-2 所示

3-2 登录流程图

3.2.2 首页模块设计

用户登录后进入首页模块。首页模块分为:1.轮播图,用户可以点击轮播图查看详情图,详情信息,联系邮箱。2.搜索栏。3.首页分类。4.首页推荐商品,点击进入商品详情。

3.2.3 论坛模块设计

用户登录之后进入论坛页面,可以查看用户的动态内容,可以发布的内容进行点赞和评论、分享。也可以自己发布内容,选择发布的多个图片或视频,输入文段内容,选择自己的地址,在选择地址上可以使用地图功能。

3.2.4 发布模块设计

用户登录后进入发布页面,然后输入商品的图片、详细信息、卖家信息、价格,点击发布后发布商品了。

3.2.5 分类模块设计

用户登录后进入分类界面,可以根据分类查找对应的商品。可以对商品进行收藏、分享、加入购物车、立即购买操作。

3.2.6 购物车模块设计

用户登录后进入购物车界面,可以执行数量增减,全选或者部分选择,结算后跳入订单页面,进行输入备注、填写个人地址信息,提交订单的操作。

3.2.7 个人页面模块设计

用户进行个人页面模块后可以进行以下操作

(1)登录页面管理通过微信授权登录。

(2)我的收藏管理进入我的收藏里面对收藏商品进行管理,可以对已经收藏的商品进行取消收藏

(3)我的订单管理进入个人页面后可以查看待收货、代发货、待评价、已完成的交易信息。可以查看自己售卖商品的信息。可以由此进入对应页面进行支付订单、取消订单、确认收货、评价商品等操作。

4)“我的动态管理可以查看自己社区论坛的信息,执行回复、分享、点赞操作

5客服反馈管理可在在线客服与意见反馈功能模块中输入信息得到后台答复

3.3 后台管理模块

后台管理模块分为7个模块,包括轮播图管理、首页分类管理、商品管理、社区论坛管理、评论管理、用户管理、收藏管理、订单管理。

1.轮播图管理:管理员可在后台对封面图、详情、推荐信息、推荐图、卖家邮箱进行编辑和删除。

2.首页分类管理:管理员可在后台对分类名称、分类图片、创建修改时间进行编辑和删除。

3.商品管理:管理员可在后台对标题、价格、封面图、详情图、商品描述、卖家信息描述进行编辑和删除

4.社区论坛管理:管理员可在后台对用户信息、内容、图片、地址、评论列表、点赞列表进行编辑和删除。

5.评论管理:管理员可在后台对商品编号、名称、评价内容、头像、昵称、时间进行编辑和删除。

6.用户管理:管理员可在后台对用户的昵称和头像等信息进行编辑和删除。

7.收藏管理:管理员可在后台对商品名称、图片、价格、商品编号进行编辑和删除。

8.订单管理:管理员可在后台对用户Openid、订单明细、订单金额、订单状态、姓名、联系方式、收货地址、时间进行编辑和删除。

第四章 数据库结构设计

4.1 数据库概念

数据库是相互连接的表和其他结构的集合[19]数据库结构设计是数据库系统中设计和组织数据的方式,一个好的数据库结构设计可以减少数据冗余, 提高数据库存储效率, 从而提升整体数据库的性能[20]。以下是该小程序的数据库的详细设计。

4.2 数据库简介

云数据库随着云计算平台的兴起而快速发展。越来越多的公司选择将工作负载转移到云端,获得了更高的效益。同时,容器化的云环境变得越来越流行。云平台的成熟极大地推动了云数据库的发展,利用云数据库进行数据存储能够实现更加便捷、高效的管理方式。云数据库具有众多优势,如动态可扩展性、高可用性、高性能、无需维护和安全等。

微信云数据库是微信云开发的一个功能,为小程序开发者提供了文档型数据库的支持。平台使用微信小程序云开发提供的云数据库微信云数据库的可靠性和稳定性是其重要特点,此外还可以通过云函数和小程序来对数据库进行操作。在开发小程序时,可以将各种数据信息存储在云数据库中。与此同时,微信云数据库还提供了监控图表功能,方便管理者根据各种指标来进行数据监控和管理,简化运维工作。微信云数据库与传统数据库的比较如表4-1 所示。

4-1 微信云数据库与传统数据库的比较

微信云数据库

传统数据库

效率

按实际结算,高效利用

资源利用率低

安全

有备份和容灾机制

自行备份安全机制与数据同步

访问操作

通过云函数、小程序等直接访问

需要自行编写接口或者中间件

适合的数据

存储半结构化、非结构化或稀疏数据

存储结构化数据

可扩展性

弹性扩容,按需调整存储容量

需手动配置,扩容麻烦

根据功能描述,数据流程图如图 4-1 所示

图4-1 数据流程图

4.3 数据库逻辑结构设计

数据库逻辑结构设计是指在物理结构设计之前概念上的设计,数据库逻辑设计也是数据库设计过程中最重要的一步,密切关系着后续物理设计和程序设计。经过对军迷社区交易小程序的数据进行分析,得出了以下的实体关系图。

1. 社区论坛:社区论坛实体属性图4-2所示,其属性包括头像、昵称、内容、图片、地址、评论列表、点赞。

 

4-2 社区论坛实体属性

2. 商品实体属性

商品实体属性如图4-3所示。主要是为了向用户展示商品的详情内容,实现用户和商品的功能互动。

4-3 商品实体属性

3. 用户-购物车管理

用户-购物车体属性图如图4-4 所示,主要是为了展示用户和购物车之间的操作。

正在上传…重新上传取消

图4-4 用户-购物车属性

4. 用户-订单实体属性

用户-订单实体属性图如图4-5所示,主要是为了关联用户和订单之间的操作。

正在上传…重新上传取消

图4-5 用户-订单实体属性图

5. 个人中心实体属性

个人中心实体属性图如图4-6所示,包括用户个人页面的所有操作。

正在上传…重新上传取消

图4-6 用户-订单实体属性图

6. 分类管理

分类管理关系图如图4-7所示,其属性包括分类名称和分类图片。

正在上传…重新上传取消

4-7 分类管理实体关系图

系统之间的E-R关系图如图4-8所示。

正在上传…重新上传取消

图4-8 系统整体的E-R图

4.4 数据库逻辑设计

在完成实体设计后,就是数据库的逻辑结构设计阶段,根据前期分析设计,小程序的数据表由以下几个数据库表构成,本系统数据库的实体属性表如表4-2所示。

4-2 系统数据库的实体属性表

实体

属性

订单管理表

用户Openid、订单明细、订单金额、订单状态、姓名、联系方式、收货地址、时间

商品管理表

标题、价格、分类、封面图、详情图片、商品描述、商品状态、销量、库存

收藏管理表

商品、图片、商品名称、价格、商品ID

用户管理表

昵称、头像、创建时间、修改时间

分类管理表

分类名称、分类图片、首页显示、创建时间、修改时间

社区论坛管理表

头像、昵称、内容、图片、地址、评论列表、点赞列表、创建时间

轮播图管理表

封面图、详情、标题、卖家邮箱、推荐商品

评论管理表

商品ID、商品名称、评价内容、头像、昵称、时间

本系统数据库一共包含了8个表,各表数据结构分别如下所示。

(1)订单管理表:保存管理订单的信息。订单管理表如表4-3 所示。

4-3 订单管理表

字段名称

类型

允许空

描述

goods

Array

N

订单明细

totalMoney

Number

N

订单金额

status

Number

N

订单状态

name

String

N

姓名

phone

String

N

联系方式

address

String

N

收货地址

time

String

N

时间

2)商品信息表:保存商品的基本信息。商品信息如表4-4 所示。

4-4 商品管理表

字段名称

类型

允许空

描述

title

String

N

标题

price

Number

N

价格

type

String

Y

分类

cover

String

N

封面图

images

Array

Y

详情图片

text

String

Y

商品描述

good_clear

String

N

富文本

textsole

String

Y

卖家名称

3)收藏表:保存展示收藏的基本信息。收藏表如表4-5 所示。

4-5  收藏管理表

字段名称

类型

允许空

描述

cover

String

Y

商品图片

title

String

N

商品名称

price

Number

N

价格

goodId

String

N

商品ID

4)用户管理表:保存用户的基本信息。用户管理表如表4-6 所示。

表4-6 用户管理表

字段名称

类型

允许空

描述

nickName

String

N

用户昵称

avatarUrl

String

Y

用户头像

5)分类管理表保存商品的分类信息,分类管理表如表4-7  所示。

表4-7 分类管理表

字段名称

类型

允许空

描述

image

String

N

分类图片

isShowOnHome

String

Y

是否首页展示

Name

String

N

分类名称

to

Array

N

跳转页面

6)社区论坛表:保存用户在社区论坛中的信息。社区论坛表如表4-8 所示。

表4-8  社区论坛管理表

字段名称

类型

允许空

描述

faceImg

String

Y

头像

nickName

String

N

昵称

text

String

N

内容

images

Array

Y

图片

address

String

Y

地址

commentList

String

Y

评论列表

prizeList

String

Y

点赞列表

_createTime

Number

N

创建时间

  1. 轮播图表:保存所演示的轮播图的信息。轮播图表如表4-9 所示。

表4-9 轮播图管理表

字段名称

类型

允许空

描述

_id

String

N

轮播图编号

title

String

N

标题

content

String

Y

富文本

email

String

Y

邮箱

_id

String

N

ID编号

_createTime

Number

N

创建时间

cover

String

N

封面图

tuijian

String

Y

推荐

  1. 评论表:保存用户评论信息。评论表如表4-10 所示。

4-10 评论管理表

字段名称

类型

允许空

描述

goodId

int

N

商品ID

goodName

int

N

商品名称

text

String

Y

评价内容

avatarUrl

String

Y

头像

nickName

String

N

昵称

time

String

N

时间

第五章 系统详细设计与实现

军事爱好者能够在军迷社区交易微信小程序上进行交流讨论,同时也能发布出售自己的商品,或者买到自己想要的商品。本章主要介绍军迷社区及交易微信小程序的具体实现,主要实现系统的功能有:用户登录,首页界面,社区论坛,我的页面,后台管理,商品分类,商品购物等。

本系统的设计主要采用以下技术完成项目的实现:

1. JavaScript技术,JavaScript在小程序开发中起到了重要的作用,主要用于控制小程序的交互行为,业务逻辑和事件处理,例如绑定、调用、判断条件。

2. WXML是用于构建微信小程序界面的标记语言,是系统的模板结构文件。也可通过自定义组件、数据绑定等方式扩展页面交互行为。

3. WXSS是一种专门用于微信小程序的样式表语言。WXSS通过对样式规则进行声明和定义,可以为小程序提供美观的界面和全面的样式定义。

4. CMS内容管理系统,用来管理、发布、修改和维护网站内容的软件系统。提供了多种管理权限控制和版本管理等功能,方便不同角色用户对网站内容进行管理。

5. 微信云开发技术栈,包括云数据库、云存储、云函数。简化了小程序的开发流程。

5.1 前台功能的实现

5.1.1 登录的实现

  1. 功能设计

用户可以通过微信授权来登录小程序。当用户拒绝授权时,系统会退回到原来的登录页面;如果用户允许授权,系统将上传数据并跳转至登录成功后的个人主页面。登录流程图如图5-1 所示

正在上传…重新上传取消

图5-1登录流程图

5.1.2 首页设计

  1. 功能设计

用户登录后进入首页模块。首页模块分为:1.轮播图,用户可以点击轮播图查看详情图,详情信息,联系邮箱。2.搜索栏。3.首页分类。4.首页推荐商品,点击进入商品详情。5.主页面tabbar配置。6.首页视频。首页tabbar功能设计在app.json,list里加入5个标签栏。首页样式在index文件里设计,包括轮播图、搜索栏、商品分类及推荐等功能

  1. 界面设计

登录成功后进入首页,可以查看轮播图内容,点击后进入轮播图界面,使用搜索栏跳转搜索页面,查看首页视频,使用分类功能,点击跳转至分类页面首页的界面如图5-2 和图5-3 所示。

正在上传…重新上传取消      

图5-2 首页设计图1 图5-3 首页设计图2

5.1.3 轮播图页面

1.功能设计

在首页功能中有自行滑动的轮播图显示,点击进入轮播图详细页面,查看标题、封面图、详情文段、联系方式等功能。可在CMS内容模型中进行编辑删除。其中轮播图框架在bannerDetail.wxml设计,样式在bannerDetail.wsxx设计,bannerDetail.js里根据后台CMS传过来的id来查询调用轮播图数据

2.界面设计

轮播图界面分为两个部分,首页部分和详情页面部分。首页部分有图片展示,自行滑动,当前显示的轮播图会显示不同颜色的按钮。首页部分的界面如图5-1 所示。从首页点击后跳转对应的详情页面,内容有标题、对应图片、富文本、推荐功能。详情部分的界面如图5-4 和图5-5 所示。

正在上传…重新上传取消          

图5-4 轮播图界面1 图5-5 轮播图界面2

5.1.4 搜索栏实现搜索查找

1.功能设计

首页中点击搜索栏进入单独的搜索页面,输入内容后出现相应的商品信息,点击后跳转至商品详情页面。

2.界面设计

在搜索栏输入关键字后,出现对应的商品信息。搜索栏的界面如图5-6 所示。

正在上传…重新上传取消

图5-6 搜索栏的界面

5.1.5 分类功能的实现

1.功能设计

用户可以在首页选择单独对应分类或者整体分类进入分类页面。框架在type.wxml设计。先渲染左边一列的分类,每个分类id对应数据库的字段。右边则是对应商品的展示,在CMS后台将商品进行分类,然后不同的分类调用对应的商品。

2.界面设计

左边一列是分类,右边显示对应商品的图片、名称、库存、价格信息。分类功能界面图如5-7 所示。

正在上传…重新上传取消

5-7 分类功能界面图

5.1.6 商品详情页面

  1. 功能设计

用户可以从首页商品推荐,分类,订单点击商品等多个途径跳转至商品详情页面。该功能在goodDetail文件里设计,根据后台CMS传过来的信息内容展示不同的商品信息。

2.界面设计

商品详情由商品图片、商品名称、商品价格、销售量、卖家信息、分享功能、详情图片、商品描述等信息组成。商品详情界面图如5-8 所示。其中分享功能会在商品详情界面里显示该功能界面,可以模拟发送给虚拟好友,内容为商品名称和商品图片。分享界面图如图5-9 所示。

正在上传…重新上传取消

图5-8 商品详情界面图

正在上传…重新上传取消

图5-9 分享界面图

5.1.7 购物车页面

1.功能设计

购物车使用在cart.js文件从后端读出数据,用table.render方法渲染数据。在商品详情页可将商品加入购物车,加入购物车同时会读取数据库,判断该图书是否还有库存,若无库存则操作失败,提示无库存加入购物车失败信息,若有库存先查看购物车中是否已有该商品,若有则接累计数量,否则购物车新加一。用户在购物车页可根据自己的需求购买商品

2.界面设计

用户登录后进入购物车界面,可以执行数量增减,全选或者部分选择,进行结算。购物车界面图如图5-10 所示。

正在上传…重新上传取消

图5-10 购物车界面图

5.1.8 提交订单

1.功能设计

用户在经过购物车结算后进入订单提交页面,选择自己的个人信息以及地址,可以在购物明细里对商品数量进行增减操作,可以输入备注,最后统计总数量,合计价格后提交订单。该功能在order文件里设计。

2.界面设计

界面包括地址信息,姓名,联系电话,地址通过地图选择。购物明细里包括购物车结算里的商品的价格、数量、名称和图片。备注信息内容和总数量与金额的合计,提交订单按钮。提交订单界面图如图5-11 所示。

正在上传…重新上传取消

图5-11 提交订单界面图

5.1.9 我的订单管理

1. 功能设计

在用户提交订单后,订单会在不同时刻处于不同的状态。状态一为待支付,状态二为代发货,状态三为待收货,状态四为待评价,状态五为已完成。该功能在myOrders文件里设计。不同的状态会有不同的操作以及显示。待支付是支付订单,代发货是取消订单,待收货是已收货,待评价是评价。

  1. 界面设计

总体界面是提交订单对应的商品信息,包括订单号、商品名称、图片、数量、价格、合计价格、收货人、收货地址、下单时间、联系电话等。不同状态下有不同的操作显示。待支付和代发货如图5-12 所示,待收货和待评价图5-13所示

正在上传…重新上传取消     

图5-12 待支付和代发货

正在上传…重新上传取消    

图5-13 待收货和待评价

5.1.10 个人中心

1. 功能设计

在个人中心里,用户可以实现查看订单状态、我的收藏、我的商品、我的动态、在线客服、退出登录、我的订单等功能。点击跳转至对应的功能页面,该功能在me文件里设计。

2. 界面设计

个人中心包括订单状态、我的收藏、我的商品、我的动态、在线客服、退出登录、我的订单。个人中心界面图如图5-14 所示。

正在上传…重新上传取消

图5-14 个人中心界面图

5.1.11 社区页面功能

1. 功能设计

用户登录之后进入论坛页面,可以查看用户的动态内容,可以发布的内容进行点赞和评论、分享。也可以自己发布内容,选择发布的多个图片或视频,输入文段内容,选择自己的地址,在选择地址上可以使用地图功能。

2. 界面设计

社区界面图如图5-15 所示。发布动态界面图如图5-16所示。

正在上传…重新上传取消         

5-15 社区界面图 图5-16 发布动态界面图

5.2 后台管理的实现

5.2.1 轮播图后台管理

CMS内容集合中,管理员可在轮播图管理后台对标题、封面图、详情、推荐信息、推荐图、创建修改时间进行查看,编辑和删除,如图5-17 所示在内容模型中可以管理展示系统功能性字段,如图5-18 所示。

正在上传…重新上传取消

图5-17 内容集合中的轮播图管理

正在上传…重新上传取消

图5-18 内容模型中的轮播图管理

5.2.2 社区论坛后台管理

CMS内容集合中,管理员可在社区论坛管理后台对用户头像、昵称、内容、图片、地址、评论列表、点赞列表、创建时间进行查看,编辑和删除容集合中的社区论坛管理如图5-19 所示

正在上传…重新上传取消

图5-19 内容集合中的社区论坛管理

5.2.3 分类后台管理

CMS内容集合中,管理员可在分类管理后台对分类名称、分类图片、是否首页显示、创建修改时间进行查看,编辑和删除,如图5-20 所示在内容模型中可以管理展示系统功能性字段内容集合中的分类管理如图5-21 所示。

正在上传…重新上传取消

图5-20 内容集合中的分类管理

正在上传…重新上传取消

图5-21 内容模型中的分类管理

5.2.5 订单后台管理

CMS内容集合中,管理员可在订单管理后台对用户Openid、订单明细、订单金额、订单状态、姓名、联系方式、收货地址以及创建时间信息等进行查看,编辑和删除,如图5-22所示在内容模型中可以管理展示系统功能性,其界面如图5-23所示。

正在上传…重新上传取消

图5-22 内容集合中的订单管理

正在上传…重新上传取消

图5-23 内容模型中的订单管理

5.2.5 收藏后台管理

CMS内容集合中,管理员可在收藏管理后台对商品图片、商品名称、商品价格、商品ID、创建时间以及修改时间等信息等进行查看,编辑和删除,其界面如图5-24所示

正在上传…重新上传取消

图5-24 内容模型中的订单管理

5.2.4 商品后台管理

CMS内容集合中,管理员可在商品管理后台对标题、价格、对应分类、封面图、详情图片、商品描述、卖家信息等进行查看,编辑和删除,如图5-25所示在内容模型中可以管理展示系统功能性字段,其界面如图5-26所示。

正在上传…重新上传取消

图5-25 内容集合中的商品管理

正在上传…重新上传取消

图5-26 内容模型中的商品管理

5.3 数据库的实现

5.3.1 轮播图的数据库

轮播图的数据库中保存轮播图的实时信息,也包含字段名类型、描述等信息。轮播图的数据库如图5-27所示。

正在上传…重新上传取消

图5-27 轮播图的数据库

5.3.2 分类的数据库

分类的数据库中保存分类的实时信息,也包含字段名类型、描述等信息。分类的数据库如图5-28所示。

正在上传…重新上传取消

图5-28 分类的数据库

5.3.3 商品的数据库

商品的数据库中保存商品的实时信息,也包含字段名类型、描述等信息。商品的数据库如图5-29所示。

正在上传…重新上传取消

图5-29 商品的数据库

5.3.2 订单的数据库

订单的数据库中保存订单的实时信息以及当前状态,也包含字段名类型、描述等信息。订单的数据库如图5-30所示。

正在上传…重新上传取消

图5-30 订单的数据库

第六章 系统测试与维护

为了减少开发出来的新系统在网络发布前出现错误或异常情况,就必须对系统进行一系列功能模块的测试并改进。在测试与维护过程中需要进行反复的、严格的测试,发现错误并修正,从而提高系统的性能。

6.1 测试目的和方法

1. 测试目的

软件测试的目的就是通过必要的计算机软件测试方法,找出软件中的隐藏缺陷和风险隐患,辨别软件隐藏的技术不足和问题。以保证软件正式发布后的软件质量。

2. 测试方法

系统测试的方法一般分为三种:

功能测试:对系统的各个功能进行测试,包括正常测试、异常测试、负载测试、压力测试、边界测试等。目的是检查系统功能是否符合定义的需求和业务规则。

性能测试:检查系统的性能和响应时间。该测试涉及大量的压力测试,包括负载测试、稳定性测试、持续时间测试等,以确保系统能够在相关负载压力下保持稳定并实现要求的性能。

安全测试:对系统的安全性进行评估和测试,以发现系统上的漏洞、弱点和风险。

综合各种测试方法,可以有效地检测和诊断系统问题或错误,并加以改进和修复,以确保系统能够按照预期运行。此外,在系统测试过程中,需要准备详细的测试计划、测试设计和测试用例,并记录测试结果和问题,同时与开发团队合作解决问题和缺陷。整个测试过程需要高度的协调和组织,以确保高效和及时验证系统开发和交付的质量和需求。

6.2 测试内容和结果

在军迷社区交易微信小程序中首先确定要测试的具体内容,表6-3 为测试内容表。

表6-3  测试内容表

测试类型

测试内容

测试目的

功能测试

分类列表

点击任意一类商品图标后出现的商品展示

检查商品品种分类是否有误

账号管理

使用不同账号分别进行登录

检查不同用户的操作权限是否有误

购物车

选择购物车里的商品进行结算

检查能否正常实现支付功能

商品管理

对自己的商品进行上架、下架、编辑和删除

检查商品是否能够正常上架、下架以及修改和删除

搜索框

搜索关键字显示对应商品

检查搜索框是否能正常搜索商品

订单管理

买家对商品进行下单、支付、确认收货、评价;卖家进行发货

检查订单管理中的所有功能是否能够正常使用

动态管理

对动态进行点赞、回复,对自己的动态进行删除

检查订单管理中的所有功能是否能够正常使用

收藏管理

对商品进行收藏

检查收藏功能是否能正常使用

用户界面

测试

界面框架结构、字体大小、背景颜色

检查页面框架结构是否符合用户操作习惯,字体大小和颜色背景是否合适,是否能吸引用户的注意力

安全性测试

用户登录小程序的操作

需要确认授权后才可以使用相应功能

兼容性测试

在微信开发者工具中用不同机型:Android、Windows

在不同的机型中都能顺利稳定运行

通过对以上系统内容进行功能用例测试,得出的测试结果如表6-4 所示。

6-4  测试结果表

功能板块

重点功能项

预期结果

检测结果

首页

搜索框

搜索的商品能正确显示出来

符合预期

购物车

结算

能实现模拟支付功能

符合预期

个人中心

账号管理

使用不同账号能成功登录

符合预期

商品管理

商品能够正常上架、下架以及修改和删除

符合预期

动态管理

能对动态进行点赞、回复,能对自己的动态进行删除

符合预期

收藏管理

收藏的商品能在我的收藏里看到

符合预期

个人中心

订单管理

买家能对商品进行下单、支付、确认收货、评价;卖家能进行发货

符合预期

本小节对基于微信小程序的军迷社区交易系统的各功能模块进行了测试,测试结果表明,系统运行无误,模块功能实现符合预测。

6.3 系统维护

系统维护是指在软件系统或应用程序上线后,为确保其正常运行、长期稳定性和优良性能,对软件系统进行持续的修补、更新和升级等活动。系统维护工作是软件生命周期的重要组成部分,旨在保障系统的可靠性、安全性和可操作性,提高系统的整体运行效率和响应能力,提高用户的满意度和信赖度。

第七章 结论

为了方便军事爱好者用户满足个性化社区交流和消费需求,本文基于微信小程序开发了一个军迷社区交易小程序。该小程序与实际结合,通过微信开发者工具以及微信云开发后台,打造了一个功能丰富的军迷社区交易小程序。商品页面可以搜索和分类查找商品;论坛页面可以发布和回复帖子,还有点赞等功能;发布页面可以发布二手商品;购物车页面可以对商品进行结算;最后的个人界面可以对商品、订单、动态等多项功能进行管理,良好地实现了项目的功能。

相比于热门的交易平台或社区论坛平台,该小程序也有一些功能不完善之处,大致如下:

1. 卖家的商品详情界面缺少私聊的功能;

2. 并不能实现真正的支付功能,而只能使用虚拟支付;

3. 由于小程序使用的一些图标是本地图标,而不是接口引用,所以包的资源大小较为庞大。

4. 不能查看其他用户发布的动态信息,不能同其他用户进行私聊的功能,只能在社区动态进行回复交流。

  

文章写到这里,百感交集,时光飞逝,我的大学生涯也到了尽头。

首先,我要感谢我的指导老师。不仅是我的指导老师,从选题到前期准 备以及到中期的设计实现再到最后论文的撰写都给予了本人很多的帮助,经常关心督促本人,利用自己宝贵的时间来指导本人如何做设计和写论文,在你的指导下不断完善自己的设计和论文,最终完成了这次设计和论文的撰写。

同时,我也要感谢评审委员会各位专家对本文所提出的宝贵意见和建议。正是由于您们的严格审查和指导,使得本文得以更加完善。此外,感谢计算机科学与工程学院全体领导和老师,在整个学习期间里,他们都给予了我无私的关心与支持,在此一并向他们表示诚挚的感谢。

最后,我还要特别感谢我的家人、朋友和同学们对我的支持和鼓励,正是因为你们对我的关心和支持,才使得我能够克服困难,坚持不懈地完成这一篇毕业论文。

谨以此文,向所有支持和关心我的人致以最诚挚的感谢和祝福!

参考文献

[1] 邱家玉. 微信小程序电商发展现状和对策探讨[J]. 现代商业, 2019, 540(23): 26-27.

[2] 李秀宝. 奋力推进军事媒体深度融合发展[J]. 南方企业家, 2017(09): 28-29.

[3] 何成翱. 军事科普类微信公众号的营销策略研究[D]. 武汉:华中师范大学, 2022.

[4] 王磊. 高校军事类社团对国防教育的促进作用研究——以沈阳建筑大学军事爱好者协会为例[J]. 产业与科技论坛, 2017, 16(04):155-156.

[5] 韩舶. 微信小程序发展现状及其前景探析[J]. 数字传媒研究, 2020, 37(08):5-9.

[6] 姜明浩. 学生石锁比赛微信小程序的研制与应用[D]. 南京:南京体育学院, 2022.

[7] 徐永乐, 陈媛媛. 基于Altmetrics的中美智库对比研究[J]. 情报杂志, 2021, 40(12):87-94+162.

[8] 郑雨萌. 新媒体时代下微信小程序的困境与发展[J]. 声屏世界, 2018, 430(03):64-65.

[9] 韩笑, 鄢艳红. 基于微信小程序的青少年编程知识答题系统的设计与实现[J]. 科技与创新, 2023, 225(09):43-45.

[10] 潘俊芳, 侯振兴. 基于微信小程序的图书馆座位预约系统的设计[J]. 黑龙江工业学院学报(综合版), 2022, 22(05):66-71.

[11] 杨玥芸, 薛静宜, 顾婷婷, 等. 校园综合性服务小程序开发的实践研究[J]. 科技视界, 2022, 393(27):27-29.

[12] 刘帅, 姜旭涛, 刘进芬. 基于微信小程序的智能食堂系统的设计与实现[J]. 网络安全技术与应用, 2021, 249(09):60-62.

[13] 王权. 基于微信开放平台购物中心的设计与实现[D]. 长春:吉林大学, 2016.

[14] 李昊楠, 刘雅莉. 基于微信小程序的图书馆座位预约系统设计[J]. 现代信息科技, 2020, 4(06):4-6.

[15] 李哲, 周灵. 微信小程序的架构与开发浅析[J]. 福建电脑, 2019, 35(12):66-69.

[16] 杨吉欢, 李娟, 周拓, 等. 一个基于微信云开发的垃圾分类小助手程序的设计与实现[J]. 电脑知识与技术, 2022, 18(33):42-44.

[17] JAVED M, LIN Y. IMER: iterative process of entity relations and business process model extraction from the requirements[J]. Information and Software Technology, 2021, 4(07): 54-56.

[18] Elvis C Foster, Bradford A Towle Jr. Software engineering: a methodical approach(2nd Edition)[M]. Florida: CRC Press, 2021.

[19] WANG H, YANG S. Design and implementation of second-hand book trading platform[J]. Scientific Journal of Intelligent Systems Research, 2021, 3(09): 294-299.

[20] 陈英达, 黄巨涛, 林强. 关系型数据库逻辑设计规范研究[J]. 微型电脑应用, 2018, 34(06): 1-2

  

附录 A:软件使用说明书

1 软件概述

该小程序是基于微信云开发的军迷社区交易小程序, 使用了JavaScript、Wxml、Wxss等技术,CMS内容管理后台方便编辑和删除,是一款个性化面向军迷用户的小程序,主要实现社区论坛以及商品交易的功能。

1.1 功能

前台功能:用户登录,首页搜索、查看轮播图、商品,社区论坛发布与使用、分类使用,购物车使用,个人页面管理。

后台功能:轮播图管理、首页分类管理、社区论坛管理、评论管理、用户管理、收藏管理、订单管理。

1.2  原理

该小程序前端使用 了 WXML、WXSS、JavaScript 等技术完成了界面设计,后端技术栈使用了微信云开发,包括云数据库、云存储、云函数,CMS内容管理。CMS内容管理可以编辑内容在微信开发者工具上进行实现。

2 软件安装

安装微信开发者工具,申请微信云开发权限,在微信公众平台注册小程序账号类型,在云开发控制器进入内容管理平台,配置环境,下载CMS扩展应用。

3 运行说明

使用微信扫描小程序码,或在微信中搜索小程序名称后进入小程序。小程序可以在微信的“发现”页面找到,也可以将小程序添加到微信首页进行快速访问。在进入小程序后,可以浏览小程序的不同页面。可以通过滚动、点击、输入等方式进行操作。如需登录,则需要进行相应的账号授权等操作才能使用。在使用小程序时,需要注意小程序的使用权限和功能,不要将小程序权限授予不信任的第三方应用或恶意程序。在使用小程序时,如果遇到问题或疑问,可以联系小程序的客服或反馈平台进行交流和解决。

附录 B:主要源程序

1.主页面tabbar配置

{

  "pages": [

    "pages/index/index",

    "pages/shequ/shequ",

    "pages/put/put",

    "pages/cart/cart",

    "pages/me/me",

    "pages/index/bannerDetail/bannerDetail",

    "pages/goodDetail/goodDetail"

  ],

  "window": {

    "backgroundTextStyle": "light",

    "navigationBarBackgroundColor": "#FF6164",

    "backgroundColor": "#D9D919",

    "navigationBarTitleText": "军迷社区交易",

    "navigationBarTextStyle": "white"

  },

  "style": "v2",

  "sitemapLocation": "sitemap.json",

  "lazyCodeLoading": "requiredComponents",

  "tabBar": {

    "color": "#000",

    "selectedColor": "#FF0000",

    "borderStyle": "black",

    "backgroundColor": "#EAADEA",

    "list": [

      {

        "pagePath": "pages/index/index",

        "text": "首页",

        "iconPath": "/images/home.png",

        "selectedIconPath": "/images/home_yes.png"

      },

2.商品详情页面

<image src="{{good.cover}}" class="good-cover"></image>

<view class="good-price-tag">

  <view class="good-tag">88人购买</view>

  <view class="good-price">¥{{good.price}}</view>

</view>

<view class="good-title-box">

  <view class="good-title">{{good.title}}</view>

  <button open-type="share" class="share-but">分享</button>

</view>

<view class="good-sole-title">卖家信息

  <view class="good-textsole">{{good.textsole}}</view>

</view>

<view class="good-detail-title">商品详情</view>

<view class="good-detail-box">

  <view>{{good.text}}</view>

  <block wx:for="{{good.images}}">

    <image src="{{item}}" class="good-detail-img"></image>

  </block>

</view>

<view style="height: 120rpx;"></view>

<view class="tabber">

  <view class="cart-num">8</view>

  <view>

    <image src="/images/cart_yes.png" class="cart-img"></image>

  </view>

  <view class="tabber-right">

    <view class="add-cart">加入购物车</view>

    <view class="buy">立即购买</view>

  </view>

</view>

3.轮播图

  <swiper class="swiper-box"  indicator-dots='ture'   indicator-color='#00FF7F' indicator-active-color='red'  autoplay interval:2000    duration:100  circular>

    <block wx:for="{{bannerList}}">

      <swiper-item >

        <image bindtap="toBannerDetail" data-id="{{item._id}}" class="swiper-img" src="{{item.cover}}"></image>

      </swiper-item>

    </block>

  </swiper>

</view>

4.社区页面功能

<view class="camera-box" bindtap="toPublish">

  <image src="/images/camera.png" class="camera-img"></image>

</view>

<block wx:for="{{actionsList}}" wx:for-index="numm" wx:key="index">

<view class="message">

  <view class="left" bindtap="toUserDetail" data-openid="{{item._openid}}">

    <image class="face-img" src="{{item.faceImg}}"></image>

  </view>

  <view class="right">

    <view class="nickname">{{item.nickName}}</view>

    <view bindtap="toDetail" data-id="{{item._id}}">

      {{item.text}}

    </view>

    <view class="imags-wrap">

      <block wx:if="{{item.images.length == 1}}" wx:for="{{item.images}}" wx:for-item="imgItem" wx:key="index" wx:for-index="indexx">

        <image src="{{imgItem}}" class="image-1"  bindtap="previewImg" data-src="{{imgItem}}" data-index="{{numm}}"></image>

      </block> 

      <block wx:if="{{item.images.length == 2 || item.images.length ==3}}" wx:for="{{item.images}}" wx:for-item="imgItem" wx:key="index">

        <image src="{{imgItem}}" class="image-2-3" bindtap="previewImg" data-src="{{imgItem}}" data-index="{{numm}}"></image>

      </block>  

      <block wx:if="{{item.images.length == 4}}" wx:for="{{item.images}}" wx:for-item="imgItem" wx:key="index">

        <image src="{{imgItem}}" class="image-4" bindtap="previewImg" data-src="{{imgItem}}" data-index="{{numm}}"></image>

      </block>   

      <block wx:if="{{item.images.length >= 5}}" wx:for="{{item.images}}" wx:for-item="imgItem" wx:key="index">

        <image src="{{imgItem}}" class="image-5-9" bindtap="previewImg" data-src="{{imgItem}}" data-index="{{numm}}"></image>

      </block>

    </view>

    <video class="video-cell" wx:if="{{item.video}}" src="{{item.video}}"></video>

    <view class="time-delete">

      <view class="time">{{item.time}}</view>

      <view class="delete" wx:if="{{myOpenid == item._openid}}" catchtap="deleteAction" data-id="{{item._id}}">删除</view>

    </view>

    <view wx:if="{{item.address}}" class="addreess" bindtap="opendLocation" data-index="{{numm}}">{{item.address}}</view>

    <view class="hudong-box">

      <button open-type="share" size="mini" class="share-button" data-index="{{numm}}">

        <view class="hudong-cell">

          <image src="/images/share.png" class="hudong-img"></image>

          <view class="share-text">分享</view>

        </view>

      </button>

      <view class="hudong-cell" bindtap="toDetail" data-id="{{item._id}}">

        <image src="/images/comment_shequ.png" class="hudong-img"></image>

        <view>{{item.commentList.length>0?item.commentList.length:'评论'}}</view>

      </view>

      <view class="hudong-cell" catchtap="pirzeAction" data-id="{{item._id}}">

        <image src="{{item.isPrized?'/images/prize_yes.png':'/images/prize.png'}}    " class="hudong-img"></image>

        <view>{{item.prizeList.length>0?item.prizeList.length:'点赞'}}</view>

      </view>

    </view>

    <view class="prize-box" wx:if="{{item.prizeList.length != 0}}">

      <image src="/images/prize-blue.png" class="prize-img"></image>

      <block wx:for="{{item.prizeList}}" wx:key="index" wx:for-item="nickItem" wx:for-index="nickIndex">

        <view>{{nickItem.nickName}}<text wx:if="{{nickIndex < item.prizeList.length-1}}">,</text></view>

      </block>

    </view>

    <view class="comment-box" wx:if="{{item.commentList.length > 0}}">

      <block wx:for="{{item.commentList}}" wx:for-item="comItem" wx:for-index="comIndex">

        <view class="commet" bindlongtap="{{myOpenid == comItem.openid?'delteComment':''}}" data-id="{{item._id}}" data-index="{{comIndex}}">

          <text class="comment-nickname">{{comItem.nickName}}<text wx:if="{{!comItem.toOpenid}}">:</text>

          </text>

            <block wx:if="{{comItem.toOpenid}}">

              <text>回复</text>

              <text class="comment-nickname">{{comItem.toNickname}}:</text>

            </block>

          <text>{{comItem.text}}</text>

        </view>

      </block>

    </view>

  </view>

</view>

</block>

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值