beeblog/views/unote.html

{{template "header" .}}
<title>博客 - 云悦</title>
<link type="text/css" rel="styleSheet" href="/static/css/me.css"/>
</head>
<body>
<div class="root-container">
{{template "nav" .}}
{{template "memenu" .}}

    <div class="me-blog-root">
        <div class="me-blog-list">
            <ol class="breadcrumb">
                <li>个人中心</li>
                <li>笔记文件夹</li>
                <li class="active">管理文件夹</li>
                <button type="button" class="btn btn-primary" style="margin-left: 30px" id="newBtn">新增</button>
            </ol>
        </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 class="me-footer">
        {{template "footer"}}
        </div>
    </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('/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('/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('/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" .}}`
增加支付宝红包二维码 6 lat temu			`<title>博客 - 云悦</title>`
个人中心布局完成 6 lat temu			`<link type="text/css" rel="styleSheet" href="/static/css/me.css"/>`
			`</head>`
			`<body>`
			`<div class="root-container">`
			`{{template "nav" .}}`
			`{{template "memenu" .}}`

			`<div class="me-blog-root">`
			`<div class="me-blog-list">`
			`<ol class="breadcrumb">`
			`<li>个人中心</li>`
			`<li>笔记文件夹</li>`
			`<li class="active">管理文件夹</li>`
个人中心博客管理&笔记管理 6 lat temu			`<button type="button" class="btn btn-primary" style="margin-left: 30px" id="newBtn">新增</button>`
个人中心布局完成 6 lat temu			`</ol>`
			`</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 class="me-footer">`
			`{{template "footer"}}`
			`</div>`
			`</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`
			`}`
			`$.post('/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('/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 () {`
优化部分细节 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`
			`}`
			`$.post('/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>`
个人中心布局完成 6 lat temu			`</html>`