关于yii:小编推荐Yii20Vue20前后端分离框架通用后台源码

42次阅读

共计 1333 个字符,预计需要花费 4 分钟才能阅读完成。

yii-vue-cms 是一个 yii2 + vue + element-ui 的后盾极速开发框架,前后端拆散。可通过 gii 实现主动生成页面(反对文本、富文本、单图、多图、生成),疾速开发。
根底性能有:权限治理(实现了页面路由 + 接口权限管制, 接口权限可随便敞开)、图片相册、图片上传、富文本、导出。网址:http://119.91.46.222:86/index.html 账号:test admin 明码:123456

装置教程

接口服务部署

  1. 装置依赖,因为家喻户晓的起因,国外的网站连贯速度很慢。因而装置的工夫可能会比拟长,咱们倡议应用国内镜像(阿里云)。
    composer config -g repo.packagist composer https://mirrors.aliyun.com/composer/
    根目录执行
    composer update
  2. 导入数据库,创立 yii-vue-cms_db 数据库 将 yii-vue-cms.sql 导入数据库中
  3. 配置接口域名,将配置的域名指向 yii-vue-cms/admin/web 目录 如果域名为 yii-vue-cms.com (此时间接拜访此域名是没内容的这只是作为接口)

前端 vue 我的项目部署

  1. cd vueadmin
  2. 执行 npm install

    1. install 失败 1、删除 node_modules 2、npm cache clean –force 3、npm install
    2. install 失败 1、删除 node_modules 2、删除 package-lock.josn 3、npm install
  3. 批改接口域名,将 vueadmin/src/components/js/request.js 里的域名换成下面配置好的域名
  4. 装置胜利后 执行 npm run dev 关上 http://localhost:8080 即可
  5. 打包 执行 npm run build 会生成一个 dist 文件 将 dist 文件放在 yii-vue-cms/admin/web 下,此时拜访 yii-vue-cms.com/dist/

生成页面

下面配置好之后 关上 http://139.155.45.209:85/index.php/gii 或 http://139.155.45.209:85/gii 到 gii 页面

生成 Model

 如表 fx_test  
类名即为 Test
Namespace 填  commonmodels
勾选 Use Table Prefix、Generate Labels from DB Comments、Use Schema Name
模板 Code Template  抉择咱们自定义的模板 mymodel 

生成 CRUD Generator

model class 填 commonmodelsTest
Controller Class  填 adminv1TestController
view path  填 @vue/src/page/test    
模板 Code Template  抉择咱们自定义的模板 mymodel
点击生成后,会在对应目录下生成文件,此时先将 index.php、list.php 等 改成.vue 文件 保留,而后格式化一下

创立菜单

 在菜单权限 --》菜单列表 增加对应的路由,保留后,从新登录即可看到
菜单分为路由 和 接口 须要填写对应的内容,如果不须要接口权限,在 admin/config/params.php 里敞开即可

正文完
 0