{{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/blog">我的博客</a>
<a><cite>博客列表</cite></a>
</span>
</div>
{{range .Page.List}}
<div>
<p><a href="/blog/{{.Id}}">{{.Title}}</a></p>
<em>发布时间：{{.Ctime.Format "2006/01/02"}}</em>
<em>浏览量：{{.Browses}}</em>
<span style="width: 35px;margin-left: 30px;"><a href="javascript:void(0)" style="color: #F84822"
onclick="del(this,{{.Id}})">删除</a></span>
<span style="width: 35px;margin-left: 10px;"><a href="/blog/edit/{{.Id}}" target="_blank"
style="color: #F84822">编辑</a></span>
<hr style="height:1px;border:none;border-top:1px solid #EEE;margin: 6px;"/>
{{end}}
<div style="text-align: center">
<nav>
<div class="pagination pagination-lg">
<ul>
{{if .Page.FirstPage}}
{{else}}
<li class="prev">
<a href="/me/blog?num={{ .Page.PageNo | NAdd -1}}&flag={{.Flag}}">«</a>
</li>
<li class="active"><a href="javascript:void(0)">{{.Page.PageNo}}</a></li>
{{if .Page.LastPage}}
<li class="next">
<a href="/me/blog?num={{ .Page.PageNo | NAdd +1}}&flag={{.Flag}}">»</a>
</ul>
</nav>
</body>
<script>
var app = new Vue({
el: ".root-container",
delimiters: ['${', '}'],
data: {},
created() {
},
methods: {
del(obj, id) {
const _this = this
this.$confirm('此操作将永久删除,删除后将无法恢复, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
$.post('/api/blog/del/' + id,
function (data) {
if (data.Status == 0) {
$(obj).parent().parent().parent().remove()
_this.$message.success("删除成功")
} else if (data.Status == 401) {
window.location.href = "/login"
} else if (data.Status == 403) {
this.$message.error("暂无权限")
} else {
this.$message.error("服务器异常")
}
}, 'json')
}).catch(() => {
})
</script>
</html>
