# springbok-shop-uniapp

**Repository Path**: coocode/springbok-shop-uniapp

## Basic Information

- **Project Name**: springbok-shop-uniapp
- **Description**: 采用Uni-App多端跨平台框架开发，基于Vue3+TypeScript实现的小程序商城项目，springbok项目配套商城模块项目
- **Primary Language**: TypeScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 13
- **Created**: 2024-04-30
- **Last Updated**: 2024-04-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 项目简介

本项目采用 Uni-App 多端跨平台框架开发，基于 Vue3+TypeScript 实现的小程序商城项目，本项目从`https://gitee.com/Megasu/uniapp-shop-vue3-ts/`改造而来

### 后端项目

[https://gitee.com/coding4java/springbok](https://gitee.com/coding4java/springbok)

## 文档

[《springbok 开发文档》](https://www.yuque.com/fengwensheng-ot86q/rm6qf3?#)

## 技术栈

| 框架                        | 版本   | 描述                   |
| --------------------------- | ------ | ---------------------- |
| Vue                         | 3.2.47 | 渐进式 JavaScript 框架 |
| Uni-App                     | 3.0.0  | 多端跨平台框架         |
| Uni-UI                      | 1.5.0  | uni-app 组件库         |
| TypeScript                  | 5.1.6  | JavaScript 类型的超集  |
| Pinia                       | 2.0.27 | Vue 状态管理库         |
| Pinia-Plugin-Persistedstate | 3.2.0  | Pinia 持久化存储插件   |

## 项目结构

```
├── dist                    -- 打包文件夹（可删除重新打包）
├── src                     -- 源代码
│   ├── components          -- 全局组件
│   ├── pages               -- 页面文件
│       ├── index           -- 首页
│       ├── category        -- 分类页
│       ├── cart            -- 购物车
│       ├── my              -- 我的
│       └── login           -- 登录页
│   ├── services            -- 请求接口类
│   ├── static              -- 静态资源目录
│       ├── images          -- 图片
│       └── tabs            -- tabBar图片
│   ├── stores              -- pinia store
│       ├── modules         -- 模块
│       └── index.ts        -- store 入口
│   ├── styles              -- 全局样式
│       └── fonts.scss      -- 字体图标
│   ├── types               -- 类型声明文件
│       └── component.d.ts  -- 全局组件类型声明
│   ├── utils               -- 全局方法
│   ├── App.vue             -- 入口页面
│   ├── main.ts             -- Vue初始化入口文件
│   ├── pages.json          -- 配置页面路由等页面类信息
│   ├── manifest.json       -- 配置appid等打包信息
│   └── uni.scss            -- uni-app 内置的常用样式变量
├── .editorconfig           -- editorconfig 配置
├── .eslintrc.cjs           -- eslint 配置
├── .prettierrc.json        -- prettier 配置
├── .gitignore              -- git 忽略文件
├── index.html              -- H5 端首页
├── package.json            -- package.json 依赖
├── tsconfig.json           -- typescript 配置
└── vite.config.ts          -- vite 配置
```

## 运行项目

1.安装依赖

进入项目根目录，执行下面命令安装依赖

```shell
npm i --registry=https://registry.npmmirror.com
```

2.启动项目

微信小程序端运行

```shell
npm run dev:mp-weixin
```

3.启动后打开微信开发者工具导入 `/dist/dev/mp-weixin` 目录查看运行效果