摘 要

在互联网行业迅猛发展的时代，微信小程序因其轻量、便捷的特点而广受人们的关注，近年来针对各个领域的小程序也层出不穷。本次课题设计期望借助互联网技术优势，基于微信小程序开发轮胎商城，以改善目前轮胎行业的销售渠道。

轮胎商城的前端设计是基于小程序的开发框架，通过小程序提供的丰富的组件和API接口实现前端的逻辑功能和页面间的数据传输。轮胎商城后端管理平台主要基于python语言的flask框架，能够对轮胎商城的数据管理。通过对数据库的操作，实现后端平台对前端数据的增加，删减和筛选。

在小程序开发中通过分析用户对轮胎商城的功能需求，设计了用户页面的原型图及UI。将轮胎商城定位于以商品和商店为核心模式的平台，为用户提供集查询、搜索和购买于一体的服务。同时也为用户设计了会员及保单服务。

本文根据用户功能需逐一叙述轮胎商城用户页面的设计过程，以及用户数据库建模的方式。最后阐述了后台的管理功能及用途。

关键词：微信小程序；轮胎商城；Python；Flask-admin；MYSQL

Abstract

The internet industry has dramatically developed in the past decade. The small program of WeChat, which is widely spread among internet users for its convenience and functions, has sprung up numerous application forms in different fields. This project aims to develop a tire center, based on the framework of WeChat's small program and the advantages of Internet technology, so as to improve the current sales channels of the tire industry. The front-end development of the tire mall is based on the framework of the small program, which implements the logical function of the front-end and the data transmission between the pages through the rich components and API interfaces provided by the small program. The tire mall Backstage management system is mainly based on the flask framework of Python language, it can manage data of tire mall to control the front-end data through the operation of the database.

In this project, the prototype and UI of users' page are designed by analyzing user's demands for the function of the tire mall. The tire center is aimed to be built as a platform which holds goods and shops as the core function to provide users with integrated services of query, search and purchase. At the same time, it offers membership and insurance services for users.

This paper describes the design process of user pages and the way of database modeling according to users' demands. Finally, the management functions and uses of the management system are explained.

Keywords: small program; Tire mall; Python; Flask-admin；MYSQL

目录

摘要 I

Abstract II

第一章 绪论 1

1.1课题背景 1

1.1.1小程序发展现状及未来发展趋势 1

1.1.2 国内轮胎行业的现状 3

1.2课题的内容与目标 3

第2章 轮胎商城需求分析 4

2.1轮胎商城核心需求 4

2.2前端功能需求 4

2.3后端功能需求 6

第3章 小程序页面原型图设计 7

3.1首页原型图 7

3.2商家页面原型图 7

3.3商家详情页面原型图 7

3.4商品页面原型图 8

3.5商品详情页原型图 8

3.6我的页面原型图 9

3.7会员等级页面原型图 9

3.8 积分记录页面原型图 9

3.9保单记录页面原型图 10

3.10保单详情页面原型图 10

3.11提交保单页面原型图 10

第4章 数据建模 12

4.1轮胎模块建模 12

4.2用户模块建模 12

第5章 小程序前端设计 14

5.1前端技术简介 14

5.2前端开发框架 14

5.3前端开发工具 15

5.4前端代码实现 16

5.4.1商城首页 16

5.4.2商家 17

5.4.3商家详情 19

5.4.4商品 20

5.4.5商品详情 20

5.4.6我的页面 20

5.4.7会员等级 21

5.4.8积分记录页面 22

5.4.9保单记录与详情 22

5.4.10提交保单 22

第6章 后台设计 24

6.1服务端开发技术简介 24

6.1.1 Python flask框架 24

6.1.2 MySQL数据库 24

6.2开发框架与开发工具 25

6.3代码实现 25

6.3.1 Flask框架初始化 25

6.3.2 数据库建模与关联 26

6.3.3 API设计 27

6.3.4 Json返回数据测试 28

第7章 后台管理设计 30

7.1 Flask-admin 扩展简介 30

7.2导航栏的添加 30

7.3数据的显示与修改 31

7.4界面的汉化 31

7.5数据的添加 32

7.6数据的筛选 33

7.7管理员的身份验证 33

第8章 结论与展望 35

8.1结论 35

8.2展望 35

参考文献 37

致谢 38

第一章 绪论

1.1课题背景

在移动互联网浪潮的席卷下，电子商务得到了迅猛的发展，商店与客户的交易方式也逐渐从线下延伸至线上。依托移动互联网的技术优势，各类提供B2C、B2B交易的电商平台也层出不穷。越来越多的人开始通过移动互联网，来规划自己的衣食住行。

目前，尽管依靠国内人均汽车拥有量上升所带来的福利，汽车轮胎行业近年来得到了迅猛的发展，但仍存在轮胎生产商规模较小、集中度低，轮胎商品存在滞销的问题；代理商销售渠道单一、缺乏创新和合作共赢机制；消费者无法及时得知轮胎商品的类型和销售价格；汽车轮胎行业的采购与销售更集中依赖于汽车品牌等缺陷。而目前较大的几个轮胎生产商应对市场开发的轮胎商城网站也只针对各自独立品牌，目的更倾向于向客户宣传该品牌形象和新型轮胎产品。众多中小轮胎生产商面临因信息渠道影响而产生的市场渗透不足。

基于此背景下，我们拟定开发基于微信平台的轮胎商城小程序。通过互联网技术优势以改善轮胎行业销售现状。

1.1.1小程序发展现状及未来发展趋势

微信小程序是依托于微信生态圈衍生的一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜索即可打开应用。微信小程序秉承“应用无处不在，随时可用，无需安装卸载”的理念^[1]，用户不用关心是否安装太多应用的问题。

微信小程序自2017年1月9日正式上线以来，因其“轻应用”的特性及受到了广泛关注。，由于入门门槛较低，开发难度小，大量的小程序应用开始涌现。经过几次较大的完善后，微信小程序如今已能够实现消息通知、线下扫码、公众号关联等七大功能。随着微信支付接口的开通以及支持直接打开第三方应用后，微信小程序将进一步整合线下资源。

尤其在互联网经济的影响下，腾讯、阿里国内互联网企业在O2O的领域内从未停止过如何将线下资源更好整合到线上，真正实现线上与线下打通，各家都做出了不少尝试。从以淘宝、天猫商城为首的电商平台的出现，到美团、携程、滴滴打车等平台的扩张，大量线下商业活动转移至线上，各类app应用层出不穷，在人们为纷繁芜杂的app感到繁琐时，以“轻应用”为特性的微信小程序的出现让人们对于使用平率较低、占用空间较大的APP逐渐摒弃^[2]。

微信小程序基于月活跃用户9亿人次的微信生态中，流量大，入口多，功能简单却便捷。有业内人士认为：小程序功能快速迭代，意味着围绕小程序的开发和生态工具建设将会是移动互联网的有一个巨大机会。在17年12月出现的以“跳一跳”、“头脑王者”为代表的游戏小程序风靡之后，人们对于微信小程序表现的流量潜力报以更大地期望。尤其对于企业来说，无论是在企业宣传、企业营销、售后分析等方面存在巨大的潜力。目前各行业内诸多企业单位加入到小程序开发中，使得小程序在各领域内都衍生了大量的应用。

在金融方面，微信小程序的出现为银行的互联网金融发展提供新的创新热点，在业务场景优化方面，银行利用微信小程序，将原有的线下网点与线上业务进行整合。例如，农业银行率先开通了微信小程序的银行，为客户提供了排队取号、大额取现、外汇取现等服务， 完成线上流量导入。

在零售业方面，微信小程序改变了传统零售业只在乎线下客户而忽略客户行为分析的局限性。便利店或超市的微信小程序应用能够将线上和线下打通，消费者可以查看商品、下单支付；零售店铺可以根据消费者行为制定营销策略。

在餐饮行业，越来越多的线下店开发了微信小程序应用，很好地解决了顾客的预约、点单、支付等问题，也简化了餐饮企业的服务流程。依托于微信生态圈很好地解决了流量导入的问题。原生APP应用如“饿了么”“美团外卖”等平台也相继加入开辟新的引流入口。

因此，在微信生态圈的巨大流量的作用下将会产生更多的应用小程序，而如何将微信小程序与线下实体商业有创意的结合，实现流量与经济的互惠，则成为现在和未来人们开拓的方向^[5]。

在国外，Google公司也推出一项针对轻量级APP的设计Instant app,这项功能是基于GooglePlay，通过预载通用的框架方式，让开发者设计出简单功能的app，由于通用框架已经在使用者设计内，只要及时的把需要的数据通过网络载入即可,使得app不需要安装。Android用户通过谷歌搜索、社交网络或者相关链接，就可以直接进入了 Bamp;H 的 Android 应用，完成购买商品、支付等行为。免除用户下载的繁琐和产生的流量。在功能和定位上，instant app和微信小程序有着诸多相似之处，但在实现原理和应用上并非相同。

相同之处：两款应用都是即使运行，无需安装。

不同之处：Instant apps是基于原生态GooglePlay产生的轻量app应用，用户可以在google中搜索或者通过连接打开，页面将通过加载的方式呈现，与Web类似，本质上是一款原生APP，是一款mPC应用。小程序依托微信生态圈，用户可以通过微信APP中搜索或社交分享连接进入，其只能在微信内部运行，属于mAPP应用。

1.1.2 国内轮胎行业的现状

目前国内轮胎行业发展迅速，据2017年轮胎行业市场分析报告消息，我国轮胎企业众多，但轮胎企业产销规模普遍较小，集中度低等现状。轮胎产品的销售也大都为传统方式，也导致行业竞争秩序混乱，小规模轮胎企业无法拥有大型企业的优势，逐渐在竞争中处于不利位置。目前较大的几个轮胎生产商应对市场开发的轮胎商城网站也只针对各自独立品牌，目的更倾向于向客户宣传自家品牌和新型轮胎产品。众多中小轮胎生产商面临因销售渠道影响而产生的市场渗透不足。为此，基于微信平台开发的小程序扮演者代理商的职能，为各轮胎企业提供信息发布渠道和公平透明的交易平台。

1.2课题的内容与目标

轮胎商城小程序将实现以平台入住为核心模式的商城系统，集轮胎电子商务、产品供求、产品交易等功能为一体的在线展示和在线销售平台。商城分为商铺和商品两大模块，其中以商品为系统的核心，旨在于为商家提供平台，平台兼任代理商及帮助其他代理商管理的角色，为客户提供优质商家渠道。

对于轮胎企业而言，轮胎商城小程序为其打开了通往电子商务的新通道，运营者可以自主开通商店、对商店进行管理，完全独立经营，享受品牌建设、营销、推广等多元化商务服务。

对于客户而言　通过轮胎商城小程序，客户可以随时随地了解到最前沿的轮胎行情及资讯，发现轮胎产品新动态。在该平台也将向客户展示由商家提供的商品详情、企业黄页、在线订购等功能，也包含轮胎知识等丰富内容。

第2章 轮胎商城需求分析

2.1轮胎商城核心需求

轮胎商城的开发将实现汽车轮胎行业与互联网行业的结合，从实体销售向线上转移，实现以平台入驻模式为核心的商城系统。主要分为商城、商品两大模块，其中商品为系统的核心。小程序端的用户为小型批发商和生产商，平台兼代理商及帮助代理商管理的角色，将轮胎销售从线下转移到线上，以改善当前轮胎行业销售途径受限的现状。

2.2前端功能需求

轮胎商城微信小程序要求能让用户可以在小程序上查看信息，包含售卖轮胎的商店，各类轮胎的规格，充值会员或者购买商家的联系方式，提交保单等。其业务流程图如下所示。

图2-2用户业务流程图

轮胎商城用户端将分为四个主界面，即商城首页、商家页面、商品页面、个人信息页面。主界面及其子页面实现功能如下：

商家宣传与推广：通过商城小程序首页轮播图展示，为新上架产品做宣传推广。商城首页实现热销产品和热门商家的推荐功能，点击可进入查看商品或商家的详情信息。

商家界面：商家界面将根据时间顺序、浏览量来排序，根据会员等级显示相应的价格，点击列表中某个商家的任意位置进入该商家详情页面。

商品界面：商品界面将根据时间顺序、浏览量来排序，根据会员等级显示相应的价格，点击某个轮胎列表的任意位置进入该轮胎详情页面。

商家搜索：在商家界面顶部设计搜索框，输入商名称，即可查询到该商家。

商品搜索：在商品界面顶部设置搜索框，下拉选项中包含“胎面宽”、“扁平比”、“直径”等选择参数，点击搜索，跳转到搜索结果页面。

会员等级：会员分类名称、问号图标、会员名称、会员说明、价格；选中相应会员，确认支付按钮即可点击.

保单记录：保单列表展示用户的保单记录信息，字段有用户名称，用户的车号，用户保单审核状态，以及用户提交保单的时间，当点击保单信息的任意处，可以跳转到保单详情页面。

积分记录：根据消费、签到的活动可得到相应积分。

图2-3 后端管理业务流程图

2.3后端功能需求

后端平台用于对整个轮胎商城数据进行管理。管理员将拥有最高权限，能够在对商家和用户信息进行增加、删减等操作，其业务流程图如图2-3所示。

管理平台的开发将根据前端的界面功能分别设定对应的API接口，管理员可以通过接口在后端查看轮胎商城用户和商家的信息，并可更改数据库的信息。

第3章 小程序页面原型图设计

3.1首页原型图

轮胎商城的首页如图3-1所示，其中：

图3-1 首页原型图

序号1表示签到，点击“签到”，红点消失，用户获得相应的签到积分，获得的积分数量后台可配置；

序号2为banner，展示热门的轮胎，作为商城的宣传板块。

序号3为搜索，下拉选项包含“胎面宽”、“扁平比”，“直径”等参数，点击搜索，跳转到搜索页面；

序号4为热门轮胎标题，后台可以更改；

序号5为热门轮胎展示，可以横向滑动；

序号6为热门商家的标题，后台可以更改；

序号7为商家列表，字段有店铺名字、所在地、轮胎图片、轮胎品牌、轮胎参数、轮胎非会员价格、查看全部，点击列表任意位置，页面跳转到商家的详情页。

3.2商家页面原型图

商家页面原型图如图3-2所示，其中：

商家列表展示用户最新上传的轮胎信息，字段有店铺名字、所在地、轮胎图片、轮胎品牌、轮胎参数、轮胎非会员价格、查看全部，点击列表任意位置，页面跳转到商家的详情页。

搜索框可以根据商家的名称来进行搜索

3.3商家详情页面原型图

如图3-3所示，其中：

序号1为轮胎列表，按照时间顺序、浏览量排序，根据会员等级展示相应的轮胎价格，点击某个轮胎列表的任意位置进入该轮胎详情页面

序号2表示返回，点击之后返回商家页面。

序号3表示联系店家，如果是非会员，则需要付费，如果是会员，则可以直接查看联系方式。

图3-3 商家详情页原型图

图3-2 商家页面原型图

3.4商品页面原型图

商品页面如图3-4所示，其中：

商品列表展示最热门的轮胎信息，字段有轮胎的图片，轮胎名称，轮胎规格，轮胎的价格以及轮胎所属商家的地址，点击列表任意位置，页面跳转到商品的详情页。

以上是毕业论文大纲或资料介绍，该课题完整毕业论文、开题报告、任务书、程序设计、图纸设计等资料请添加微信获取，微信号：bysjorg。

相关图片展示：