🤞 Yaa

快速助你CURD開發！

示例圖

環境要求

• PHP >= 7.3
• Composer >= 2
• Node.js >= 14

PHP 啓用擴展

• fileinfo
• imagemagick
• exif

鏈接

• https://yaa.speaks.life/admin
• 賬號：admin
• 密碼：123456
• Yaa文檔地址
• github

✨ 特性

• 🎊 界面清爽、簡約
• ⚒️ 原生框架輕度改造、不附帶任何臃腫第三方庫
• ✨ 自帶祝福光環加持，助你效率提升1000X

📦 安裝

composer create-project umono/yaa-yii2 

🔨 快速上手

呈現數據表格（以用户表）為例：

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