# admin-tp

**Repository Path**: ls-space/admin-tp

## Basic Information

- **Project Name**: admin-tp
- **Description**: 用于学习thinkPHP、Vue的项目
后端框架：Thinkphp6.0
前端框架：Vue3
前端样式：Element Plus
小程序框架：uni-app
- **Primary Language**: PHP
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2024-05-21
- **Last Updated**: 2024-05-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# admin-thinkphp-element-vue-uniApp

- 用于学习thinkPHP、Vue的项目

## 一、介绍

- phpAdmin 后台管理，为了使学生更好的学习，开发出来给学生使用。
- admin-thinkphp-element-vue-uniApp 教学版：用于学习 php vue 的人群
  - 后端框架：Thinkphp6.0
  - 前端框架：Vue3
  - 前端样式：Element Plus
  - 小程序框架：uni-app

## 二、安装教程

- [根据 Thinkphp6 安装](https://www.kancloud.cn/manual/thinkphp6_0/1037479)
- [根据 Vue3 安装](https://v3.cn.vuejs.org/guide/installation.html)
- [根据 uni-app 安装](https://uniapp.dcloud.net.cn/quickstart-cli.html)

## 三、说明

- admin 是PHP后台thinkPHP项目
  - `app/admin` 是对后台前端UI的API管理应用
  - `app/index` 是对小程序的API管理应用
  - 通过phpstudy网站指定`public`公共目录运行此项目
  [![p9PhA4f.png](https://s1.ax1x.com/2023/04/18/p9PhA4f.png)](https://imgse.com/i/p9PhA4f)
- vue3.0-vuecli 是PHP后台的前端UI项目（Element-Puls）
  - `npm install -g yarn` 安装yarn命令
  - `yarn config set registry https://registry.npm.taobao.org` 更改镜像源
  - `yarn install` 安装相关包
  - `yarn serve` 运行此项目
- FoodSalon 是基于uni-app的小程序项目
  - 使用`HBuilder X`编辑器打开，并运行到小程序模拟器
  - 前提必须下载微信小程序开发工具

## 四、目录

~~~
-admin                --- ThinkPHP 目录
  - app                --- ThinkPHP 应用
    - admin            --- 前端应用
      - cotroller      --- 前端应用控制器
      - model          --- 前端应用模型
    - index            --- 小程序应用
      - cotroller      --- 小程序应用控制器
  - config             --- ThinkPHP配置
    - database.php     --- 数据库配置
  - extend             --- 自定义方法或函数
    - utilTool/Random.php  --- 生成密码盐的方法
    - utilTool/Ticket.php  --- Token加密解密方法
  - public                  --- phpstudy 指定的公共目录
  - route                   --- 路由
  - runtime                 --- 运行日志文件
  - vendor                  --- 第三方库 composer 安装的类库
- FoodSalon           --- 小程序目录
  - network           --- API请求管理
    - request.js      --- 封装API
    - mine.js         --- 个人中心API管理（登录、注册等）
    - shop.js         --- 商城API管理（列表、详情、订单等）
  - pages             --- 页面存放的目录
    - tabbar/cart     --- 购物车相关页面
    - tabbar/index    --- 首页相关页面
    - tabbar/mine     --- 个人中心相关页面
    - tabbar/shop     --- 商城相关页面
  - static            --- 静态文件目录
  - unpackage         --- 小程序打包运行文件
  - App.vue           --- vue主界面
  - main.js           --- vue配置
  - manifest.json     --- 小程序使用的类库
  - pages.json        --- 小程序配置
  - uni.scss          --- 小程序公共样式
- vue3.0-vuecli        --- 前端目录
  - public             --- 公共目录
  - src                --- 主要目录
    - assets           --- 静态文件目录
    - components       --- 自定义组件
    - network          --- API管理目录
      - request.js     --- 封装axios响应请求
      - bew.js         --- 导航菜单API管理
      - bewadmin.js    --- 后台用户API管理
      - index.js       --- 后台首页API管理
      - login.js       --- 后台登录API管理
      - shop.js        --- 后台商品API管理
    - router/index.js  --- 路由配置
    - store/idenx.js   --- 状态管理器（无需配置）
    - view             --- 视图页面
      - Bew            --- 导航菜单页面
      - Bewadmin       --- 后台用户页面
      - Index          --- 后台首页页面
      - Shop           --- 后台商品页面
      - Login.vue      --- 后台登录页面
    - App.vue          --- 主界面
    - main.js          --- 组件配置
  - vue.config.js      --- vue配置
  - package.json       --- 包配置
- admin-vue.sql        --- 数据库执行脚本
~~~