# ThinkPHP5.1_vue2.x_BaseAdmin

**Repository Path**: youchuanyouhuo/think-php5.1_vue2.x_-base-admin

## Basic Information

- **Project Name**: ThinkPHP5.1_vue2.x_BaseAdmin
- **Description**: 使用vue2.x和think5.1,UI库采用antd,写的基础后台框架包含基本的权限管理，支持docker一键部署，支持electron客户端，方便OA,ERP等项目的后台管理，方便二次开发，不定时更新
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: https://www.cnblogs.com/makalochen/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 4
- **Created**: 2021-03-08
- **Last Updated**: 2022-05-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# think 5.1 和 vue2.x前后端分离的后台管理

## 简介

base-admin是专门用来进行二次开发的模板



**特点**

- 支持同域或跨域部署
- web前后端分离
- 支持docker一键部署
- 支持win/linux/mac客户端



后续将加入app端的支持，可能会采用`Flutter/ui-app`



**目标**

全平台客户端支持


## 目录结构

```
├─admin		后台根目录
└─index  	前端根目录
├─docker_compose     docker-compose一键部署目录
```

## 前后端框架版本

```
后端
Thinkphp v5.1.40 LTS

前端
"ant-design-vue": "^1.7.2"
"vue": "^2.6.11",
"vue-router": "^3.2.0"
```

## 关于docker-compose一键部署

**注意:一键部署当前项目目前只支持同域**

进入`docker_compose`目录

shift + 鼠标右键  打开命令行窗口 输入下面的命令进行启动

```
docker-compose up -d
```

接着执行数据迁移(这一步只在第一次部署时执行，后面不用)

```
#查看正在运行容器,进入php-fpm容器
docker ps
#例php-fpm容器id为51fe5d886fac
#进入容器
docker exec -it 51fe5d886fac /bin/bash
#进入代码根目录
cd /code
#执行数据迁移,注意先配好数据库的连接
php think migrate:run
```

然后就可以访问了



详细docker 操作可以参考
https://www.cnblogs.com/makalochen/category/1871323.html

## 后端初始化

进入admin文件夹

### 依赖包安装

```
composer install
```

### 数据库迁移

**注意:先配置好think的数据库连接配置**

````
php think migrate:run
````

### nginx伪静态配置(去除index.php)

```
if (!-e $request_filename){
    rewrite ^/(.*)$ /index.php/$1 last;
}
```

## 前端初始化

进入index文件夹

### 依赖包安装

```
npm install
```

### 打包编译

```
npm run build
```

### 桌面客户端打包编译

这一步是打包成桌面客户端,如果不需要可跳过

```
npm run electron:build
```

打包完在当前项目目录下的`dist_electron`可以找安装包

### 关于同域或跨域

执行

```
npm run build
```

默认是同域，如果配置跨域，只需要修改`index/.env.production`文件，将`VUE_APP_API_URL`，修改为你的地址，注意后面的`/api`需要加上

格式：

```
#api 基准地址
VUE_APP_API_URL = '域名/api'
```

例：

```
#api 基准地址
VUE_APP_API_URL = 'http://www.myadmin.com/api'
```

## 访问

在进行了后端初始化和前端初始化后，直接访问域名即可访问

例：

```
http://www.myadmin.com
```

## 待优化点

- 表格状态按钮改变后不用刷新整个表格，改为动态改变
- 菜单添加之后需要刷新一次才能看到效果，改为动态刷新