README

🤞 Yaa

一个基于Vue3、Yii2的干净美观的后台框架，可快速助你CURD开发。

演示 • 文档

示例图

👁 Image
👁 Image
👁 Image
👁 Image
👁 Image

环境要求

• 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