乐趣区

关于yii2:开源项目一个干净简约基于vue3yii2轻度改造的后台框架

🤞 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

退出移动版