离职一年后，如何用Vue(Element UI)快速开发后台管理及接口改写？

本文共计551个文字，预计阅读时间需要3分钟。

在平时，我们使用Vue开发网站后台管理时，首先要编写管理文章的功能。这包括写列表页面、编辑页面、添加页面。此外，还需要程序提供相应的增删改查接口、图片上传接口等。

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

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

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

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

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

​

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

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

（生成vue后台页面的同时，会建立mysql表）

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

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

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