# 响应式企业站点-thinkphp6-vue3 **Repository Path**: Ethan_hws/site-tp6-vue3 ## Basic Information - **Project Name**: 响应式企业站点-thinkphp6-vue3 - **Description**: No description available - **Primary Language**: PHP - **License**: Apache-2.0 - **Default Branch**: master - **Homepage**: http://www.88an.top/ - **GVP Project**: No ## Statistics - **Stars**: 1 - **Forks**: 28 - **Created**: 2023-07-25 - **Last Updated**: 2023-07-25 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README ## 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)