当前位置：首页 > Web开发 > 正文

一百三十八：CMS系统之发布帖子前端js

2024-03-31 Web开发

先补一个功能，根据扥状态显示用户名/退出或者登录/注册

技术图片

from .views import bp
import config
from flask import session, g
from .models import FrontUser

@bp.before_request
def before_request():
""" 验证登录 """
if config.FRONT_USER_ID in session:
user_id = session.get(config.FRONT_USER_ID)
user = FrontUser.query.get(user_id)
if user:
g.front_user = user

技术图片

{% if g.front_user %}
<div>
<a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
{{ g.front_user.username }}
<span></span>
</a>
<ul aria-labelledby="dropdownMenu1">
<li><a href="#">个人中心</a></li>
<li><a href="#">设置</a></li>
<li><a href="#">注销</a></li>
</ul>
</div>
{% else %}
<li><a href="{{ url_for(‘front.signin‘) }}">登录</a></li>
<li><a href="{{ url_for(‘front.signup‘) }}">注册</a></li>
{% endif %}

技术图片

发布帖子js

给点击发布按钮寄一个id，方便js绑定事件

技术图片

$(function () {
//初始化ueditor
var ue = UE.getEditor(‘editor‘, {
‘serverUrl‘: ‘/ueditor/upload/‘
});

$(‘#submit-btn‘).click(function (event) {
event.preventDefault();
var titleInput = $(‘input[name="title"]‘);
var boardSelect = $(‘select[name="board_id"]‘);

var title = titleInput.val();
var board_id = boardSelect.val();
var content = ue.getContent(); //详见ueditor使用说明，获取内容:#api-common

ajax.post({
‘url‘: ‘/apost/‘,
‘data‘: {
‘title‘: title,
‘content‘: content,
‘board_id‘: board_id
},
‘success‘: function (data) {
if(data[‘code‘] == 200){
xtalert.alertConfirm({
‘msg‘: ‘发帖成功‘,
‘cancelText‘: ‘回到首页‘,
‘confirmText‘: ‘再发一篇‘,
‘cancelCallback‘: function () {
// 点回到首页就跳转到首页
window.location = ‘/‘;
},
‘confirmCallback‘: function () {
// 点再发一篇就清空内容
titleInput.val(‘‘);
ue.setContent(‘‘);
}
});
}else{
xtalert.alertInfo(data[‘message‘]);
}
}
});
});
});

技术图片