25 changed files with 331 additions and 52 deletions
@ -0,0 +1,12 @@ |
|||||
|
package controllers |
||||
|
|
||||
|
import "github.com/astaxie/beego" |
||||
|
|
||||
|
type PageController struct { |
||||
|
beego.Controller |
||||
|
} |
||||
|
|
||||
|
// @router /iframe/blog [get]
|
||||
|
func (this *PageController) Blog() { |
||||
|
this.TplName = "iframe/blog.html" |
||||
|
} |
||||
Binary file not shown.
@ -0,0 +1,9 @@ |
|||||
|
package models |
||||
|
|
||||
|
import "time" |
||||
|
|
||||
|
type Category struct { |
||||
|
Id int64 |
||||
|
Title string |
||||
|
Ctime time.Time `orm:"auto_now_add;type(datetime)"` |
||||
|
} |
||||
@ -0,0 +1,10 @@ |
|||||
|
package models |
||||
|
|
||||
|
import "time" |
||||
|
|
||||
|
type NLabel struct { |
||||
|
Id int64 |
||||
|
Title string |
||||
|
UserId int64 |
||||
|
Ctime time.Time `orm:"auto_now_add;type(datetime)"` |
||||
|
} |
||||
@ -0,0 +1,20 @@ |
|||||
|
.blog-title{ |
||||
|
display: flex; |
||||
|
height: 50px; |
||||
|
line-height: 50px; |
||||
|
} |
||||
|
.blog-title input{ |
||||
|
flex: 1; |
||||
|
height: 44px; |
||||
|
border: 0; |
||||
|
} |
||||
|
|
||||
|
.blog-title button{ |
||||
|
height: 32px; |
||||
|
margin-top: 9px; |
||||
|
} |
||||
|
|
||||
|
.w-e-toolbar{ |
||||
|
height: 40px; |
||||
|
line-height: 30px; |
||||
|
} |
||||
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 5.8 KiB |
|
After Width: | Height: | Size: 11 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 5.7 KiB |
|
After Width: | Height: | Size: 701 B |
|
After Width: | Height: | Size: 1.7 KiB |
@ -1,22 +1,43 @@ |
|||||
{{define "nav"}} |
{{define "nav"}} |
||||
<div class='nav-container'> |
<div class='nav-container'> |
||||
<div class="sui-navbar"> |
<nav class="navbar navbar-default"> |
||||
<div class="navbar-inner"> |
<div class="container-fluid"> |
||||
<a href="/" class="sui-brand">个人随笔</a> |
<div class="navbar-header"> |
||||
<ul class="sui-nav"> |
<a class="navbar-brand" href="/">个人随笔</a> |
||||
<li {{if .IsHome}}class="active"{{end}}><a href="/">首页</a></li> |
</div> |
||||
<li {{if .IsNote}}class="active"{{end}}><a href="/note">笔记</a></li> |
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> |
||||
<li {{if .IsMap}}class="active"{{end}}><a href="/map">地图</a></li> |
<ul class="nav navbar-nav"> |
||||
|
<li class="active"> |
||||
|
<a href="/" target="_blank">首页 </a> |
||||
|
</li> |
||||
|
<li> |
||||
|
<a href="/note" target="_blank">笔记</a> |
||||
|
</li> |
||||
|
<li> |
||||
|
<a href="/map" target="_blank">地图</a> |
||||
|
</li> |
||||
</ul> |
</ul> |
||||
<form class="sui-form sui-form pull-left"> |
<form class="navbar-form navbar-left" role="search"> |
||||
<input type="text" placeholder="宝贝/店铺名称..."> |
<div class="form-group"> |
||||
<button class="sui-btn">搜索</button> |
<input type="text" class="form-control" placeholder="Search"> |
||||
|
</div> |
||||
|
<button type="submit" class="btn btn-default">Submit</button> |
||||
</form> |
</form> |
||||
<ul class="sui-nav pull-right"> |
<ul class="nav navbar-nav navbar-right"> |
||||
<li><a href="#">个人中心</a></li> |
<li><a href="#">个人中心</a></li> |
||||
<li><a href="#">帮助</a></li> |
<li class="dropdown"> |
||||
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a> |
||||
|
<ul class="dropdown-menu" role="menu"> |
||||
|
<li><a href="#">Action</a></li> |
||||
|
<li><a href="#">Another action</a></li> |
||||
|
<li><a href="#">Something else here</a></li> |
||||
|
<li class="divider"></li> |
||||
|
<li><a href="#">Separated link</a></li> |
||||
</ul> |
</ul> |
||||
</div> |
</li> |
||||
</div> |
</ul> |
||||
|
</div><!-- /.navbar-collapse --> |
||||
|
</div><!-- /.container-fluid --> |
||||
|
</nav> |
||||
</div> |
</div> |
||||
{{end}} |
{{end}} |
||||
@ -0,0 +1,106 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html> |
||||
|
<head> |
||||
|
<meta charset="utf-8"> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
||||
|
<meta name="description" content="个人随笔是一个面向IT技术人员,提供个人平时工作总结和在线记录学习笔记,个人技术博客,在线云笔记,码农笔录,最新的技术博客,www.aiprose.com"> |
||||
|
<meta name="keywords" |
||||
|
content="个人随笔,博客,个人博客,个人笔记,技术博客,免费云笔记,云笔记,随笔,IT博客,谷歌地图,码农笔录,www.aiprose.com,aiprose.com,aiprose"> |
||||
|
<link rel="stylesheet" href="//g.alicdn.com/sui/sui3/0.0.18/css/sui.min.css"> |
||||
|
<script type="text/javascript" src="//g.alicdn.com/sj/lib/jquery/dist/jquery.min.js"></script> |
||||
|
<script type="text/javascript" src="//g.alicdn.com/sui/sui3/0.0.18/js/sui.min.js"></script> |
||||
|
<script type="text/javascript" src="/static/js/layer.js"></script> |
||||
|
<title>首页 - 个人随笔</title> |
||||
|
<style> |
||||
|
.common { |
||||
|
margin: 10px 0; |
||||
|
} |
||||
|
|
||||
|
.tag { |
||||
|
margin: 3px 0; |
||||
|
} |
||||
|
</style> |
||||
|
</head> |
||||
|
<body> |
||||
|
<div style="margin: 5px 10px"> |
||||
|
<div class="common"> |
||||
|
<span>开发语言:</span> |
||||
|
<span> |
||||
|
<select class="form-control " style="width: 150px;display: inline-block;height: 32px" id="catory"> |
||||
|
<option>1</option> |
||||
|
<option>2</option> |
||||
|
<option>3</option> |
||||
|
<option>4</option> |
||||
|
<option>5</option> |
||||
|
</select> |
||||
|
</span> |
||||
|
</div> |
||||
|
<div class="common"> |
||||
|
<span style="flex: 1;height: 30px;line-height: 30px;">文章标签:</span> |
||||
|
<div class="tag-group tag-removable" data-toggle='tag' id="labels"> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="common"> |
||||
|
<span>添加标签:</span> |
||||
|
<input type="text" placeholder="输入标签" class="input-xfat" style="height: 26px;" id="lable"> |
||||
|
<button type="button" class="btn btn-primary" style="height: 26px;margin-top: -5px;" id="addBtn">添加</button> |
||||
|
</div> |
||||
|
<div class="common" style="text-align: center"> |
||||
|
<button type="button" class="btn btn-primary" id="saveBtn">首要</button> |
||||
|
<button type="button" class="btn btn-warning" id="cacelBtn">取消</button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</body> |
||||
|
<script> |
||||
|
$(function () { |
||||
|
if (parent.tobj.catory) { |
||||
|
$("#catory").val(parent.tobj.catory) |
||||
|
} |
||||
|
if (parent.tobj.labels) { |
||||
|
for (var i = 0; i < parent.tobj.labels.length; i++) { |
||||
|
var child = "<label class='tag tag-primary'>" + parent.tobj.labels[i] + "<a name='remove'><i class=\"iconfont icon-close\"></i></a> " |
||||
|
+ "<input type='checkbox' class='simple-tag' name='simple-tag-1' value='" + parent.tobj.labels[i] + "' checked='checked'/></label>" |
||||
|
$("#labels").append(child) |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
$("#addBtn").click(function () { |
||||
|
var temp = $("#lable").val() |
||||
|
if (temp.trim().length != 0) { |
||||
|
if ($("#labels").children().length > 5) { |
||||
|
layer.msg('5个标签还不够', function () { |
||||
|
}); |
||||
|
return |
||||
|
} |
||||
|
var child = "<label class='tag tag-primary'>" + temp + "<a name='remove'><i class=\"iconfont icon-close\"></i></a> " |
||||
|
+ "<input type='checkbox' class='simple-tag' name='simple-tag-1' value='" + temp + "' checked='checked'/></label>" |
||||
|
$("#labels").append(child) |
||||
|
$("#lable").val("") |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
$("#saveBtn").click(function () { |
||||
|
parent.tobj.catory = $("#catory").val() |
||||
|
var tarr = [] |
||||
|
$.each($(".simple-tag"), function () { |
||||
|
tarr.push($(this).val()) |
||||
|
}); |
||||
|
parent.tobj.labels = tarr |
||||
|
console.log(tarr) |
||||
|
parent.saveBlog(function (flag) { |
||||
|
debugger |
||||
|
if (flag) { |
||||
|
var index = parent.layer.getFrameIndex(window.name); |
||||
|
parent.layer.close(index); |
||||
|
} |
||||
|
}) |
||||
|
}) |
||||
|
|
||||
|
$("#cacelBtn").click(function () { |
||||
|
var index = parent.layer.getFrameIndex(window.name); |
||||
|
parent.layer.close(index); |
||||
|
}) |
||||
|
}) |
||||
|
</script> |
||||
|
</html> |
||||
@ -0,0 +1,77 @@ |
|||||
|
{{template "header"}} |
||||
|
<title>博客 - 个人随笔</title> |
||||
|
<link type="text/css" rel="styleSheet" href="/static/css/newblog.css"/> |
||||
|
<script src="//unpkg.com/wangeditor/release/wangEditor.min.js"></script> |
||||
|
{{/*<script src="https://cdn.bootcss.com/axios/0.18.0/axios.min.js"></script>*/}} |
||||
|
</head> |
||||
|
<body> |
||||
|
<div class="root-container"> |
||||
|
<div class="blog-title"> |
||||
|
<input type="text" id="blog-title"> |
||||
|
<button type="button" id="newBtn" class="btn btn-danger" style="border-radius: 12px">发布文章</button> |
||||
|
</div> |
||||
|
<div id="editor" class="editor"> |
||||
|
|
||||
|
</div> |
||||
|
<div id="myModal" tabindex="-1" role="dialog" data-hasfoot="false" class="sui-modal hide fade"> |
||||
|
<div class="modal-dialog"> |
||||
|
<div class="modal-content"> |
||||
|
<div class="modal-header"> |
||||
|
<button type="button" data-dismiss="modal" aria-hidden="true" class="sui-close">×</button> |
||||
|
<h4 id="myModalLabel" class="modal-title">Modal title</h4> |
||||
|
</div> |
||||
|
<div class="modal-body">我是内容body</div> |
||||
|
<div class="modal-footer"> |
||||
|
<button type="button" data-ok="modal" class="sui-btn btn-primary btn-large">可自定ok</button> |
||||
|
<button type="button" data-dismiss="modal" class="sui-btn btn-default btn-large">可自定dismiss</button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</body> |
||||
|
<script> |
||||
|
var E = window.wangEditor |
||||
|
var editor = new E('#editor') |
||||
|
editor.customConfig.uploadImgServer = '/upload' |
||||
|
// 或者 var editor = new E( document.getElementById('editor') ) |
||||
|
editor.create() |
||||
|
var tobj = {} |
||||
|
$(function () { |
||||
|
var height = document.documentElement.clientHeight |
||||
|
$(".w-e-text-container").height(height - 50 - 40 - 1); |
||||
|
$("#newBtn").click(function () { |
||||
|
var title = $("#blog-title").val(); |
||||
|
if (title.trim().length < 3) { |
||||
|
layer.msg('文章标题最少三个字', function () { |
||||
|
}); |
||||
|
return |
||||
|
} |
||||
|
tobj.title = $("#blog-title").val(); |
||||
|
if (editor.txt.text().trim().length == 0) { |
||||
|
layer.msg('文章内容不能为空哦', function () { |
||||
|
}); |
||||
|
return |
||||
|
} |
||||
|
tobj.blogHtml = editor.txt.html(); |
||||
|
layer.open({ |
||||
|
type: 2, |
||||
|
title: '发布文章', |
||||
|
shadeClose: true, |
||||
|
shade: 0.8, |
||||
|
area: ['420px', '280px'], |
||||
|
content: '/iframe/blog.html/' //iframe的url |
||||
|
}); |
||||
|
}) |
||||
|
}) |
||||
|
|
||||
|
function saveBlog(callback) { |
||||
|
$.post('/blog/new',tobj, |
||||
|
function (data) { |
||||
|
console.log(data) |
||||
|
debugger |
||||
|
callback(true) |
||||
|
},'json') |
||||
|
} |
||||
|
</script> |
||||
|
</html> |
||||
Loading…
Reference in new issue