当前位置 : 主页 > 网络编程 > PHP >

离职一年,实现用vue(element ui)快速开发后台管理及接口

来源:互联网 收集:自由互联 发布时间:2023-10-08
平时我们在用vue开发网站后台管理的时候。比如说要写管理文章的功能,要先去写列表页面,编辑页面,添加页面。另外还需要程序提供对应的增删改查接口 图片上传接口等等,那么有

      平时我们在用vue开发网站后台管理的时候。比如说要写管理文章的功能,要先去写列表页面,编辑页面,添加页面。另外还需要程序提供对应的增删改查接口 图片上传接口等等,那么有没有一种快速的方法。可以用程序来生成vue后台管理页面,同时把对应的增删改查接口也生成。

     我之前上班一直从事php和vue的工作,后来我尝试了用php去生成vue后台管理页面,同时也用php生成vue需要的php接口(说白了就是用php生成php代码),工作效率大大提高,这样我可以把时间聚焦于解决复杂的问题上。

     下面我先发几张图来展示一下用这种方法生成的vue后台管理页面,然后再说一下是如果生成的,来提高工作效率


一 php生成vue后台管理页面的演示图片

离职一年,实现用vue(element ui)快速开发后台管理及接口_php

离职一年,实现用vue(element ui)快速开发后台管理及接口_增删改查_02


离职一年,实现用vue(element ui)快速开发后台管理及接口_增删改查_03


离职一年,实现用vue(element ui)快速开发后台管理及接口_php_04

(用php生成的php代码展示)

二 如何快速生成vue后台管理页面和对应的接口

1.生成vue后台管理和路由

离职一年,实现用vue(element ui)快速开发后台管理及接口_php_05

(生成vue后台页面的同时,会建立mysql表)

离职一年,实现用vue(element ui)快速开发后台管理及接口_增删改查_06

​2.生成对应的php接口,这里的接口是laravel (php7)

离职一年,实现用vue(element ui)快速开发后台管理及接口_后台管理_07

(生成了Controllers,Models,Repositories,routes,同时可以指定哪个表拷贝到项目中,选定了以后会拷贝到对应的文件夹)


至此,代码生成已经帮我们做完了页面的增删改查,和对应的接口,代码已经可以运行起来了,当然还有一些细节,比如可以指定某个字段是否是图片字段(需要图片控件和上传图片),可以设置编辑页面是新增加一个页面,还是以弹出层的方式去编辑。这样可以极大的方便我们平时的程序开发。


上一篇:Leetcode 2299. 强密码检验器 II(可以,一次过)
下一篇:没有了
网友评论