做后台的时候主要都是一些增删改查的操作，每一项功能都牵扯到这四个功能，还是比较麻烦的，我使用的是vue及php来处理这样的功能。

以往的架构大体都是使用一个后台模版，一个功能一个控制器，里面包含一个列表模版 ，一个添加模版及一个修改模版，每个form模版的功能都是大致一样的，列表都是一些分页搜索等功能，添加表单都是一些字段管理，最后提交到后端。

现在好多平台及后台都采用了前后端完全分离的架构，前端主要是vue或者是angularJS，调用后端的数据即可，一般后端都采用REST架构，这样好多系统其实是看起来很清爽的，各个配合部分也比较清晰，调试也可以相对的独立起来，当前前端还是处理了比较多的逻辑调度及路由调度。

使用vue来架构前端的时候，功能和最早时候编程其实思路也区别不大，还是要处理一堆的增删改查的页面，列表页面是比不可少的，需要写添加数据的界面和修改数据的界面，其实处理起来还是比较麻烦的，那那些页面是可以减少的呢？

当你看到有个js库叫 form-create 的时候 你就发现它是非常实用的，他能减少上面所说的增改的页面，可以把增加和修改弄的和删除一样通过js简单的融合到一个页面功能里，页面的减少，程序也更清爽了，同时后台端程序还能控制前端表格，也减少了前后端配合造成的联动工作。

下面就介绍下使用办法。

npm install --save @form-create/element-ui

在main.js 中添加如下代码：

import FormCreate from '@form-create/element-ui'
Vue.use(FormCreate)

未完待续。