基于layui的通用后台管理系统

一、概述

之前的spring集成系列文章中spring集成shiro权限控制一文最后提到了通用的mvc框架和前后端分离方案。在准备前后端分离方案demo的时候，纠结于选择哪个前端框架。对于后端开发人员来说，Angular和Vue都过于专业化了，需要额外的精力去学习。这个时候刚好看到了layui框架(http://www.layui.com/)，惊叹于它的优美和易用，而且是基于jQuery的，于是就用layui做起了前后端分离的demo。折腾了快两个月，其中开发一个多月，然后申请服务器和域名花费了大半个月。现在是兑现前后端分离方案承诺的时候了。先把演示地址发上来：

http://www.gameloft9.top/manager/layuicms/page/system/login/login.html

二、系统介绍

这个是基于layui的通用后台管理系统，该系统已经具备了基础功能，例如权限控制，菜单、角色、用户、机构、日志管理，系统架构清晰，可以在此基础上做二次业务开发。

下面是一些系统截图：

大家可以登录上去瞧瞧，账号：gameloft9，密码：123456（密码请不要改动）。数据库每隔20分钟会初始化一次。

三、关于代码

这个管理系统代码清晰，架构清晰，很容易扩展。前端是layui框架，只依赖于jQuery，可单独部署。后台是spring+spring mvc+mybatis，提供类似于restful风格的调用。数据库有oracle和mysql两个版本，很容易切换。下面是Controller里面方法，大家可以感受下：

 /**
     * 添加用户
     * */
    @RequestMapping(value = "/add.do",method = RequestMethod.POST)
    @ResponseBody
    @BizOperLog(operType = OperType.ADD,memo = "添加用户")
    public IResult addUser(@RequestBody UserAddRequest request){
        //返回json至前端的均返回ResultBean或者PageResultBean
        return new ResultBean<String>(sysUserServiceImpl.addUser(request));
    }

    /**
     * 删除用户
     * */
    @RequestMapping(value = "/delete.do",method = RequestMethod.POST)
    @ResponseBody
    @BizOperLog(operType = OperType.DELETE,memo = "删除用户")
    public IResult deleteUser(String id){
        //返回json至前端的均返回ResultBean或者PageResultBean
        return new ResultBean<Boolean>(sysUserServiceImpl.deleteById(id));
    }

    /**
     * 获取用户
     * */
    @RequestMapping(value = "/get.do",method = RequestMethod.POST)
    @ResponseBody
    public IResult getUser(String id){
        //返回json至前端的均返回ResultBean或者PageResultBean
        return new ResultBean<SysUserResponse>(sysUserServiceImpl.getById(id));
    }

基本上所有的Controller里面代码都是这样，基本上都只有一行代码，所有逻辑都放在了service部分。在可复用，可扩展，可维护上面下了不少功夫。

后记：

没想到有蛮多朋友对这个demo有这么大的学习兴趣，真是受宠若惊 ^_^。鉴于有许多朋友留言索取源码，请需要源码的朋友们先进行扫码捐赠，然后向我发送邮件([email protected])，我会将源码通过邮箱发送给大家。大家的捐赠将全部用于网站维护和升级，谢谢！(吐槽下：阿里云的服务器和数据库费用真是贵 - -！)

基于layui的通用后台管理系统

猜你喜欢