前端添加目录和课程，编辑

src/main/java/com/zhiyun/zhiyun03/course/controller/CourseController.java

@@ -92,6 +92,7 @@ public class CourseController {
     @ApiOperation("更新课程")
     @RequestMapping("/updateById")
     public JsonResult updateById(CourseVo courseVo){
+
       int count =   courseService.updateById(courseVo);
         return JsonResult.success();
     }

src/main/java/com/zhiyun/zhiyun03/download/controller/DownloadController.java

@@ -46,33 +46,6 @@ public class DownloadController {
       return JsonResult.success();
 
     }
-//
-//    @ApiOperation("图片上传")
-//    @PostMapping("/uploadFile")
-//    public JsonResult  upload(@RequestParam("upload") @RequestPart MultipartFile file){
-//        String upload = null;
-//        try {
-//            if (file != null) {
-//                String fileName = file.getOriginalFilename();
-//                if (!"".equals(fileName.trim())) {
-//                    File newFile = new File(fileName);
-//
-//                    FileOutputStream os = new FileOutputStream(newFile);
-//                    os.write(file.getBytes());
-//                    os.close();
-//
-//                    //把file里的内容复制到newFile中
-//                    file.transferTo(newFile);
-//                     upload = ossUtil.upload(newFile);
-//
-//                }
-//            }
-//        } catch (Exception e) {
-//            e.printStackTrace();
-//        }
-//             path = "https://zhiyun03.oss-cn-beijing.aliyuncs.com/"+ upload;
-//        return JsonResult.success(path);
-//    }
 
 
     @ApiOperation("删除下载")
@@ -94,7 +67,7 @@ public class DownloadController {
     @ApiOperation("更新下载")
     @PostMapping("/updateDownload")
     public JsonResult<DownloadVo>  updateDownload(DownloadVo vo){
-        vo.setDownloadImg(path);
+        vo.setDownloadImg(this.path);
         int count  =downloadService.updateDownload(vo);
         return JsonResult.success();
     }

src/main/java/com/zhiyun/zhiyun03/invite/controller/InviteController.java

@@ -5,6 +5,7 @@ import com.zhiyun.zhiyun03.course.vo.CourseVo;
 import com.zhiyun.zhiyun03.course.vo.PageVO;
 import com.zhiyun.zhiyun03.invite.service.InviteService;
 import com.zhiyun.zhiyun03.invite.vo.InviteVo;
+import com.zhiyun.zhiyun03.serve.vo.ServeVo;
 import com.zhiyun.zhiyun03.utils.common.JsonResult;
 import io.swagger.annotations.Api;
 import io.swagger.annotations.ApiOperation;
@@ -22,12 +23,12 @@ public class InviteController {
 
     @ApiOperation("查询就业")
     @GetMapping("/queryInvite")
-    public JsonResult<PageVO<InviteVo>> queryCourse(@ApiParam @RequestParam(value = "page",required = false,defaultValue = "1")Integer page,
+    public JsonResult<PageVO<InviteVo>> queryServe(@ApiParam @RequestParam(value = "page",required = false,defaultValue = "1")Integer page,
-                                                    @ApiParam @RequestParam(value = "limit",required = false,defaultValue = "1")Integer limit ){
+                                                  @ApiParam @RequestParam(value = "limit",required = false,defaultValue = "5")Integer limit ){
 
         PageVO<InviteVo> lists =  inviteService.queryInvite(page,limit);
 
-        return JsonResult.success(lists);
+        return JsonResult.success(lists).setCount(lists.getTotal());
     }
 
     @ApiOperation("根据ID查询就业")

src/main/java/com/zhiyun/zhiyun03/invite/service/impl/InviteServieImpl.java

@@ -13,6 +13,7 @@ import com.zhiyun.zhiyun03.invite.mapper.InviteMapper;
 import com.zhiyun.zhiyun03.invite.service.InviteService;
 import com.zhiyun.zhiyun03.invite.vo.InviteVo;
 import com.zhiyun.zhiyun03.serve.mapper.ServeMapper;
+import com.zhiyun.zhiyun03.serve.vo.ServeVo;
 import com.zhiyun.zhiyun03.utils.exception.ServiceException;
 import org.springframework.beans.BeanUtils;
 import org.springframework.stereotype.Service;
@@ -36,19 +37,21 @@ public class InviteServieImpl extends ServiceImpl<InviteMapper, Invite> implemen
     @Override
     public PageVO<InviteVo> queryInvite(Integer page, Integer limit) {
 
-        //开启分页
         PageHelper.startPage(page,limit);
-        //查询所有下载数据
+        //查询所有课程
-        List<InviteVo> downloadVoList = inviteMapper.queryInvite();
+        List<InviteVo> inviteVoList  = inviteMapper.queryInvite();
-
+        if (inviteVoList.isEmpty())
-        PageInfo<InviteVo> downloadVoPageInfo = new PageInfo<>(downloadVoList);
+        {
+            throw new ServiceException("400","课程数据为空");
+        }
+        PageInfo<InviteVo> pageInfo = new PageInfo<InviteVo>(inviteVoList);
         PageVO<InviteVo> inviteVoPageVO = new PageVO<>();
-        //获取当前页
+        //当前页
-        inviteVoPageVO.setCurrentPage(downloadVoPageInfo.getPageNum());
+        inviteVoPageVO.setCurrentPage(pageInfo.getPageNum());
         //总条数
-        inviteVoPageVO.setTotal(downloadVoPageInfo.getTotal());
+        inviteVoPageVO.setTotal(pageInfo.getTotal());
         //分页数据
-        inviteVoPageVO.setList(downloadVoPageInfo.getList());
+        inviteVoPageVO.setList(pageInfo.getList());
 
         return inviteVoPageVO;
 
@@ -126,11 +129,11 @@ public class InviteServieImpl extends ServiceImpl<InviteMapper, Invite> implemen
     @Override
     public int updateById(InviteVo vo) {
         //查询更新的下载名是否存在
-        int sum =  inviteMapper.selectByName(vo.getInviteName());
+//        int sum =  inviteMapper.selectByName(vo.getInviteName());
-        if (sum>0)
+//        if (sum>0)
-        {
+//        {
-            throw new ServiceException("403","下载已存在");
+//            throw new ServiceException("403","下载已存在");
-        }
+//        }
 
         //将vo值传给download
         Invite invite = new Invite();

src/main/java/com/zhiyun/zhiyun03/invite/vo/InviteVo.java

@@ -24,9 +24,9 @@ public class InviteVo {
      * 归属目录
      */
     private String dirName;
-    /**
+//    /**
-     * 招聘图片
+//     * 招聘图片
-     */
+//     */
-    private String inviteImg;
+//    private String inviteImg;
 
 }

src/main/java/com/zhiyun/zhiyun03/serve/controller/ServeController.java

@@ -1,5 +1,6 @@
 package com.zhiyun.zhiyun03.serve.controller;
 
+import com.zhiyun.zhiyun03.course.vo.CourseVo;
 import com.zhiyun.zhiyun03.course.vo.PageVO;
 import com.zhiyun.zhiyun03.download.service.DownloadService;
 import com.zhiyun.zhiyun03.download.vo.DownloadVo;
@@ -29,21 +30,24 @@ public class ServeController {
     @Resource
     private ServeService serveService;
 
+    private String path = "";
+
 
     @ApiOperation("查询服务中心")
     @GetMapping("/queryServe")
-    public JsonResult<PageVO<ServeVo>> queryServe(@ApiParam @RequestParam(value = "page", required = false, defaultValue = "1") Integer page,
+    public JsonResult<PageVO<ServeVo>> queryServe(@ApiParam @RequestParam(value = "page",required = false,defaultValue = "1")Integer page,
-                                                  @ApiParam @RequestParam(value = "limit", required = false, defaultValue = "5") Integer limit) {
+                                                    @ApiParam @RequestParam(value = "limit",required = false,defaultValue = "5")Integer limit ){
 
-        PageVO<ServeVo> lists = serveService.queryServe(page, limit);
+        PageVO<ServeVo> lists =  serveService.queryServe(page,limit);
 
-        return JsonResult.success(lists);
+        return JsonResult.success(lists).setCount(lists.getTotal());
     }
 
 
     @ApiOperation("添加服务")
     @PostMapping("/addServe")
     public JsonResult  addServe(ServeVo vo){
+        vo.setServeImg(this.path);
         int count =   serveService.addServe(vo);
         return JsonResult.success();
 
@@ -72,7 +76,7 @@ public class ServeController {
         } catch (Exception e) {
             e.printStackTrace();
         }
-        String path = "https://zhiyun03.oss-cn-beijing.aliyuncs.com/"+ upload;
+         path = "https://zhiyun03.oss-cn-beijing.aliyuncs.com/"+ upload;
         return JsonResult.success(path);
     }
 
@@ -96,6 +100,7 @@ public class ServeController {
     @ApiOperation("更新服务")
     @PostMapping("/updateServe")
     public JsonResult  updateServe(ServeVo vo){
+        vo.setServeImg(this.path);
         int count  =serveService.updateServe(vo);
         return JsonResult.success();
     }

src/main/java/com/zhiyun/zhiyun03/serve/service/impl/ServeServiceImpl.java

@@ -5,6 +5,7 @@ import com.github.pagehelper.PageHelper;
 import com.github.pagehelper.PageInfo;
 import com.zhiyun.zhiyun03.application.entity.Directory;
 import com.zhiyun.zhiyun03.application.mapper.DirectoryMapper;
+import com.zhiyun.zhiyun03.course.vo.CourseVo;
 import com.zhiyun.zhiyun03.course.vo.PageVO;
 import com.zhiyun.zhiyun03.invite.entity.Invite;
 import com.zhiyun.zhiyun03.invite.vo.InviteVo;
@@ -37,19 +38,21 @@ public class ServeServiceImpl extends ServiceImpl<ServeMapper, Serve> implements
     * */
     @Override
     public PageVO<ServeVo> queryServe(Integer page, Integer limit) {
-        //开启分页
         PageHelper.startPage(page,limit);
-        //查询所有下载数据
+        //查询所有课程
-        List<ServeVo> serveVoList = serveMapper.queryService();
+        List<ServeVo> serveVoList  = serveMapper.queryService();
-
+        if (serveVoList.isEmpty())
-        PageInfo<ServeVo> serveVoPageInfo = new PageInfo<>(serveVoList);
+        {
+            throw new ServiceException("400","课程数据为空");
+        }
+        PageInfo<ServeVo> pageInfo = new PageInfo<ServeVo>(serveVoList);
         PageVO<ServeVo> serveVoPageVO = new PageVO<>();
-        //获取当前页
+        //当前页
-        serveVoPageVO.setCurrentPage(serveVoPageInfo.getPageNum());
+        serveVoPageVO.setCurrentPage(pageInfo.getPageNum());
         //总条数
-        serveVoPageVO.setTotal(serveVoPageInfo.getTotal());
+        serveVoPageVO.setTotal(pageInfo.getTotal());
         //分页数据
-        serveVoPageVO.setList(serveVoPageInfo.getList());
+        serveVoPageVO.setList(pageInfo.getList());
 
         return serveVoPageVO;
     }

src/main/resources/templates/layui-v2.6.8/downloadList.html

@@ -183,7 +183,8 @@
                 //拖拽上传
                 upload.render({
                     elem: '#test10'
-                    ,url: 'http://localhost:8080/download/uploadFile?param=upload' //此处用的是第三方的 http 请求演示，实际使用时改成您自己的上传接口即可。
+                    ,url: 'http://localhost:8080/download/upload?file=upload' //此处用的是第三方的 http 请求演示，实际使用时改成您自己的上传接口即可。
+                    , accept: 'file'
                     ,done: function(res){
                         layer.msg('上传成功');
                         layui.$('#uploadDemoView').removeClass('layui-hide').find('img').attr('src', res.data);
@@ -238,7 +239,7 @@
                 <div class="layui-upload-drag" id="test10">
                     <i class="layui-icon"></i>
                     <p>点击上传，或将文件拖拽到此处</p>
-                    <div class="layui-hide" id="uploadDemoView">
+                    <div name="downloadImg" class="layui-hide" id="uploadDemoView">
                         <hr>
                         <img src="" alt="上传成功后渲染" style="max-width: 196px">
                     </div>
@@ -250,6 +251,35 @@
     </form>
 </script>
 
+<script>
+    function addDir(data) {
+        //弹框
+        layer.open({
+            type: 1,
+            content: $("#addForm").html(),
+            title: ['添加页面', 'font-size:18px;'],
+            area: ['600px', '600px'],
+            btn: ['提交', '取消']
+            , yes: function (index, layero) {
+                //修改操作
+                $.get("http://localhost:8080/application/addDirectory", $("#addDirectory").serialize(),
+                    function (data) {
+                        if ("success" == data.msg) {
+                            layer.msg(data.msg);
+                            $(".layui-laypage-btn").click();
+                            parent.layer.close(index);
+                        } else {
+                            layer.msg(data.msg);
+                        }
+                    });
+            }
+            , btn2: function (index, layero) {
+                // alert("取消")
+            }
+        });
+    }
+
+</script>
 <script type="text/html" id="addForm">
 
     <form class="layui-form" id="addDirectory">
@@ -265,32 +295,21 @@
             </div>
         </div>
         <div class="layui-form-item">
-            <label class="layui-form-label">选择icon</label>
+            <label class="layui-form-label">目录名称</label>
-            <div class="layui-container" id="test10">
+            <div class="layui-input-block">
-                <div class="layui-row">
+                <input type="text" name="dirName" id="dirName" required lay-verify="required" autocomplete="off"
-                    <div class="layui-col-md4"lay-event="addData">
+                       class="layui-input">
-                        <img src="./images/01.png" alt="图片1">
-                        <img src="./images/01.png" alt="图片1">
-                        <img src="./images/01.png" alt="图片1">
-                        <img src="./images/01.png" alt="图片1">
-                        <img src="./images/01.png" alt="图片1">
-                        <img src="./images/01.png" alt="图片1">
-                        <img src="./images/01.png" alt="图片1">
-                        <img src="./images/01.png" alt="图片1">
-                        <img src="./images/01.png" alt="图片1">
-                        <img src="./images/01.png" alt="图片1">
-                        <img src="./images/01.png" alt="图片1">
-                        <img src="./images/01.png" alt="图片1">
-                        <img src="./images/01.png" alt="图片1">
-                        <img src="./images/01.png" alt="图片1">
-                        <img src="./images/01.png" alt="图片1">
-                        <img src="./images/01.png" alt="图片1">
-                    </div>
-                </div>
-
             </div>
-
         </div>
+<!--        <div class="layui-form-item">-->
+<!--            <label class="layui-form-label">选择icon</label>-->
+<!--            <div name="dirImg" class="layui-container" id="test10">-->
+<!--                <div><img src="./images/01.png"></div>-->
+<!--                <div><img src="./images/01.png"></div>-->
+<!--                <div><img src="./images/01.png"></div>-->
+<!--            </div>-->
+<!--            </div>-->
+<!--        </div>-->
     </form>
 </script>
 <script>
@@ -353,6 +372,7 @@
                 upload.render({
                     elem: '#test10'
                     ,url: 'http://localhost:8080/download/upload?param=file' //此处用的是第三方的 http 请求演示，实际使用时改成您自己的上传接口即可。
+                    ,accept: 'file'
                     ,done: function(res){
                         layer.msg('上传成功');
                         layui.$('#uploadDemoView').removeClass('layui-hide').find('img').attr('src', res.data);
@@ -421,19 +441,6 @@
     </form>
 </script>
 
-<!--<script>-->
-<!--    //Demo-->
-<!--    layui.use('form', function(){-->
-<!--        var form = layui.form;-->
-<!--        //监听提交-->
-<!--        form.on('submit(formDemo)', function(data){-->
-<!--            //layer.msg(JSON.stringify(data.field));-->
-<!--            //前端可以进行一些判断...-->
-
-<!--            return true;//true表示走action访问后台，false表示不走-->
-<!--        });-->
-<!--    });-->
-<!--</script>-->
 </body>
 <script>
 

src/main/resources/templates/layui-v2.6.8/inviteList.html

@@ -15,8 +15,8 @@
 
 <script type="text/html" id="toolbarDemo">
     <div class="layui-btn-container">
-        <button class="layui-btn layui-btn-sm" lay-event="getCheckData">添加目录</button>
+        <button class="layui-btn layui-btn-sm" lay-event="addData">添加目录</button>
-        <button class="layui-btn layui-btn-sm" lay-event="getCheckLength">添加招聘</button>
+        <button class="layui-btn layui-btn-sm" lay-event="addInvite">添加招聘</button>
     </div>
 </script>
 <script type="text/html" id="barDemo">
@@ -31,6 +31,7 @@
 
 
 <script>
+
     layui.use('table', function () {
         var table = layui.table;
 
@@ -69,21 +70,13 @@
 
         //工具栏事件
         table.on('toolbar(test)', function (obj) {
-            var checkStatus = table.checkStatus(obj.config.id);
+            var data = obj.data;
-            switch (obj.event) {
+            //console.log(obj)
-                case 'getCheckData':
+            if (obj.event === 'addData') {
-                    var data = checkStatus.data;
+                addDir(data);
-                    layer.alert(JSON.stringify(data));
+            } else if (obj.event === 'addInvite') {
-                    break;
+                addInvite(data);
-                case 'getCheckLength':
-                    var data = checkStatus.data;
-                    layer.msg('选中了：' + data.length + ' 个');
-                    break;
-                case 'isAll':
-                    layer.msg(checkStatus.isAll ? '全选' : '未全选')
-                    break;
             }
-            ;
         });
 
         //监听行工具事件
@@ -112,22 +105,345 @@
 
                 });
             } else if(obj.event === 'edit'){
-                // layer.prompt({
-                //     formType: 2
-                //     ,value: data.email
-                // }, function(value, index){
-                //     obj.update({
-                //         email: value
-                //     });
-                //     layer.close(index);
-                // });
-
-                //layer.alert(JSON.stringify(data));
                 selectOne(data);
             }
         });
     });
 </script>
+<script>
+    function selectOne(data) {
+        //弹框
+        layer.open({
+            type: 1,
+            content: $("#updateForm").html(),
+            title: ['修改页面', 'font-size:18px;'],
+            area: ['600px', '600px'],
+
+            //弹出后回调
+            success: function () {
+                $("#id").val(data.id);
+                $("#inviteName").val(data.inviteName);
+                $("#inviteBrief").val(data.inviteBrief);
+                $("#inviteUrl").val(data.inviteUrl);
+                $("#dirName").val(data.dirName);
+                //渲染页面
+                layui.form.render();
+            },
+            btn: ['提交', '取消']
+            , yes: function (index, layero) {
+                //修改操作
+                $.post("http://localhost:8080/api/invite/updateById", $("#updateServe").serialize(),
+                    function (data) {
+                        if ("success" == data.msg) {
+                            layer.msg(data.msg);
+                            $(".layui-laypage-btn").click();
+                            parent.layer.close(index);
+                        } else {
+                            layer.msg(data.msg);
+                        }
+                    });
+
+            }
+            , btn2: function (index, layero) {
+                // alert("取消")
+            }
+        });
+        layui.use(['form'], function () {
+            var form = layui.form;
+            $.ajax({
+                url: 'http://localhost:8080/application/queryDir',
+                type: "get",
+                success: function (data) {
+                    if (data.msg === "success") {
+                        //给一个默认值（‘请选择’）
+                        var opt = '<option value="" selected="' + data.dirName + '"></option>';
+                        //获取返回的数据
+                        var value = data.data;
+                        //循环遍历
+                        for (var i in value) {
+                            opt += '<option value = "' + value[i].dirName + '">' + value[i].dirName + '</option>'
+                            console.log(value[i].dirName)
+                        }
+                        $("#directorId").html(opt);
+                        form.render('select');//需要渲染一下
+
+                    } else {
+                        layer.alert(data.msg, {icon: 2, title: '提示'}, function (i) {
+                            layer.closeAll();
+                        });
+                    }
+
+                }
+            });
+
+            layui.use(['form', 'layedit'], function () {
+                var layedit = layui.layedit;
+                /**
+                 * 自定义富文本编辑器工具栏
+                 */
+                var layeditTool = {
+                    tool: [
+                        'strong' //加粗
+                        , 'italic' //斜体
+                        , 'underline' //下划线
+                        , 'del' //删除线
+                        , '|' //分割线
+                        , 'left' //左对齐
+                        , 'center' //居中对齐
+                        , 'right' //右对齐
+                        , '|' //分割线
+                        , 'link' //超链接
+                        , 'unlink' //清除链接
+                    ]
+                };
+                var editIndex  = layedit.build('inviteBrief',layeditTool);
+
+
+                console.log(content,"231231")
+                form.verify({
+                    content: function(value){
+                        layedit.sync(editIndex);
+                    }
+                });
+
+            });
+
+        });
+    }
+</script>
+<script type="text/html" id="updateForm">
+
+    <form class="layui-form" id="updateServe">
+
+        <!-- 把id 作为隐藏域传过去 -->
+        <input type="hidden" name="id" id="id">
+
+        <div class="layui-form-item">
+            <label class="layui-form-label">招聘名称</label>
+            <div class="layui-input-block">
+                <input type="text" name="inviteName" id="inviteName" required lay-verify="required" autocomplete="off"
+                       class="layui-input">
+            </div>
+        </div>
+        <div class="layui-form-item">
+            <label class="layui-form-label">招聘简介</label>
+            <div class="layui-input-block">
+<!--                <input type="text" name="inviteBrief" id="inviteBrief" required lay-verify="article_desc" autocomplete="off"-->
+<!--                       class="layui-input">-->
+                <textarea name="inviteBrief" id="inviteBrief" lay-verify="content" placeholder="请输入内容" class="layui-textarea"></textarea>
+            </div>
+        </div>
+
+
+
+        <div class="layui-form-item">
+            <label class="layui-form-label">招聘链接</label>
+            <div class="layui-input-block">
+                <input type="text" name="inviteUrl" id="inviteUrl" class="layui-input">
+            </div>
+        </div>
+
+        <div class="layui-form-item">
+            <label class="layui-form-label">归属目录</label>
+            <div class="layui-input-block">
+                <select name="dirName" id="directorId" >
+                    <option value="">直接选择或搜索选择</option>
+                </select>
+            </div>
+        </div>
+
+    </form>
+</script>
+
+<script>
+    function addDir(data) {
+        //弹框
+        layer.open({
+            type: 1,
+            content: $("#addForm").html(),
+            title: ['添加页面', 'font-size:18px;'],
+            area: ['600px', '600px'],
+            btn: ['提交', '取消']
+            , yes: function (index, layero) {
+                //修改操作
+                $.get("http://localhost:8080/application/addDirectory", $("#addDirectory").serialize(),
+                    function (data) {
+                        if ("success" == data.msg) {
+                            layer.msg(data.msg);
+                            $(".layui-laypage-btn").click();
+                            parent.layer.close(index);
+                        } else {
+                            layer.msg(data.msg);
+                        }
+                    });
+            }
+            , btn2: function (index, layero) {
+                // alert("取消")
+            }
+        });
+    }
+
+</script>
+<script type="text/html" id="addForm">
+
+    <form class="layui-form" id="addDirectory">
+
+        <!-- 把id 作为隐藏域传过去 -->
+        <input type="hidden" name="id" id="id">
 
+        <div class="layui-form-item">
+            <label class="layui-form-label">目录名称</label>
+            <div class="layui-input-block">
+                <input type="text" name="dirName" id="dirName" required lay-verify="required" autocomplete="off"
+                       class="layui-input">
+            </div>
+        </div>
+        <div class="layui-form-item">
+            <label class="layui-form-label">选择icon</label>
+            <div class="layui-input-block">
+                <input type="text" name="dirImg" id="dirImg" required lay-verify="required" autocomplete="off"
+                       class="layui-input">
+            </div>
+        </div>
+        <!--        <div class="layui-form-item">-->
+        <!--            <label class="layui-form-label">选择icon</label>-->
+        <!--            <div name="dirImg" class="layui-container" id="test10">-->
+        <!--                <div><img src="./images/01.png"></div>-->
+        <!--                <div><img src="./images/01.png"></div>-->
+        <!--                <div><img src="./images/01.png"></div>-->
+        <!--            </div>-->
+        <!--            </div>-->
+        <!--        </div>-->
+    </form>
+</script>
+<script>
+    function addInvite(data) {
+        //弹框
+        layer.open({
+            type: 1,
+            content: $("#addForm1").html(),
+            title: ['添加下载', 'font-size:18px;'],
+            area: ['600px', '600px'],
+            btn: ['提交', '取消']
+            , yes: function (index, layero) {
+                //修改操作
+                $.post("http://localhost:8080/api/invite/addInvite", $("#addInvite").serialize(),
+                    function (data) {
+                        if ("success" == data.msg) {
+                            layer.msg(data.msg);
+                            $(".layui-laypage-btn").click();
+                            parent.layer.close(index);
+                        } else {
+                            layer.msg(data.msg);
+                        }
+                    });
+            }
+            , btn2: function (index, layero) {
+                // alert("取消")
+            }
+        });
+
+        layui.use(['form'], function() {
+            var form = layui.form;
+            $.ajax({
+                url: 'http://localhost:8080/application/queryDir',
+                type:"get",
+                success: function(data) {
+                    if(data.msg === "success"){
+                        //给一个默认值（‘请选择’）
+                        var opt = '<option value="" selected=""></option>';
+                        //获取返回的数据
+                        var value = data.data;
+                        //循环遍历
+                        for (var i in value) {
+                            opt += '<option value = "' + value[i].dirName + '">' + value[i].dirName + '</option>'
+                            console.log(value[i].dirName)
+                        }
+                        $("#directorId").html(opt);
+                        form.render('select');//需要渲染一下
+
+                    }else{
+                        layer.alert(data.msg,{ icon:2,title:'提示'},function(i){ layer.closeAll();});
+                    }
+                }
+            });
+            // layui.use(['upload', 'element', 'layer'], function(){
+            //     var $ = layui.jquery
+            //         ,upload = layui.upload
+            //         ,element = layui.element
+            //         ,layer = layui.layer;
+            //
+            //     upload.render({
+            //         elem: '#test10'
+            //         ,url: 'http://localhost:8080/download/upload?param=file' //此处用的是第三方的 http 请求演示，实际使用时改成您自己的上传接口即可。
+            //         ,accept: 'file'
+            //         ,done: function(res){
+            //             layer.msg('上传成功');
+            //             layui.$('#uploadDemoView').removeClass('layui-hide').find('img').attr('src', res.data);
+            //             console.log(res.data)
+            //         }
+            //     });
+            // });
+
+            layui.use('layedit', function () {
+                var layedit = layui.layedit;
+
+                // 创建富文本编辑器
+                var editor = layedit.build('inviteBrief');
+                // 获取富文本编辑器的内容
+                var content = layedit.getContent(editor);
+                // 监听富文本编辑器的内容变化
+                layedit.on('contentChange', function (value) {
+                    // 处理内容变化
+                    console.log('内容变化：' + content);
+                });
+            });
+        });
+    }
+</script>
+
+<script type="text/html" id="addForm1">
+
+    <form class="layui-form" id="addInvite" enctype="multipart/form-data">
+
+        <!-- 把id 作为隐藏域传过去 -->
+        <input type="hidden" name="id" id="id">
+
+        <div class="layui-form-item">
+            <label class="layui-form-label">招聘名称</label>
+            <div class="layui-input-block">
+                <input type="text" name="inviteName" id="inviteName" required lay-verify="required" autocomplete="off"
+                       class="layui-input">
+            </div>
+        </div>
+        <div class="layui-form-item">
+            <label class="layui-form-label">招聘简介</label>
+            <div class="layui-input-block">
+                <input type="text" name="inviteBrief" id="inviteBrief" required lay-verify="required" autocomplete="off"
+                       class="layui-input">
+            </div>
+        </div>
+
+        <div class="layui-form-item">
+            <label class="layui-form-label">招聘链接</label>
+            <div class="layui-input-block">
+                <input type="text" name="inviteUrl" id="inviteUrl" class="layui-input">
+            </div>
+        </div>
+
+        <div class="layui-form-item">
+            <label class="layui-form-label">归属目录</label>
+            <div class="layui-input-block">
+                <select name="dirName" id="directorId" >
+                    <option value="">直接选择或搜索选择</option>
+                </select>
+            </div>
+        </div>
+
+    </form>
+</script>
+
+</body>
+</html>
 </body>
 </html>

src/main/resources/templates/layui-v2.6.8/serveList.html

@@ -15,8 +15,8 @@
 
 <script type="text/html" id="toolbarDemo">
     <div class="layui-btn-container">
-        <button class="layui-btn layui-btn-sm" lay-event="getCheckData">添加目录</button>
+        <button class="layui-btn layui-btn-sm" lay-event="addData">添加目录</button>
-        <button class="layui-btn layui-btn-sm" lay-event="getCheckLength">添加课程</button>
+        <button class="layui-btn layui-btn-sm" lay-event="addServe">添加服务</button>
     </div>
 </script>
 <script type="text/html" id="barDemo">
@@ -40,7 +40,7 @@
             elem: '#test'
             , url: 'http://localhost:8080/api/serve/queryServe'
             , toolbar: '#toolbarDemo'
-            , title: '课程中心'
+            , title: '服务中心'
             , totalRow: true
             , parseData: function (res) {
                 console.log('data', res)
@@ -58,34 +58,24 @@
             , cols: [[
                 {type: 'checkbox', fixed: 'left'}
                 , {field: 'id', title: '序号', width: 300, sort: true,}
-                , {field: 'serveName', title: '课程名称', width: 300}
+                , {field: 'serveName', title: '招聘名称', width: 300}
-                , {field: 'serveBrief', title: '课程简介', width: 300}
+                , {field: 'serveBrief', title: '招聘简介', width: 300}
                 , {field: 'serveUrl', title: '超链接', width: 300}
                 , {field: 'dirName', title: '归属目录', width: 300}
                 , {fixed: 'right', title: '操作', toolbar: '#barDemo', width: 150}
             ]]
             , page: true
         });
-
+        //头工具栏事件
-        //工具栏事件
         table.on('toolbar(test)', function (obj) {
-            var checkStatus = table.checkStatus(obj.config.id);
+            var data = obj.data;
-            switch (obj.event) {
+            //console.log(obj)
-                case 'getCheckData':
+            if (obj.event === 'addData') {
-                    var data = checkStatus.data;
+                addDir(data);
-                    layer.alert(JSON.stringify(data));
+            } else if (obj.event === 'addServe') {
-                    break;
+                addServe(data);
-                case 'getCheckLength':
-                    var data = checkStatus.data;
-                    layer.msg('选中了：' + data.length + ' 个');
-                    break;
-                case 'isAll':
-                    layer.msg(checkStatus.isAll ? '全选' : '未全选')
-                    break;
             }
-            ;
         });
-
         //监听行工具事件
         table.on('tool(test)', function(obj){
             var data = obj.data;
@@ -96,9 +86,9 @@
                     layer.close(index);
 
                     //获取要删除的服务的id
-                    var delServeId = data.id;
+                    var deleteServe = data.id;
 
-                    $.get("http://localhost:8080/api/serve/delServe",{ "id": delServeId},function (result) {
+                    $.get("http://localhost:8080/api/serve/delServe",{ "id": deleteServe},function (result) {
                         if (result.code==200){
                             // 删除成功之后 弹出msg
                             layer.msg(result.msg);
@@ -112,23 +102,351 @@
 
                 });
             } else if(obj.event === 'edit'){
-                // layer.prompt({
-                //     formType: 2
-                //     ,value: data.email
-                // }, function(value, index){
-                //     obj.update({
-                //         email: value
-                //     });
-                //     layer.close(index);
-                // });
-
-                //layer.alert(JSON.stringify(data));
                 selectOne(data);
             }
         });
-
     });
 </script>
+<script>
+    function selectOne(data) {
+        //弹框
+        layer.open({
+            type: 1,
+            content: $("#updateForm").html(),
+            title: ['修改页面', 'font-size:18px;'],
+            area: ['600px', '600px'],
+
+            //弹出后回调
+            success: function () {
+                $("#id").val(data.id);
+                $("#serveName").val(data.serveName);
+                $("#serveBrief").val(data.serveBrief);
+                $("#serveUrl").val(data.serveUrl);
+                $("#dirName").val(data.dirName);
+                $("#serveImg").val(data.serveImg);
+                //渲染页面
+                layui.form.render();
+            },
+            btn: ['提交', '取消']
+            , yes: function (index, layero) {
+                //修改操作
+                $.post("http://localhost:8080/api/serve/updateServe", $("#updateServe").serialize(),
+                    function (data) {
+                        if ("success" == data.msg) {
+                            layer.msg(data.msg);
+                            $(".layui-laypage-btn").click();
+                            parent.layer.close(index);
+                        } else {
+                            layer.msg(data.msg);
+                        }
+                    });
+
+            }
+            , btn2: function (index, layero) {
+                // alert("取消")
+            }
+        });
+        layui.use(['form'], function () {
+            var form = layui.form;
+            $.ajax({
+                url: 'http://localhost:8080/application/queryDir',
+                type: "get",
+                success: function (data) {
+                    if (data.msg === "success") {
+                        //给一个默认值（‘请选择’）
+                        var opt = '<option value="" selected="' + data.dirName + '"></option>';
+                        //获取返回的数据
+                        var value = data.data;
+                        //循环遍历
+                        for (var i in value) {
+                            opt += '<option value = "' + value[i].dirName + '">' + value[i].dirName + '</option>'
+                            console.log(value[i].dirName)
+                        }
+                        $("#directorId").html(opt);
+                        form.render('select');//需要渲染一下
+
+                    } else {
+                        layer.alert(data.msg, {icon: 2, title: '提示'}, function (i) {
+                            layer.closeAll();
+                        });
+                    }
+
+                }
+            });
+
+            layui.use(['upload', 'element', 'layer'], function(){
+                var $ = layui.jquery
+                    ,upload = layui.upload
+                    ,element = layui.element
+                    ,layer = layui.layer;
+
+                //拖拽上传
+                upload.render({
+                    elem: '#test10'
+                    ,url: 'http://localhost:8080/api/serve/uploadFile?file=upload' //此处用的是第三方的 http 请求演示，实际使用时改成您自己的上传接口即可。
+                    , accept: 'file'
+                    ,done: function(res){
+                        layer.msg('上传成功');
+                        layui.$('#uploadDemoView').removeClass('layui-hide').find('img').attr('src', res.data);
+                        console.log(res)
+                    }
+                });
+            });
+        });
+    }
+</script>
+<script type="text/html" id="updateForm">
+
+    <form class="layui-form" id="updateServe">
+
+        <!-- 把id 作为隐藏域传过去 -->
+        <input type="hidden" name="id" id="id">
+
+        <div class="layui-form-item">
+            <label class="layui-form-label">服务名称</label>
+            <div class="layui-input-block">
+                <input type="text" name="serveName" id="serveName" required lay-verify="required" autocomplete="off"
+                       class="layui-input">
+            </div>
+        </div>
+
+        <div class="layui-form-item">
+            <label class="layui-form-label">服务简介</label>
+            <div class="layui-input-block">
+                <input type="text" name="serveBrief" id="serveBrief" required lay-verify="required" autocomplete="off"
+                       class="layui-input">
+            </div>
+        </div>
+
+        <div class="layui-form-item">
+            <label class="layui-form-label">服务链接</label>
+            <div class="layui-input-block">
+                <input type="text" name="serveUrl" id="serveUrl" class="layui-input">
+            </div>
+        </div>
+
+        <div class="layui-form-item">
+            <label class="layui-form-label">上传封面</label>
+            <div class="layui-input-inline">
+                <div class="layui-upload-drag" id="test10">
+                    <i class="layui-icon"></i>
+                    <p>点击上传，或将文件拖拽到此处</p>
+                    <div name="serveImg" class="layui-hide" id="uploadDemoView">
+                        <hr>
+                        <img src="" alt="上传成功后渲染" style="max-width: 196px">
+                    </div>
+                </div>
+
+            </div>
+        </div>
+
+        <div class="layui-form-item">
+            <label class="layui-form-label">归属目录</label>
+            <div class="layui-input-block">
+                <select name="dirName" id="directorId">
+                    <option value="dirName"></option>
+                </select>
+            </div>
+        </div>
+
+
+    </form>
+</script>
+
+<script>
+    function addDir(data) {
+        //弹框
+        layer.open({
+            type: 1,
+            content: $("#addForm").html(),
+            title: ['添加页面', 'font-size:18px;'],
+            area: ['600px', '600px'],
+            btn: ['提交', '取消']
+            , yes: function (index, layero) {
+                //修改操作
+                $.get("http://localhost:8080/application/addDirectory", $("#addDirectory").serialize(),
+                    function (data) {
+                        if ("success" == data.msg) {
+                            layer.msg(data.msg);
+                            $(".layui-laypage-btn").click();
+                            parent.layer.close(index);
+                        } else {
+                            layer.msg(data.msg);
+                        }
+                    });
+            }
+            , btn2: function (index, layero) {
+                // alert("取消")
+            }
+        });
+    }
+
+</script>
+<script type="text/html" id="addForm">
+
+    <form class="layui-form" id="addDirectory">
+
+        <!-- 把id 作为隐藏域传过去 -->
+        <input type="hidden" name="id" id="id">
+
+        <div class="layui-form-item">
+            <label class="layui-form-label">目录名称</label>
+            <div class="layui-input-block">
+                <input type="text" name="dirName" id="dirName" required lay-verify="required" autocomplete="off"
+                       class="layui-input">
+            </div>
+        </div>
+        <div class="layui-form-item">
+            <label class="layui-form-label">选择icon</label>
+            <div class="layui-input-block">
+                <input type="text" name="dirImg" id="dirImg" required lay-verify="required" autocomplete="off"
+                       class="layui-input">
+            </div>
+        </div>
+<!--        <div class="layui-form-item">-->
+<!--            <label class="layui-form-label">选择icon</label>-->
+<!--            <div name="dirImg" class="layui-container" id="test10">-->
+<!--                <div><img src="./images/01.png"></div>-->
+<!--                <div><img src="./images/01.png"></div>-->
+<!--                <div><img src="./images/01.png"></div>-->
+<!--            </div>-->
+<!--            </div>-->
+<!--        </div>-->
+    </form>
+</script>
+<script>
+    function addServe(data) {
+        //弹框
+        layer.open({
+            type: 1,
+            content: $("#addForm1").html(),
+            title: ['添加下载', 'font-size:18px;'],
+            area: ['600px', '600px'],
+            btn: ['提交', '取消']
+            , yes: function (index, layero) {
+                //修改操作
+                $.post("http://localhost:8080/api/serve/addServe", $("#addServe1").serialize(),
+                    function (data) {
+                        if ("success" == data.msg) {
+                            layer.msg(data.msg);
+                            $(".layui-laypage-btn").click();
+                            parent.layer.close(index);
+                        } else {
+                            layer.msg(data.msg);
+                        }
+                    });
+            }
+            , btn2: function (index, layero) {
+                // alert("取消")
+            }
+        });
+
+        layui.use(['form'], function() {
+            var form = layui.form;
+            $.ajax({
+                url: 'http://localhost:8080/application/queryDir',
+                type:"get",
+                success: function(data) {
+                    if(data.msg === "success"){
+                        //给一个默认值（‘请选择’）
+                        var opt = '<option value="" selected=""></option>';
+                        //获取返回的数据
+                        var value = data.data;
+                        //循环遍历
+                        for (var i in value) {
+                            opt += '<option value = "' + value[i].dirName + '">' + value[i].dirName + '</option>'
+                            console.log(value[i].dirName)
+                        }
+                        $("#directorId").html(opt);
+                        form.render('select');//需要渲染一下
+
+                    }else{
+                        layer.alert(data.msg,{ icon:2,title:'提示'},function(i){ layer.closeAll();});
+                    }
+                }
+            });
+            layui.use(['upload', 'element', 'layer'], function(){
+                var $ = layui.jquery
+                    ,upload = layui.upload
+                    ,element = layui.element
+                    ,layer = layui.layer;
+
+                upload.render({
+                    elem: '#test10'
+                    ,url: 'http://localhost:8080/api/serve/uploadFile?param=file' //此处用的是第三方的 http 请求演示，实际使用时改成您自己的上传接口即可。
+                    ,accept: 'file'
+                    ,done: function(res){
+                        layer.msg('上传成功');
+                        layui.$('#uploadDemoView').removeClass('layui-hide').find('img').attr('src', res.data);
+                        console.log(res.data)
+                    }
+                });
+            });
+            });
+    }
+</script>
+
+<script type="text/html" id="addForm1">
+
+    <form class="layui-form" id="addServe1" enctype="multipart/form-data">
+
+        <!-- 把id 作为隐藏域传过去 -->
+        <input type="hidden" name="id" id="id">
+
+        <div class="layui-form-item">
+            <label class="layui-form-label">服务名称</label>
+            <div class="layui-input-block">
+                <input type="text" name="serveName" id="serveName" required lay-verify="required" autocomplete="off"
+                       class="layui-input">
+            </div>
+        </div>
+        <div class="layui-form-item">
+            <label class="layui-form-label">服务简介</label>
+            <div class="layui-input-block">
+                <input type="text" name="serveBrief" id="serveBrief" required lay-verify="required" autocomplete="off"
+                       class="layui-input">
+            </div>
+        </div>
+
+        <div class="layui-form-item">
+            <label class="layui-form-label">服务链接</label>
+            <div class="layui-input-block">
+                <input type="text" name="serveUrl" id="serveUrl" class="layui-input">
+            </div>
+        </div>
+
+        <div class="layui-form-item">
+            <label class="layui-form-label">上传程序</label>
+            <div class="layui-input-inline">
+                <div  class="layui-upload-drag" id="test10">
+                    <i  class="layui-icon"></i>
+                    <p>点击上传，或将文件拖拽到此处</p>
+                    <div name="serveImg" class="layui-hide" id="uploadDemoView">
+                        <hr>
+                        <img  src="" alt="上传成功后渲染" style="max-width: 196px">
+                    </div>
+                </div>
+
+            </div>
+        </div>
+
+        <div class="layui-form-item">
+            <label class="layui-form-label">归属目录</label>
+            <div class="layui-input-block">
+                <select name="dirName" id="directorId" >
+                    <option value="">直接选择或搜索选择</option>
+                </select>
+            </div>
+        </div>
+
+
+
+
+    </form>
+</script>
 
 </body>
+<script>
+
+</script>
 </html>