基于Vue3.3 + ThinkPHP8 + TypeScript + Vite + Pinia + Element Plus的后台管理系统介绍

AIXSNS.com

Part1介绍

基于 Vue3.3 + ThinkPHP8 + TypeScript + Vite + Pinia + Element Plus 等流行技术栈的后台管理系统，自适应多端、可视化 CRUD 代码生成、自带 WEB 终端、同时提供 Web、WebNuxt、Server 端、内置全局数据回收站和字段级数据修改保护、自动注册路由、无限子级权限管理等，无需授权即可免费商用，希望能帮助大家实现快速开发。

Part2主要特性

CRUD 代码生成：

图形化拖拽生成后台增删改查代码，自动创建数据表；大气且实用的表格，多达 22 种表单组件支持，行拖拽排序，受权限控制的编辑和删除等等，并支持关联表，可为您节省大量开发时间。

内置 WEB 终端：

我们内置了一个 WEB 终端以实现一些理想中的功能，比如：虽然是基于 vue3 的系统，但你在安装本系统时，并不需要手动执行 npm install 和 npm build 命令。且后续本终端将为您提供更多方便、快捷的服务。

流行且稳定的技术栈：

除了基于 ThinkPHP6 前后端分离架构外，我们的 Vue3 使用了 Setup、状态管理使用 Pinia、并使用了 TypeScript、Vite 等可以为知识面添砖加瓦的技术栈。

Part3代码版本与下载

Git 仓库分支

master 含项目完整的 Web 端、Server 端以及已经编译好的安装器代码，需要手动执行 composer install。

install 系统安装器的源代码，已经编译到 master 分支的 install 目录，用于系统安装，此分支代码与系统运行无关。

develop 当前正在开发的版本。

其他

完整包点击下载：已经进行了 composer install，这样您就不再需要安装 composer 了，但仍然需要根据安装程序引导执行 npm install 等。

资源包点击下载：仅含 Composer 等资源，用于直接覆盖到项目根目录，不含核心代码。

1启动安装服务

# 其中 buildadmin 为项目根目录，该目录包含一个没有前后缀的 think 文件
cd buildadmin

# git克隆的代码需要执行这条命令，完整包不需要，若找不到命令，可以尝试:composer.phar install
composer install

# Linux下推荐使用:sudo php think run
# Linux下若加sudo后仍然异常，请确保 buildadmin 目录的所有者和执行此命令的用户一致，推荐root
php think run

上述 php think run 命令执行成功后输出类似：

ThinkPHP Development server is started On <http://0.0.0.0:8000/>
You can exit with `CTRL-C`
Document root is: D:WWWbuildadminpublic

2项目预览

开源地址

https://github.com/build-admin/BuildAdmin