使用 Vue + LayUI 做后台管理、RESTful 交互

#一、前言
1、之前使用了 React/Angular，使用起来显然是比 jQuery 好多了，但时隔半年，最近再次深入研究了 vue，很惊喜。

故以后选择 MVC/MVVM 框架的话，建议首选 vue，主要是其代码结构，清晰简单。
[增删改查] 使用 React + LayUI 做后台管理 CRUD 界面和 RESTful 交互

2、使用 vue + layui 了，但 layui 里边的 layui.js 模块 vue.js 冲突，
因此放弃使用 layui.js，导致很多高级功能用不了，如日期 laydate 模块，
只使用了 layui 的 css样式，这时显得 layui 鸡肋了好多。

故以后使用 UI 配合 vue 的话，建议选择 ElementUI/MintUI，毕竟是基于 vue 的，无缝对接。

3、使用 html + css + js 经典模式，来编写前端 vue 工程了，但代码十分冗余
而使用了 webpack 话，代码结构清晰简洁，且只需简单的配置即可解决跨域请求，减少后台的负担。

故以后创建 vue 工程，建议借助 webpack。

#二、功能演示
###1、显示 index.html

###2、添加 add.html

3、搜索 index.html

4、修改 update.html

###5、删除 index.html

#三、代码与结构

前端的代码已经放到 github 上了：https://github.com/larger5/CRUD_Vue_LayUI.git
后台完整的代码也已经放到 github 上了：https://github.com/larger5/springboot_Vue.git（ITAEM团队官网后台 v1.0）

###1.index.html

    
    
    
    
    




    

        

            
        
        

            搜索
        
    

    

        
            
            
            
        
        

        

            
博客id
            
标题
            
文章链接
            
作者
            
是否展示
            
修改
            
删除
        
        
        

        

            
{{item.id}}
            
{{item.title}}
            
{{item.link}}
            
{{item.author}}
            
{{item.tag}}
            

                修改
            
            

                删除
            
        
        
    
    添加

###2.add.html

    
    
    
    
    



    

        

            标题
            

                
            
        
        

            链接
            

                
            
        
        

            作者
            

                
            
        
        

            是否展示
            

                
            
        
        

            

                添加
            
        
    
    返回

###3.update.html

    
    
    
    
    



    

        

            id
            

                
            
        
        

            标题
            

                
            
        
        

            链接
            

                
            
        
        

            作者
            

                
            
        
        

            是否展示
            

                
            
        
        

            

                修改
            
        
    
    返回

#四、小结
本文使用的框架 Vue、LayUI，以及推荐的 UI 框架 ElementUI（pc端）/MintUI（移动端），都是国产的，值得支持。
#2018/8/25 更新
解决本文前言的痛点
[增删改查] 使用 Vue + ElementUI + Webpack + VueRouter 做后台管理、REST 交互