24-----BBS论坛
2024-09-04 17:32:14
BBS论坛(二十四)
24.1.编辑板块
cms/js/banners.js
$(function () {
$('.edit-board-btn').click(function () {
var self = $(this);
var tr = self.parent().parent();
var name = tr.attr('data-name');
var board_id = tr.attr('data-id'); zlalert.alertOneInput({
'title': '编辑板块',
'text': '请输入版块名称',
'placeholder': name,
'confirmCallback': function (inputValue) {
zlajax.post({
'url': '/cms/uboards/',
'data': {
'board_id': board_id,
'name': inputValue
},
'success': function (data) {
if (data['code'] == 200) {
window.location.reload();
} else {
zlalert.alertInfo(data['message'])
}
}
});
}
}); });
});
24.2.删除板块
cms/js/banners.js
$(function () {
$('.delete-board-btn').click(function (event) {
event.preventDefault();
var self = $(this);
var board_id = self.parent().parent().attr('data-id');
zlalert.alertConfirm({
'title': '删除版块',
'msg': '确认删除该版块吗?',
'confirmCallback': function () {
zlajax.post({
'url': '/cms/dboards/',
'data': {
'board_id': board_id
},
'success': function (data) {
if (data['code'] == 200) {
window.location.reload();
} else {
zlalert.alertInfo(data['message']);
}
}
});
}
})
})
});
24.3.首页动态显示板块
(1)front/views.py
@bp.route('/')
def index():
banners = BannerModel.query.order_by(BannerModel.priority.desc()).limit(4)
boards = BoardModel.query.all()
context = {
'banners':banners,
'boards':boards
}
return render_template('front/front_index.html',**context)
(2)front/index.py
<div class="sm-container">
<div style="margin-bottom: 10px;">
<button class="btn btn-warning btn-block">发布帖子</button>
</div> <div class="list-group">
<a href="#" class="list-group-item active">所有板块</a> {% for board in boards %}
<a href="#" class="list-group-item">{{ board.name }}</a>
{% endfor %}
</div>
</div>
- 24.1.编辑板块
- 24.2.删除板块
- 24.3.首页动态显示板块
最新文章
- dex文件格式三
- storage disk
- iOS高性能设置圆角
- js为DIV动态设置id属性
- 三分钟学会CSS3中的FLEXBOX布局
- 【转】基于 Android NDK 的学习之旅-----数据传输(引用数据类型)
- Js获取元素样式值(getComputedStyle&;currentStyle)兼容性解决方案
- C#使用seleium实现一个自动登录器
- sql语句分析
- Python数据结构之二叉树
- 在html中使用javascript
- 工作中git常用命令
- FreeNAS插件打造ownCloud私有云网盘
- 亿级 ELK 日志平台构建部署实践
- [转]ionic工作原理
- SysTick_CLKSourceConfig 这个函数
- warning: this decimal constant is unsigned only in ISO C90问题的处理及理解
- Reactjs-generator-cli 一款基于Ink构建用于快速搭建React应用的CLI scaffolding工具
- Sqlserver 数据库、表常用查询操作
- HADOOP与HDFS数据压缩格式