saiadmin是一款基于vue3 + webman 的极速开发框架,前端开发采用JavaScript,后端采用PHP,两种高效开发语言将会擦出什么样的火花?
内置功能
用户管理:完成用户添加、修改、删除配置,支持不同用户登录后台看到不同的首页
部门管理:部门组织机构(公司、部门、小组),树结构展现
岗位管理:可以给用户配置所担任职务
角色管理:角色菜单权限分配、角色数据权限分配、强大的角色树体系
菜单管理:配置系统菜单和按钮等
字典管理:对系统中经常使用并且固定的数据可以重复使用和维护
系统配置:系统的一些常用设置管理
操作日志:用户对系统的一些正常操作的查询
登录日志:用户登录系统的记录查询
服务监控:查看当前服务器状态和PHP环境等信息
附件管理:管理当前系统上传的文件及图片等信息
数据表维护:对系统的数据表可以进行清理碎片和优化,并且管理所有数据的回收和销毁
定时任务:在线(添加、修改、删除)任务调度包含执行结果日志
代码生成:前后端代码的生成(php、vue、js、sql),支持一键下载和一键生成到模块
浏览器支持
本地开发推荐使用Chrome 最新版浏览器,不支持Chrome 80以下版本。
生产环境支持现代浏览器,不支持 IE。
官网:https://www.saithink.top/install/boot.html
安装方式 【推荐】
saiadmin-boot 是一个整合了 saiadmin后端 和 saiadmin-vue前端 的引导项目,能够方便我们快速的运行和创建 saiadmin 项目,完全保留了 webman2.x 的原汁原味,仅仅引入了 saiadmin 插件 和 saipackage 插件管理工具
前置准备
环境要求
在启动项目前,你需要确保你的环境满足以下要求:
Node.js 16 及以上版本,推荐使用 fnm 、 nvm进行版本管理。
Git 任意版本。
推荐 yarn + Node20 进行前端项目管理。
php 8.1 及以上版本,推荐 php8.2 作为后端运行环境版本。
推荐官方源或者腾讯源作为 composer 源
验证你的环境是否满足以上要求,你可以通过以下命令查看版本:
# 出现相应 node LTS版本即可 node -v # 出现相应 php 版本即可 php -v # 设置composer官方源 composer config --unset repos.packagist # 设置composer腾讯源 composer config -g repos.packagist composer https://mirrors.cloud.tencent.com/composer/ # 切换源后,注意清理一下缓存 composer clear-cache
1、项目下载
只需要一个命令即可下载整个项目:
git clone --recurse-submodules https://gitee.com/saigroup/saiadmin-boot
2、后端安装
进入 saiadmin-boot 目录后,执行以下命令进行后端依赖安装
cd webman && composer install
windows用户运行
双击 windows.bat 或者运行 php windows.php 启动
linux用户运行
调试方式运行(用于开发调试,打印数据会显示在终端,终端关闭后webman服务也随之关闭)
php start.php
守护进程方式运行(用于正式环境,打印数据不会显示在终端,终端关闭后webman服务会持续运行)
php start.php -d
初始化方式一
我们在安装好以上步骤后,可以直接通过初始化界面完成安装,初始化界面访问地址:
http://localhost:8787/core/install
输入对应的信息,然后点击下一步就执行安装
初始化方式二
我们项目中有一个.env.example 的示例环境变量,可以直接改为 .env 文件,然后修改其中的数据库配置信息即可运行
3、前端安装
进入 saiadmin-boot 目录后,执行以下命令进行前端依赖安装
cd saiadmin-vue && yarn install
如果报:bash: yarn: command not found,npm安装yarn
$ npm install -g yarn added 1 package in 3s npm notice npm notice New patch version of npm available! 11.5.1 -> 11.5.2 npm notice Changelog: https://github.com/npm/cli/releases/tag/v11.5.2 npm notice To update run: npm install -g npm@11.5.2 npm notice
运行前端项目
yarn dev
打包前端项目
yarn build
访问项目
确认后端初始化成功后,我们可以通过前端访问项目了,访问地址:
更新项目
git pull && git submodule update --remote --recursive
本文为崔凯原创文章,转载无需和我联系,但请注明来自冷暖自知一抹茶ckhttp://www.cksite.cn