beeblog/views/unote.html

{{template "header" .}}
<title>博客 - 码农随笔</title>
</head>
<body style="background-color: #f9f9f9">
<div class="root-container">
{{template "nav" .}}
{{template "memenu" .}}

    <div class="me-blog-root">
        <div class="me-blog-list">
            <div class="breadcrumb-container">
                <span class="layui-breadcrumb">
                  <a href="/">首页</a>
                  <a href="">个人中心</a>
                  <a href="/me/note">我的收藏</a>
                  <a><cite>管理文件夹</cite></a>
                    <button type="button" class="layui-btn layui-btn-normal layui-btn-sm" style="margin-left: 30px" id="newBtn">新增</button>
                </span>
            </div>
        </div>

    {{range .Note}}
        <div class="me-blog-list">
            <div style="display: flex">
                <p style="flex:1">{{.Title}}<span class="badge" style="margin-left: 3px">{{.Count}}</span></p>
                <span style="width: 35px;"><a href="javascript:void(0)" style="color: #F84822"
                                              onclick="del(this,{{.Id}})">删除</a></span>
                <span style="width: 42px;margin-left: 10px;"><a href="javascript:void(0)" style="color: #F84822"
                                                                onclick="rename(this,{{.Id}},{{.Title}})">重命名</a></span>
            </div>
            <hr style="height:1px;border:none;border-top:1px solid #EEE;margin: 6px;"/>
        </div>

    {{end}}
    </div>
</div>
</div>
</body>
<script>
    function rename(obj, id, name) {
        layer.prompt({title: '请输入文件夹名称',value: name}, function (val, index) {
            if (val.trim().length < 3) {
                layer.msg('文件夹名称最低三个字哦', function () {
                });
                layer.close(index);
                return
            }
            $.post('/api/notecoll/edit', {
                        title: val.trim(),
                        id: id
                    },
                    function (data) {
                        if (data.Status == 0) {
                            layer.close(index);
                            layer.msg("修改成功", {icon: 6});
                            window.location.href=window.location.href
                        } else if (data.Status == 401) {
                            window.location.href = "/login"
                        } else if (data.Status == 403) {
                            layer.msg("暂无权限", {icon: 5});
                        } else {
                            layer.msg("服务器异常", {icon: 5});
                        }
                    }, 'json')
        });
    }

    function del(obj, id) {
        layer.confirm('文件夹下的所有笔记都将会删除', {
            btn: ['确认', '手滑了'] //按钮
        }, function () {
            $.post('/api/notecol/del/' + id,
                    function (data) {
                        if (data.Status == 0) {
                            $(obj).parent().parent().remove()
                            layer.msg("删除成功", {icon: 6});
                        } else if (data.Status == 401) {
                            window.location.href = "/login"
                        } else if (data.Status == 403) {
                            layer.msg("暂无权限", {icon: 5});
                        } else {
                            layer.msg("服务器异常", {icon: 5});
                        }
                    }, 'json')
        }, function () {

        });
    }

    $(function () {
        if ({{.Note|len}} == 0){
            layer.msg('请先添加文件夹', function () {
            });
        }
        $("#newBtn").click(function () {
            layer.prompt({title: '请输入文件夹名称'}, function (val, index) {
                if (val.trim().length < 3) {
                    layer.msg('文件夹名称最低三个字哦', function () {
                    });
                    layer.close(index);
                    return
                }
                $.post('/api/notecoll/save', {
                            title: val.trim()
                        },
                        function (data) {
                            if (data.Status == 0) {
                                layer.close(index);
                                parent.layer.msg("保存成功", {icon: 6});
                                window.location.href=window.location.href
                            }
                        }, 'json')
            });
        })
    })
</script>
</html>
seo优化 6 lat temu			`{{template "header" .}}`
layui 版本 6 lat temu			`<title>博客 - 码农随笔</title>`
个人中心布局完成 6 lat temu			`</head>`
详情 & 个人中心底部去掉 6 lat temu			`<body style="background-color: #f9f9f9">`
个人中心布局完成 6 lat temu			`<div class="root-container">`
			`{{template "nav" .}}`
			`{{template "memenu" .}}`

			`<div class="me-blog-root">`
			`<div class="me-blog-list">`
過度layui 6 lat temu			`<div class="breadcrumb-container">`
			`<span class="layui-breadcrumb">`
			`<a href="/">首页</a>`
			`<a href="">个人中心</a>`
			`<a href="/me/note">我的收藏</a>`
			`<a><cite>管理文件夹</cite></a>`
			`<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" style="margin-left: 30px" id="newBtn">新增</button>`
			`</span>`
			`</div>`
个人中心布局完成 6 lat temu			`</div>`

			`{{range .Note}}`
			`<div class="me-blog-list">`
			`<div style="display: flex">`
			`<p style="flex:1">{{.Title}}<span class="badge" style="margin-left: 3px">{{.Count}}</span></p>`
个人中心博客管理&笔记管理 6 lat temu			`<span style="width: 35px;"><a href="javascript:void(0)" style="color: #F84822"`
			`onclick="del(this,{{.Id}})">删除</a></span>`
			`<span style="width: 42px;margin-left: 10px;"><a href="javascript:void(0)" style="color: #F84822"`
			`onclick="rename(this,{{.Id}},{{.Title}})">重命名</a></span>`
个人中心布局完成 6 lat temu			`</div>`
			`<hr style="height:1px;border:none;border-top:1px solid #EEE;margin: 6px;"/>`
			`</div>`

			`{{end}}`
			`</div>`
			`</div>`
			`</div>`
			`</body>`
个人中心博客管理&笔记管理 6 lat temu			`<script>`
			`function rename(obj, id, name) {`
			`layer.prompt({title: '请输入文件夹名称',value: name}, function (val, index) {`
			`if (val.trim().length < 3) {`
			`layer.msg('文件夹名称最低三个字哦', function () {`
			`});`
			`layer.close(index);`
			`return`
			`}`
修改api路径 6 lat temu			`$.post('/api/notecoll/edit', {`
个人中心博客管理&笔记管理 6 lat temu			`title: val.trim(),`
			`id: id`
			`},`
			`function (data) {`
			`if (data.Status == 0) {`
			`layer.close(index);`
			`layer.msg("修改成功", {icon: 6});`
			`window.location.href=window.location.href`
			`} else if (data.Status == 401) {`
			`window.location.href = "/login"`
			`} else if (data.Status == 403) {`
			`layer.msg("暂无权限", {icon: 5});`
			`} else {`
			`layer.msg("服务器异常", {icon: 5});`
			`}`
			`}, 'json')`
			`});`
			`}`

			`function del(obj, id) {`
			`layer.confirm('文件夹下的所有笔记都将会删除', {`
			`btn: ['确认', '手滑了'] //按钮`
			`}, function () {`
修改api路径 6 lat temu			`$.post('/api/notecol/del/' + id,`
个人中心博客管理&笔记管理 6 lat temu			`function (data) {`
			`if (data.Status == 0) {`
			`$(obj).parent().parent().remove()`
			`layer.msg("删除成功", {icon: 6});`
			`} else if (data.Status == 401) {`
			`window.location.href = "/login"`
			`} else if (data.Status == 403) {`
			`layer.msg("暂无权限", {icon: 5});`
			`} else {`
			`layer.msg("服务器异常", {icon: 5});`
			`}`
			`}, 'json')`
			`}, function () {`

			`});`
			`}`

			`$(function () {`
优化部分细节 6 lat temu			`if ({{.Note\|len}} == 0){`
			`layer.msg('请先添加文件夹', function () {`
			`});`
			`}`
个人中心博客管理&笔记管理 6 lat temu			`$("#newBtn").click(function () {`
			`layer.prompt({title: '请输入文件夹名称'}, function (val, index) {`
			`if (val.trim().length < 3) {`
			`layer.msg('文件夹名称最低三个字哦', function () {`
			`});`
			`layer.close(index);`
			`return`
			`}`
修改api路径 6 lat temu			`$.post('/api/notecoll/save', {`
个人中心博客管理&笔记管理 6 lat temu			`title: val.trim()`
			`},`
			`function (data) {`
			`if (data.Status == 0) {`
			`layer.close(index);`
			`parent.layer.msg("保存成功", {icon: 6});`
			`window.location.href=window.location.href`
			`}`
			`}, 'json')`
			`});`
			`})`
			`})`
			`</script>`
个人中心布局完成 6 lat temu			`</html>`