umono/yaa-yii2
Composer 安装命令:
composer create-project umono/yaa-yii2
包简介
一个基于Vue3 yii2 的后台框架,可快速助你开发。
关键字:
README 文档
README
🤞 Yaa一个基于Vue3、Yii2的干净美观的后台框架,可快速助你CURD开发。
示例图
环境要求
- PHP >= 7.3
- Composer >= 2
- Node.js >= 14
PHP 启用扩展
- fileinfo
- imagemagick
- exif
演示地址
- https://yaa.speaks.life/admin
- 账号:admin
- 密码:123456
✨ 特性
- 🎊 界面清爽、简约
- ⚒️ 原生框架轻度改造、不附带任何臃肿第三方库
- ✨ 自带祝福光环加持,助你效率提升1000X
📦 安装
composer create-project umono/yaa-yii2 cd yaa-yii2 && php yii init
🔨 快速上手
呈现数据表格(以用户表)为例:
vue 文件
<template> <TableData :subHeight="240" :search="search" ref="tables" @view="openModal({ id: $event.id, isEdit: false }, 'formModal')" @edit="openModal({ id: $event.id, isEdit: true }, 'formModal')" url="admin/api/user/index" :handle="_handleBtn"> <!-- 搜索条件开始 --> <n-input v-model:value="search.nickName" filterable placeholder="用户昵称" /> <n-input v-model:value="search.name" filterable placeholder="姓名" /> <n-input v-model:value="search.phone" filterable placeholder="手机号码" /> <!-- 搜索条件结束 --> </TableData> </template> <script lang="ts"> import TableData from "@/components/common/TableData.vue"; export default defineComponent({ name: "USER", components: { TableData }, setup() { // 搜索条件参数 // 在开发中尽量使用search参数包含所有条件 let search = reactive({ name: '', } as any) return { search } }, }) </script>
php 文件
<?php namespace app\modules\backend\api\controllers; use app\modules\backend\api\Controller; use app\modules\backend\api\models\other\User; class UserController extends Controller { // 数据列表 public function actionIndex() { $get = $this->get; $andWhere = [ ['like', 'nickName', $get['nickName'] ?? ''], ['like', 'name', $get['name'] ?? ''], ['like', 'phone', $get['phone'] ?? ''], ]; return User::page()->andWhere($andWhere)->toTableDataArray(); } // 创建、修改、删除 // ... }
🤝 建议
如果您在使用的过程中碰到问题,可以先通过 issues 看看有没有类似的 bug 或者建议。
License
MIT
统计信息
- 总下载量: 977
- 月度下载量: 0
- 日度下载量: 0
- 收藏数: 8
- 点击次数: 0
- 依赖项目数: 0
- 推荐数: 0
其他信息
- 授权协议: MIT
- 更新时间: 2022-11-05