# 基于uniapp的网上茶叶店的设计与实现

**Repository Path**: jeffiechan_admin/gra-project

## Basic Information

- **Project Name**: 基于uniapp的网上茶叶店的设计与实现
- **Description**: 本设计使用若依框架构建网上茶叶店后台管理系统，使用uniapp框架实现移动平台的网上茶叶店小程序，商户能够通过后端管理系统对所销售茶叶进行管理，并可以对店铺销售情况、用户使用情况做简单的统计分析。顾客能够通过移动端茶叶店小程序对茶叶进行搜索、查看、选购、下单等操作。
- **Primary Language**: Java
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 3
- **Created**: 2023-08-22
- **Last Updated**: 2023-08-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 基于uniapp的网上茶叶店的设计与实现

#### 介绍
本设计使用若依框架构建网上茶叶店后台管理系统，使用uniapp框架实现移动平台的网上茶叶店小程序，商户能够通过后端管理系统对所销售茶叶进行管理，并可以对店铺销售情况、用户使用情况做简单的统计分析。顾客能够通过移动端茶叶店小程序对茶叶进行搜索、查看、选购、下单等操作。

#### 软件架构
##### 茶叶店小程序
茶叶店小程序主要分为三层：视图层View层使用Weex渲染页面，使用uniapp框架，Vue语法，进行双向数据绑定。业务逻辑层ViewModel层主要负责处理各种业务逻辑和数据。数据层Model层使用node.js连接MySQL数据库编写API数据接口。
##### 茶叶店后台管理系统
后台管理系统包含视图层、服务层、持久化层。视图层使用Vue编写页面。服务层包含控制层、核心框架、基础部分以及数据应用层。持久化层就是最底层连接MySQL数据库，以及Redis缓存。当客户端发出功能请求时，视图层发送的请求经过服务层，进入控制层从而调用业务层，最终访问数据层并对MySQL数据库进行相应的数据库操作。


#### 使用说明

1.  RuoYi-Vue-master文件中是茶叶店后台管理系统代码

（1）配置相关maven,运行sql文件，更改数据库信息

（2）运行Redis

（3）运行RuoyiApplication.java,启动后台管理系统的后端

（4）使用cmd打开ruoyi-ui文件夹

（5）使用命令npm run dev运行后台管理系统前端页面

2.  hello-uniapp文件中放置的是茶叶店小程序代码

（1）更改数据库信息server->util->mysql.js

（2）使用cmd打开server文件夹

（3）使用命令npm start运行后端

（4）运行到微信开发者工具

#### 演示地址

[茶叶店小程序演示地址](https://live.csdn.net/v/310156)


[茶叶店后台管理系统演示地址](https://live.csdn.net/v/310157)
#### 页面截图
1.茶叶店小程序


![输入图片说明](display-img/2-1.png)
![输入图片说明](display-img/2-2.png)
![输入图片说明](display-img/2-3.png)
![输入图片说明](display-img/2-4.png)
![输入图片说明](display-img/2-5.png)
![输入图片说明](display-img/2-10.png)
![输入图片说明](display-img/2-6.png)
![输入图片说明](display-img/2-7.png)
![输入图片说明](display-img/2-8.png)
![输入图片说明](display-img/2-9.png)


2.茶叶店后台管理系统
![输入图片说明](display-img/1-1.png)
![输入图片说明](display-img/1-2.png)
![输入图片说明](display-img/1-3.png)
![输入图片说明](display-img/1-4.png)
![输入图片说明](display-img/1-5.png)
![输入图片说明](display-img/1-6.png)