# PHP响应式企业站点，vue3后台管理，UNIAPP，全套源码
**Repository Path**: gitwxg/site.tp8.vue3
## Basic Information
- **Project Name**: PHP响应式企业站点，vue3后台管理，UNIAPP，全套源码
- **Description**: PHP响应式企业站点全套源码，含数据库以及默认数据，技术栈Thinkphp8+vue3+ts+elementPlus+UNIAPP，可编译微信小程序，APP
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: https://site.88an.top
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 8
- **Created**: 2025-09-01
- **Last Updated**: 2025-09-01
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
### Thinkphp8响应式企业网站模板，vue3后台管理，只需配置一下[数据库账号密码](#jump)，即可直接部署服务器使用，uniapp项目需要配置后发行使用
## 简介
- 我不是专业写后端的，只是会一些增删改查，后端写的不好，请轻点喷~
- 由于个人开发，个人测试，可能有一些隐藏的bug还没有被发现
- 利用此开源项目参与的一切违法、色情相关的活动均与本源码无关，请勿以身示法
- 此开源项目为个人开发，不限制任何商业使用和个人研究，使用之前请先点个Star对我进行鼓励
## 预览
网站模板 [http://site.88an.top](http://site.88an.top)
网站后台 [http://site.88an.top/vue/](http://site.88an.top/vue/)
uniapp H5模式 [http://site.88an.top/uniapp](http://site.88an.top/uniapp)
请勿随意修改登录密码，如果需要测试，修改完成之后，麻烦将密码改回来
## 项目亮点
#### 1、可自定义系统配置，可自定义字段，提供【信息，列表】两种模式
#### 2、网站所有页面可独立配置SEO，banner图片，页面内容等，可零代码方式新增菜单页面以及页面内容
#### 3、可选七牛云存储进行资源管理
有两个文件需要进行配置
1.thinkphp8/config/an_config.php 文件中配置七牛云域名跟秘钥
```
'resourUrl'=>'域名'
'Access_Key'=>'秘钥AK',
'Secret_Key'=>'秘钥SK'
```
2.vue3.ts/src/config/config.ts 文件中配置七牛云空间名称
```
const qnSpaceName = "空间名称";
```
> 首次使用七牛云，可在七牛云管理文件页面，手动将thinkphp8/public/uploads 文件夹下面的所有文件上传到七牛云，不需要修改数据库，所有图片即可正常显示
#### 4、网站整合了产品管理，资讯管理，留言管理，文件资源管理
还整合了一般企业网站没有的**权限控制**
#### 5、vue3后台整合了
多语言，主题色切换，暗黑模式，elementPlus，pinia 状态管理，sass 预处理器，js-table2excel 导出表格，百度富文本编辑器，带模板功能，封装图片选择组件，图片裁剪，图片拖拽排序
## 使用说明
### 后端 PHP
#### thinkphp8所有文件已齐全，不需要进行composer安装
> php版本要求 php8
thinkphp项目里面，已经包含了vue3后台编译文件，可以不用修改任何代码，把thinkphp8里面的所有文件，上传到服务器即可使用
网站运行目录为需设置为 thinkphp8/public
数据库【名称，账号，密码】修改：thinkphp8/.env 文件，内容如下：
```
APP_DEBUG = true
[APP]
DEFAULT_TIMEZONE = Asia/Shanghai
[DATABASE]
TYPE = mysql
HOSTNAME = 127.0.0.1
DATABASE = 数据库名称
USERNAME = 数据库账号
PASSWORD = 数据库密码
HOSTPORT = 3306
CHARSET = utf8
DEBUG = false
[LANG]
default_lang = zh-cn
```
### 前端 VUE3
访问后台：http://域名/vue/index.html
如需开发使用，先安装nodejs，运行npm i 进行安装相关插件依赖
> Vue3/Vite版本要求 node 版本 18+、20+
项目配置：
更改 api 请求域名
开发环境域名 修改：vue3.ts/.env.development 文件
```
VITE_BASE_URL = 'http://site/'
```
### VUE3后台页面编译打包
```
npm run build
```
会在 thinkphp8/public/vue 目录下输出打包文件,内容如下：
**assets 目录，UEditor 目录，favicon.ico，index.html**
### UNIAPP，目前只测试了浏览器运行跟微信小程序运行
**需使用HBuilder进行【运行】或【发行】**
1、本地开发，运行到浏览器，需配置uniapp/manifest.json文件，更改代理域名
```
"target": "http://site/"
```
2、配置uniapp/config.js，更改 开发域名，生产域名
```
switch (env) {
case "开发":
var baseUrl = 'http://site/';
break;
case "生产":
// 如果是需要发布小程序，需要使用https协议
var baseUrl = 'http://site.88an.top/';
break;
}
```
## 效果预览
