【Flask微电影】16.电影预告管理：增删查改

作者: 吾星喵 | 来源:发表于2018-11-11 20:16 被阅读4次

个人博客，欢迎查看：https://blog.starmeow.cn/

Github地址：https://github.com/xyliurui/FlaskMovie

预告管理

预告增加

创建预告添加表单

class PreviewForm(FlaskForm):
    title = StringField(
        label='预告标题',
        validators=[
            DataRequired('请输入预告标题！')
        ],
        description='请输入预告标题！',
        render_kw={
            'class': "form-control"
        }
    )
    logo = FileField(
        label='预告封面',
        validators=[
            DataRequired('请上传预告封面！')
        ],
    )

这儿添加和更新使用同一个模板文件，直接将preview_add.html修改为preview_edit.html

修改preview_add预告增加视图

from app.admin.forms import LoginFrom, TagForm, MovieForm, PreviewForm
from app.models import Admin, Tag, Movie, Preview


@admin.route("/preview/add/", methods=['GET', 'POST'])
@admin_login_require
def preview_add():
    form = PreviewForm()
    if form.validate_on_submit():
        data = form.data
        if Preview.query.filter_by(title=data['title']).count() == 1:
            flash('预告标题已存在，请检查！', category='err')
            return redirect(url_for('admin.preview_add'))

        file_logo = secure_filename(form.logo.data.filename)  # 获取上传文件名字
        file_save_path = app.config['UP_DIR']  # 文件上传保存路径
        if not os.path.exists(file_save_path):
            os.makedirs(file_save_path)  # 如果文件保存路径不存在，则创建一个多级目录
            import stat
            os.chmod(file_save_path, stat.S_IRWXU)  # 授予可读写权限
        logo = change_filename(file_logo)  # 文件重命名
        form.logo.data.save(file_save_path + logo)  # 保存文件到磁盘中

        preview = Preview(
            title=data['title'],
            logo=logo  # 只在数据库中保存文件名
        )
        db.session.add(preview)
        db.session.commit()
        flash('添加预告成功', 'ok')
        return redirect(url_for('admin.preview_add'))

    return render_template('admin/preview_edit.html', form=form)

增加模板中的消息显示alert_info.html模块

在app/templates/admin/目录下创建alert_info.html模板文件

{% with msgs = get_flashed_messages(category_filter=['ok']) %}
    {% if msgs %}
        <div class="alert alert-success alert-dismissible">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
            <h4><i class="icon fa fa-check"></i> 成功!</h4>
            {% for msg in msgs %}
                <p>{{ msg }}</p>
            {% endfor %}
        </div>
    {% endif %}
{% endwith %}

{% with msgs = get_flashed_messages(category_filter=['err']) %}
    {% if msgs %}
        <div class="alert alert-danger alert-dismissible">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
            <h4><i class="icon fa fa-ban"></i> 失败!</h4>
            {% for msg in msgs %}
                <p>{{ msg }}</p>
            {% endfor %}
        </div>
    {% endif %}
{% endwith %}

之后再其他模板中就不用重复编写，直接包含这个模块即可，使用方式：{% include 'admin/alert_info.html' %}

修改preview_edit.html预告编辑模板

由于添加和更新使用相同的模板，所以需要对访问url进行判断

{% extends 'admin/base.html' %}

{% block content %}
    <section class="content-header">
        <h1>微电影管理系统</h1>
        <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> 预告管理</a></li>
            <li class="active">
                {% if request.path == url_for('admin.preview_add') %}
                    添加预告
                {% else %}
                    修改预告
                {% endif %}
            </li>
        </ol>
    </section>
    <section class="content" id="showcontent">
        <div class="row">
            <div class="col-md-12">
                <div class="box box-primary">
                    <div class="box-header with-border">
                        <h3 class="box-title">
                            {% if request.path == url_for('admin.preview_add') %}
                                添加预告
                            {% else %}
                                修改预告
                            {% endif %}
                        </h3>
                    </div>
                    <form role="form" method="post" enctype="multipart/form-data">
                        <div class="box-body">
                            {% include 'admin/alert_info.html' %}

                            <div class="form-group">
                                <label for="input_title">{{ form.title.label }}</label>
                                {{ form.title }}
                                {% for err in form.title.errors %}
                                    <div class="col-md-12" style="color: red">{{ err }}</div>
                                {% endfor %}
                            </div>
                            <div class="form-group">
                                <label for="input_logo">{{ form.logo.label }}</label>
                                {{ form.logo }}
                                {% for err in form.logo.errors %}
                                    <div class="col-md-12" style="color: red">{{ err }}</div>
                                {% endfor %}
                                {% if request.path != url_for('admin.preview_add') %}
                                    <img src="{{ url_for('static', filename="media/"+preview.logo) }}" data-src="holder.js/700x320" style="margin-top:5px;" class="img-responsive" alt="">
                                {% endif %}
                            </div>
                        </div>
                        {{ form.csrf_token }}
                        <div class="box-footer">
                            {{ form.submit }}
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
{% endblock %}

{% block js %}
    <script>
        // 激活菜单栏
        $(document).ready(function () {
            $("#g-4").addClass('active');
            $("#g-4-1").addClass('active');
        })
    </script>
{% endblock %}

image.png

假如数据库已存在的，会提示错误

image.png

预告列表

修改preview_list预告显示视图

@admin.route("/preview/list/<int:page>/")
@admin_login_require
def preview_list(page=None):
    page_previews = Preview.query.paginate(page=page, per_page=10)
    return render_template('admin/preview_list.html', page_previews=page_previews)

修改preview_list.html预告显示模板

<div class="box-body table-responsive no-padding">
    <table class="table table-hover">
        {% include 'admin/alert_info.html' %}
        <tbody>
        <tr>
            <th>编号</th>
            <th>预告标题</th>
            <th>预告封面</th>
            <th>添加时间</th>
            <th>操作事项</th>
        </tr>
        {% for preview in page_previews.items %}
            <tr>
                <td>{{ preview.id }}</td>
                <td>{{ preview.title }}</td>
                <td>
                    <img src="{{ url_for('static', filename='media/'+preview.logo) }}" style="max-height: 50px" data-src="holder.js/140x64" class="img-responsive center-block"
                         alt="">
                </td>
                <td>{{ preview.add_time }}</td>
                <td>
                    <a class="label label-success">编辑</a>
                    &nbsp;
                    <a class="label label-danger">删除</a>
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
</div>
<div class="box-footer clearfix">
    {% import 'admin/pagination.html' as pg %}
    {{ pg.render_pagination(page_previews, 'admin.preview_list') }}
</div>

image.png

需要修改base.html预告列表链接，增加page参数

<a href="{{ url_for('admin.preview_list', page=1) }}">
    <i class="fa fa-circle-o"></i> 预告列表
</a>

预告删除

增加preview_delete预告删除视图

删除预告会将旧的图片文件删除

@admin.route("/preview/delete/<int:delete_id>/", methods=['GET'])
@admin_login_require
def preview_delete(delete_id=None):
    if delete_id:
        preview = Preview.query.filter_by(id=delete_id).first_or_404()
        # 删除同时要从磁盘中删除封面文件
        file_save_path = app.config['UP_DIR']  # 文件上传保存路径
        # 如果存在将进行删除，不判断，如果文件不存在删除会报错
        if os.path.exists(os.path.join(file_save_path, preview.logo)):
            os.remove(os.path.join(file_save_path, preview.logo))

        # 删除数据库，提交修改，注意后面要把与电影有关的评论都要删除
        db.session.delete(preview)
        db.session.commit()
        # 删除后闪现消息
        flash('删除预告成功！', category='ok')
    return redirect(url_for('admin.preview_list', page=1))

修改preview_list.html删除预告链接

<a class="label label-danger" href="{{ url_for('admin.preview_delete', delete_id=preview.id) }}">删除</a>

image.png

编辑预告

增加preview_update预告修改视图

同样使用preview_edit.html视图

@admin.route("/preview/update/<int:update_id>/", methods=['GET', 'POST'])
@admin_login_require
def preview_update(update_id=None):
    preview = Preview.query.get_or_404(update_id)
    form = PreviewForm(
        title=preview.title,
    )
    # 不验证上传文件
    form.logo.validators = []
    form.logo.render_kw = {'required': False}

    if form.validate_on_submit():
        data = form.data
        if Preview.query.filter_by(title=data['title']).count() == 1 and preview.title != data['title']:
            flash('预告标题已存在，请重新输入', category='err')
            return redirect(url_for('admin.preview_update', update_id=update_id))

        preview.title = data['title']

        print(data['logo'], type(data['logo']), form.logo.data, type(form.logo.data))
        # <FileStorage: 'ssh.jpg' ('image/jpeg')> <class 'werkzeug.datastructures.FileStorage'>
        # <FileStorage: 'ssh.jpg' ('image/jpeg')> <class 'werkzeug.datastructures.FileStorage'>
        # 上面两种方式结果一样

        # 文件保存路径操作
        file_save_path = app.config['UP_DIR']  # 文件上传保存路径
        if not os.path.exists(file_save_path):
            os.makedirs(file_save_path)  # 如果文件保存路径不存在，则创建一个多级目录
            import stat
            os.chmod(file_save_path, stat.S_IRWXU)  # 授予可读写权限
        if form.logo.data:  # 当有上传新的图片
            if os.path.exists(os.path.join(file_save_path, preview.logo)):
                os.remove(os.path.join(file_save_path, preview.logo))  # 删除旧图片
            file_logo_name = form.logo.data.filename
            preview.logo = change_filename(file_logo_name)  # 得到新的文件名，保存到输入局
            form.logo.data.save(file_save_path + preview.logo)
        db.session.commit()
        flash('预告信息修改成功！', category='ok')
        return redirect(url_for('admin.preview_update', update_id=update_id))
    return render_template('admin/preview_edit.html', form=form, preview=preview)

修改预告直接使用preview_edit.html模板

image.png

当文件名存在时，会提示已存在。

image.png

【Flask微电影】16.电影预告管理：增删查改

预告管理

预告增加

创建预告添加表单

修改preview_add预告增加视图

增加模板中的消息显示alert_info.html模块

修改preview_edit.html预告编辑模板

预告列表

修改preview_list预告显示视图

修改preview_list.html预告显示模板

预告删除

增加preview_delete预告删除视图

修改preview_list.html删除预告链接

编辑预告

增加preview_update预告修改视图

修改预告直接使用preview_edit.html模板

相关文章

网友评论

延伸阅读

深度阅读

栏目导航

热点阅读

Flask微电影网站开发