beeblog/views/login.html

{{template "header" .}}
<meta name="keywords" content="码农随笔,个人随笔,博客,个人博客,个人笔记,技术博客,免费云笔记,云笔记,随笔,IT博客,谷歌地图,码农笔录,aiprose">
<title>登录 - 码农随笔</title>
</head>
<body>
<div class="root-container">
{{template "nav" .}}
    <div class="login-root">
        <div class="input-container">
            <div class="input-root">
                <div class="inputs-class">
                    <i-form>
                        <form-item prop="user">
                            <i-input type="text" v-model="user.username" placeholder="请输入用户名">
                            <Icon type="ios-person-outline" slot="prepend"></Icon>
                            </i-input>
                        </form-item>
                        <form-item prop="password">
                            <i-input type="password" v-model="user.userpwd" placeholder="请输入密码">
                            <Icon type="ios-lock-outline" slot="prepend"></Icon>
                            </i-input>
                        </form-item>
                        <i-button type="info" long @click="login">快速登录</i-button>
                    </i-form>
                    <div class="login-bottom">
                        <a href="/regist">快速注册</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script>
    var app = new Vue({
        el: ".root-container",
        delimiters: ['${', '}'],
        data: {
            user: {}
        },
        methods: {
            login (){
                var _this= this
                if (this.user.username.trim().length < 4) {
                    this.$Message.warning('用户名最低4位');
                    // this.$Notice.warning({
                    //     title: '用户名最低4位',
                    //     desc: ''
                    // });
                    return
                }
                if (this.user.userpwd.trim().length < 6) {
                    this.$Message.warning('密码最低6位');
                    return
                }
                $.post('/api/login', this.user,
                    function (data) {
                        if (data.Status == 1) {
                            _this.$Message.warning(data.Msg);
                        } else {
                            _this.$Message.success("登录成功");
                            window.location.href = "/"
                        }
                    }, 'json')
            }
        }
    })
</script>
<script type="text/javascript" src="/static/js/seo.js"></script>
</html>
seo优化 6 lat temu			`{{template "header" .}}`
layui 版本 6 lat temu			`<meta name="keywords" content="码农随笔,个人随笔,博客,个人博客,个人笔记,技术博客,免费云笔记,云笔记,随笔,IT博客,谷歌地图,码农笔录,aiprose">`
			`<title>登录 - 码农随笔</title>`
login 6 lat temu			`</head>`
			`<body>`
			`<div class="root-container">`
			`{{template "nav" .}}`
			`<div class="login-root">`
			`<div class="input-container">`
			`<div class="input-root">`
注册登录完成 6 lat temu			`<div class="inputs-class">`
vue iviewui引入成功 5 lat temu			`<i-form>`
			`<form-item prop="user">`
			`<i-input type="text" v-model="user.username" placeholder="请输入用户名">`
			`<Icon type="ios-person-outline" slot="prepend"></Icon>`
			`</i-input>`
			`</form-item>`
			`<form-item prop="password">`
			`<i-input type="password" v-model="user.userpwd" placeholder="请输入密码">`
			`<Icon type="ios-lock-outline" slot="prepend"></Icon>`
			`</i-input>`
			`</form-item>`
			`<i-button type="info" long @click="login">快速登录</i-button>`
			`</i-form>`
			`<div class="login-bottom">`
			`<a href="/regist">快速注册</a>`
注册登录完成 6 lat temu			`</div>`
			`</div>`
login 6 lat temu			`</div>`
			`</div>`
			`</div>`
			`</div>`
			`</body>`
注册登录完成 6 lat temu			`<script>`
vue iviewui引入成功 5 lat temu			`var app = new Vue({`
			`el: ".root-container",`
			`delimiters: ['${', '}'],`
			`data: {`
			`user: {}`
			`},`
			`methods: {`
			`login (){`
			`var _this= this`
			`if (this.user.username.trim().length < 4) {`
			`this.$Message.warning('用户名最低4位');`
			`// this.$Notice.warning({`
			`// title: '用户名最低4位',`
			`// desc: ''`
			`// });`
			`return`
			`}`
			`if (this.user.userpwd.trim().length < 6) {`
			`this.$Message.warning('密码最低6位');`
			`return`
			`}`
			`$.post('/api/login', this.user,`
注册登录完成 6 lat temu			`function (data) {`
			`if (data.Status == 1) {`
vue iviewui引入成功 5 lat temu			`_this.$Message.warning(data.Msg);`
seo优化 6 lat temu			`} else {`
vue iviewui引入成功 5 lat temu			`_this.$Message.success("登录成功");`
笔记菜单后台渲染 6 lat temu			`window.location.href = "/"`
注册登录完成 6 lat temu			`}`
			`}, 'json')`
vue iviewui引入成功 5 lat temu			`}`
			`}`
注册登录完成 6 lat temu			`})`
			`</script>`
修改api路径 6 lat temu			`<script type="text/javascript" src="/static/js/seo.js"></script>`
login 6 lat temu			`</html>`