Download the PHP package evondu/yii2-vue-adminlte without Composer
On this page you can find all versions of the php package evondu/yii2-vue-adminlte. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Please rate this library. Is it a good library?
Informations about the package yii2-vue-adminlte
yii2-vue-adminlet
项目介绍
在Yii项目中添加Vue,Vuex进行视图开发,用AdminLte进行Vue组件化后构建Layout和基础组件,导入ElmentUi组件库,并提供Gii的CRUD模板。
安装方法
composer require evondu/yii2-vue-adminlte
配置方法
配置布局
- 配置布局:
yiilte\YiiLte::layout('main')
- 如:
'layout' => yiilte\YiiLte::layout('main')
- 高级应用模板中配置文件为:
app/config/main.php
- 如:
- 配置空白布局:
yiilte\YiiLte::layout('space')
- 如:
'layout' => yiilte\YiiLte::layout('space')
- 如:
配置布局信息
- 新建配置文件:
- 如:
app/config/adminlte.php
- 配置内容可以使用全局属性或通过函数返回等,如用户名:
Yii::$app->user->identity->username
- 如:
配置GII的CRUD生成器
- 配置Yii的Gii模块,如:
Yii与Vue结合使用
变量转化
- 本库中提供将PHP变量转化成JavaScript变量的辅助函数,变量转化后可以便于Vue对其进行操作
- 布尔型会被处理成字符串的1和0,目的是适配Yii的表单传值和处理
- 实现方式为使用
yii\web\View
中的registerJs
函数,把变量定义到JavaScript中 - 变量转换使用
yiivue\Import::value()
(在视图层中使用)- 示例:
yiivue\Import::value($this, $model, "data");
- 第一个参数为
yii\web\View
对象,即视图层的$this
- 第二个参数是要转换PHP变量
- 第三个参数为转换成JavaScript后变量的名称
表单提交
- 示例:
- Yii的默认表单提交方式为"同步跳转式提交"
- 本库提供把JavaScript对象以表单形式提交的辅助函数,并已经注入到Vue的原型方法
this.$yii.submit()
- 示例:
this.$yii.submit({'name':'test'}, "Demo");
- 第一个参数为提交的JavaScript对象
- 第二个参数为Yii中的模型名(用于迎合Yii的表单提交方式)
- 示例执行后POST的数据为:
Demo[name]=test
- 并且此种提交方式支持Yii的CSRF认证
- 示例:
编写Vue组件(PHP混编组件)
实现概述
- 组件的实现,扩展自Yii的
$view->render($path, $params)
,故支持PHP参数传递和混编 - 组件模板部分使用
component-template
标签,javascript和style部分照旧用script
和style
标签 - 组件导入使用
yiivue\Import::component()
(在视图层中使用)- 示例:
yiivue\Import::component($this,'@app/views/components/avatar',[]);
- 第一个参数为
yii\web\View
对象,即视图层的$this
- 第二个参数为编写的组件
- 第三个参数为PHP参数的key-value数组
- 示例:
- 在Vue组件中
template
的值必须为:template: '{{component-template}}'
(注意这里用单引号) - 可以用配置好GII后用模板生成CRUD,然后对照其中的_form文件查看(此为一个完整混编Vue组件)
组件例子
-
示例组件(路径:app/views/components/test.php):
- 使用方法(在Yii的视图层使用):
项目架构
参与贡献
- Fork 本项目
- 新建 Feat_xxx 分支
- 提交代码
- 新建 Pull Request
All versions of yii2-vue-adminlte with dependencies
PHP Build Version
Package Version
The package evondu/yii2-vue-adminlte contains the following files
Loading the files please wait ....