beeblog/views/uinfo.html

{{template "header" .}}
<title>我的资料 - 码农随笔</title>
<script type="text/javascript" src="/static/js/upload.js"></script>
</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/info">我的资料</a>
                  <a><cite>个人信息</cite></a>
                </span>
            </div>
            <div style="display: flex">
                <div style="width: 160px">
                    <img src="{{.HeadImg}}" alt="头像" class="img-circle img-circle-large">
                    <div id="drop_area" style="margin-top: 15px"></div>
                </div>
                <div class="info-header">
                    <div style="display: flex">
                        <p style="flex: 1;color: #888">ID: {{.User.UserName}}</p>
                        <p><a href="/u/{{.User.Id}}" style="text-decoration: none">个人主页 ></a></p>
                    </div>
                    <div>
                        <span>博客 {{.User.BlogCount}}</span>
                        <span>浏览量 {{.User.BlogBrowes}}</span>
                        <span>博客 {{.User.BlogCount}}</span>
                        <span>博客 {{.User.BlogCount}}</span>
                    </div>
                    <hr style="height:1px;border:none;border-top:1px solid #EEE;margin: 10px 0 5px 0;"/>
                    <div>
                        <div style="display: flex">
                            <p style="flex: 1">昵称 ：{{.User.NickName}}</p>
                            <p><a href="javascript:void(0)" style="text-decoration: none" id="editBtn">修改资料</a></p>
                        </div>
                        <p>生日 ：{{.User.Birthday.Format "2006-01-02"}}</p>
                        <p>邮箱 ：{{.User.Email}}</p>
                        <p>手机 ：{{.User.Mobile}}</p>
                        <p>Q Q ：{{.User.QQ}}</p>
                    {{if eq 0  .User.Sex}}
                        <p>性别 ：女</p>
                    {{else}}
                        <p>性别 ：男</p>
                    {{end}}
                        <p>简介 ：{{.User.DescInfo}}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
</body>
<script>
    var dragImgUpload = new DragImgUpload("#drop_area",{
        callback:function (files) {
            //回调函数，可以传递给后台等等
            var file = files[0];
            console.log(file.name);

            var formData = new FormData();
            formData.append("imgfile",file );
            if(!/\.(gif|jpg|jpeg|png|GIF|JPG|PNG)$/.test(file.name))
            {
                return false;
            }else{
                $.ajax({
                    url: '/himg/upload',
                    type:'POST',
                    contentType: false,
                    processData: false,
                    data: formData,
                    success:function(data,textstatus){
                        if (data.Status == 0){
                            this.$message.success("上传成功")
                        }else{
                            this.$message.error("上传失败")
                        }
                    }
                });
            }
        }
    })
    function refresh() {
        window.location.href = window.location.href
    }
    $(function () {
        $("#editBtn").click(function () {
            layer.open({
                type: 2,
                title: '修改个人资料',
                shadeClose: true,
                shade: 0.5,
                area: ['450px', '415px'],
                content: '/iframe/user.html' //iframe的url
            });
        })
    })
</script>
</html>
seo优化 před 6 roky			`{{template "header" .}}`
layui 版本 před 6 roky			`<title>我的资料 - 码农随笔</title>`
部署 před 6 roky			`<script type="text/javascript" src="/static/js/upload.js"></script>`
个人中心布局完成 před 6 roky			`</head>`
详情 & 个人中心底部去掉 před 6 roky			`<body style="background-color: #f9f9f9">`
个人中心布局完成 před 6 roky			`<div class="root-container">`
			`{{template "nav" .}}`
			`{{template "memenu" .}}`
			`<div class="me-blog-root">`
			`<div class="me-blog-list">`
過度layui před 6 roky			`<div class="breadcrumb-container">`
			`<span class="layui-breadcrumb">`
			`<a href="/">首页</a>`
			`<a href="">个人中心</a>`
			`<a href="/me/info">我的资料</a>`
			`<a><cite>个人信息</cite></a>`
			`</span>`
			`</div>`
个人资料 před 6 roky			`<div style="display: flex">`
過度layui před 6 roky			`<div style="width: 160px">`
部署 před 6 roky			`<img src="{{.HeadImg}}" alt="头像" class="img-circle img-circle-large">`
			`<div id="drop_area" style="margin-top: 15px"></div>`
个人资料 před 6 roky			`</div>`
			`<div class="info-header">`
			`<div style="display: flex">`
			`<p style="flex: 1;color: #888">ID: {{.User.UserName}}</p>`
个人主页 před 6 roky			`<p><a href="/u/{{.User.Id}}" style="text-decoration: none">个人主页 ></a></p>`
个人资料 před 6 roky			`</div>`
			`<div>`
			`<span>博客 {{.User.BlogCount}}</span>`
			`<span>浏览量 {{.User.BlogBrowes}}</span>`
			`<span>博客 {{.User.BlogCount}}</span>`
			`<span>博客 {{.User.BlogCount}}</span>`
个人中心布局完成 před 6 roky			`</div>`
个人资料 před 6 roky			`<hr style="height:1px;border:none;border-top:1px solid #EEE;margin: 10px 0 5px 0;"/>`
			`<div>`
			`<div style="display: flex">`
			`<p style="flex: 1">昵称：{{.User.NickName}}</p>`
			`<p><a href="javascript:void(0)" style="text-decoration: none" id="editBtn">修改资料</a></p>`
			`</div>`
			`<p>生日：{{.User.Birthday.Format "2006-01-02"}}</p>`
			`<p>邮箱：{{.User.Email}}</p>`
			`<p>手机：{{.User.Mobile}}</p>`
			`<p>Q Q ：{{.User.QQ}}</p>`
			`{{if eq 0 .User.Sex}}`
			`<p>性别：女</p>`
			`{{else}}`
			`<p>性别：男</p>`
			`{{end}}`
			`<p>简介：{{.User.DescInfo}}</p>`
			`</div>`
			`</div>`
个人中心布局完成 před 6 roky			`</div>`
			`</div>`
			`</div>`
			`</div>`
			`</div>`
			`</body>`
个人资料 před 6 roky			`<script>`
部署 před 6 roky			`var dragImgUpload = new DragImgUpload("#drop_area",{`
			`callback:function (files) {`
			`//回调函数，可以传递给后台等等`
			`var file = files[0];`
			`console.log(file.name);`
个人笔记改造完成 před 6 roky
部署 před 6 roky			`var formData = new FormData();`
			`formData.append("imgfile",file );`
			`if(!/\.(gif\|jpg\|jpeg\|png\|GIF\|JPG\|PNG)$/.test(file.name))`
			`{`
			`return false;`
			`}else{`
			`$.ajax({`
			`url: '/himg/upload',`
			`type:'POST',`
			`contentType: false,`
			`processData: false,`
			`data: formData,`
			`success:function(data,textstatus){`
			`if (data.Status == 0){`
删除无用资源 & 代码高亮修改 před 3 roky			`this.$message.success("上传成功")`
部署 před 6 roky			`}else{`
删除无用资源 & 代码高亮修改 před 3 roky			`this.$message.error("上传失败")`
部署 před 6 roky			`}`
			`}`
			`});`
			`}`
			`}`
			`})`
个人资料 před 6 roky			`function refresh() {`
			`window.location.href = window.location.href`
			`}`
			`$(function () {`
			`$("#editBtn").click(function () {`
			`layer.open({`
			`type: 2,`
			`title: '修改个人资料',`
			`shadeClose: true,`
			`shade: 0.5,`
			`area: ['450px', '415px'],`
			`content: '/iframe/user.html' //iframe的url`
			`});`
			`})`
			`})`
			`</script>`
个人中心布局完成 před 6 roky			`</html>`