README.md · 木头/响应式企业站点-thinkphp6-vue3

## thinkphp6响应式企业网站模板，vue3后台管理
网站整合了一般的企业官网都有的 **产品管理，资讯管理，留言管理，图片管理** 
还整合了一般企业网站没有的**权限控制** 
站点用thinkphp6写的，每一个页面都可以进行独立的seo配置 
整个网站，90%左右的内容都可以通过后台进行配置

vue3后台整合了 **多语言，主题色切换，暗黑模式，elementPlus，pinia 状态管理，sass 预处理器，js-table2excel 导出表格，百度富文本编辑器，带模板功能，封装图片选择组件，图片裁剪，图片拖拽排序**

ps：我不是专业写后端的，只是会一些mysql的增删改查而已，后端写的不好，请轻点喷~

由于个人开发，个人测试，可能有一些隐藏的bug还没有被发现

网站模板 在线预览 [http://site.88an.top](http://site.88an.top)
网站后台 在线预览 [http://site.88an.top/vue/](http://site.88an.top/vue/)

账号：admin 密码：123456
请勿随意修改登录密码，如果需要测试，修改完成之后，麻烦将密码改回来

## 使用说明

### 后端 PHP

网站运行目录为 thinkphp 框架根目录下的/public 
数据库账号密码修改：thinkphp6/.env 文件

内容如下：

```
APP_DEBUG = true

[APP]
DEFAULT_TIMEZONE = Asia/Shanghai

[DATABASE]
TYPE = mysql
HOSTNAME = 127.0.0.1
DATABASE = an_site
USERNAME = an_site
PASSWORD = an_site
HOSTPORT = 3306
CHARSET = utf8
DEBUG = false

[LANG]
default_lang = zh-cn
```

### 前端 VUE3

vue 项目，更改 api 请求域名 
开发环境域名 修改：vue3/.env.development 文件

```
VITE_BASE_URL = 'http://site/'
```

生产环境域名 修改：vue3/.env.production 文件

```
VITE_BASE_API = 'http://site.88an.top/'
VITE_BASE_URL = 'http://site.88an.top/'
```

### 后台页面编译打包

```
npm run build
```

会在 thinkphp6/public/vue 目录下输出打包文件,内容如下：
**assets 目录，UEditor 目录，favicon.ico，index.html**

访问后台：http://域名/vue/index.html

##### 如果你喜欢这个后台界面，可以用下面的后台骨架版进行二次开发

vue3后台骨架预览 [http://vue3.88an.top](http://vue3.88an.top)
vue3后台骨架源码地址 [https://gitee.com/chenguangan/vue3.2.ts.vite4](https://gitee.com/chenguangan/vue3.2.ts.vite4)

#### 网站部分截图
![pc 端](readme.img/20220728114000.png)
![移动端](readme.img/20220805102228.png)

#### vue3后台部分截图
![系统配置](readme.img/2023042801.png)
![系统配置](readme.img/2023042802.png)
![页面编辑](readme.img/2023042803.png)
![暗黑模式](readme.img/2023042804.png)
![编辑器演示](readme.img/20220810105231.gif)

木头/响应式企业站点-thinkphp6-vue3

简介

发行版

贡献者

近期动态

木头/响应式企业站点-thinkphp6-vue3 .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

木头/响应式企业站点-thinkphp6-vue3