七、后台管理

后台管理页面：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>BBS论坛</title>

    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>

    <link rel="stylesheet" href="/static/bootstrap-3.3.7/css/bootstrap.min.css">

    <script src="/static/bootstrap-3.3.7/js/bootstrap.min.js"></script>

</head>

<body>

{# -----------顶部导航栏--------------- #}

<nav class="navbar navbar-default">

    <div class="container-fluid">

        <!-- Brand and toggle get grouped for better mobile display -->

        <div class="navbar-header">

            <span class="navbar-default h2 pull-left">后台管理</span>

        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->

        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

            <ul class="nav navbar-nav navbar-right">

                <li><img src="/media/{{ request.user.avatar }}" alt="" width="45px" class="img-circle"></li>

                <li><a href="/{{ request.user.username }}" id="id_username">{{ request.user.username }}</a></li>

                <li class="dropdown">

                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"

                           aria-expanded="false">更多操作 <span class="caret"></span></a>

                        <ul class="dropdown-menu">

                            <li><a href="/set_password/">修改密码</a></li>

                            <li><a href="/set_avatar/">修改头像</a></li>

                            <li><a href="/home/">首页</a></li>

                            <li role="separator" class="divider"></li>

                            <li><a href="/logout/">注销</a></li>

                        </ul>

                    </li>

            </ul>

        </div><!-- /.navbar-collapse -->

    </div><!-- /.container-fluid -->

</nav>

<div class="container-fluid">

    <div class="row">

        <div class="col-md-2">

            <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">

                <div class="panel panel-default">

                    <div class="panel-heading" role="tab" id="headingOne">

                        <h4 class="panel-title">

                            <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne"

                               aria-expanded="true" aria-controls="collapseOne">

                                操作

                            </a>

                        </h4>

                    </div>

                    <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel"

                         aria-labelledby="headingOne">

                        <div class="panel-body">

                            <p><a href="/add_article/">添加新随笔</a></p>

                            <p><a href="">添加文章</a></p>

                            <p><a href="">草稿箱</a></p>

                        </div>

                    </div>

                </div>

            </div>

        </div>

        <div class="col-md-10">

                <div class="bs-example bs-example-tabs" data-example-id="togglable-tabs">

                <ul id="myTabs" class="nav nav-tabs" role="tablist">

                    <li role="presentation" class="active"><a href="#home" id="home-tab" role="tab" data-toggle="tab"

                                                              aria-controls="home" aria-expanded="true">文章</a></li>

                    <li role="presentation" class=""><a href="#profile" role="tab" id="profile-tab" data-toggle="tab"

                                                        aria-controls="profile" aria-expanded="false">随笔</a></li>

                    <li role="presentation" class=""><a href="#dropdown" role="tab" id="dropdown-tab" data-toggle="tab"

                                                    aria-controls="dropdown" aria-expanded="false">设置</a></li>

                    <li role="presentation" class=""><a href="#dropdown2" role="tab" id="dropdown2-tab" data-toggle="tab"

                                                    aria-controls="dropdown2" aria-expanded="false">更多</a></li>

                </ul>

                {% block content %}

                <div id="myTabContent" class="tab-content">

                    <div role="tabpanel" class="tab-pane fade active in" id="home" aria-labelledby="home-tab">

                        <table class="table  table-hover table-striped">

                            <thead>

                                <tr>

                                    <th>标题</th>

                                    <th>发布日期</th>

                                    <th>评论数</th>

                                    <th>点赞数</th>

                                    <th>操作</th>

                                    <th>操作</th>

                                </tr>

                            </thead>

                            <tbody>

                                 {% for article in page_queryset %}

                                    <tr>

                                        <td><a href="/{{ article.blog.userinfo.username }}/article/{{ article.pk }}/">{{ article.title }}</a></td>

                                        <td>{{ article.create_time|date:'Y-m-d' }}</td>

                                        <td>{{ article.comment_num }}</td>

                                        <td>{{ article.up_num }}</td>

                                        <td><a href="">编辑</a></td>

                                        <td><a href="">删除</a></td>

                                    </tr>

                                {% endfor %}

                            </tbody>

                        </table>

                        <div class="pull-right">{{ page_obj.page_html|safe }}</div>

                    </div>

                    <div role="tabpanel" class="tab-pane fade" id="profile" aria-labelledby="profile-tab">

                        <p>Fpark.</p>

                    </div>

                    <div role="tabpanel" class="tab-pane fade" id="dropdown" aria-labelledby="dropdown-tab">

                        <p>Etsy mray yr.</p>

                    </div>

                    <div role="tabpanel" class="tab-pane fade" id="dropdown2" aria-labelledby="dropdown2-tab">

                        <p>Trust fhey svegan.</p>

                    </div>

                </div>

                {% endblock %}

            </div>

        </div>

    </div>

</div>

</body>

</html>

backend.html

@login_required

def set_avatar(request):

    if request.method == 'POST':

        file_obj = request.FILES.get('myfile')

        # print(file_obj)

        # 修改用户avatar字段

        # 1.利用queryset内置方法修改  不行

        # models.UserInfo.objects.filter(pk=request.user.pk).update(avatar=file_obj)

        # 2.利用对象修改

        user_obj = request.user

        user_obj.avatar = file_obj

        user_obj.save()

        return redirect('/home/')

    return render(request, 'set_avatar.html')

views.py 设置头像

def upload_img(request):

    if request.method == 'POST':

        # 将用户上传的图片存入media文件夹以便后续查找

        file_obj = request.FILES.get('imgFile')

        # 将该文件存入media文件夹

        # 1.手动拼接文件存放的路径

        path = os.path.join(settings.BASE_DIR, 'media', 'article_img')

        # 判断当前路径文件是否存在，不存在自动创建

        if not os.path.exists(path):

            os.mkdir(path)  # 当文件夹不存在时，创建文件夹

        file_path = os.path.join(path, file_obj.name)

        # 文件操作

        with open(file_path, 'wb') as f:

            for line in file_obj:

                f.write(line)

        back_dic = {

            "error": 0,

            "url": "/media/article_img/%s" % file_obj.name

        }

        return JsonResponse(back_dic)

    return HttpResponse('ok')

views.py 上传图片

@login_required

def backend(request):

    article_list = models.Article.objects.filter(blog=request.user.blog)

    # 用户想访问的当前页面

    current_page = request.GET.get('page', 1)

    # 用户总条数

    all_count = article_list.count()

    page_obj = Pagination(current_page=current_page, all_count=all_count)

    # 对数据进行切分

    page_queryset = article_list[page_obj.start:page_obj.end]

    return render(request, 'backend/backend.html', locals())

views.py 后台管理主页

@login_required

def add_article(request):

    if request.method == 'POST':

        title = request.POST.get('title')

        content = request.POST.get('content')

        # 将需要处理的文本内容交由该模块生一个soup对象

        soup = BeautifulSoup(content, 'html.parser')

        tags = soup.find_all()

        for tag in tags:

            if tag.name == 'script':

                # 将识别出的标签中的所有script标签删掉

                tag.decompose()  # 1.解决xss攻击问题

        # 文章简介

        desc = soup.text[0:100]  # 2.读取前100个字节

        # 保存到数据库中

        models.Article.objects.create(title=title, content=str(soup), desc=desc, blog=request.user.blog)

        return redirect('/backend/')

    return render(request, 'backend/add_article.html')

views.py 添加文章

BBS论坛 后台管理的更多相关文章

  1. 1210 BBS admin后台管理及侧边栏筛选个人站点

    目录 昨日内容 django admin后台管理 使用 建表 用户图片的显示 MEDIA用户配置 查找照片 搭建个人站点 防盗链 新建css文件 侧边栏展示标签 定义分类栏与标签栏 定义时间栏 侧边栏 ...

  2. day75 bbs项目☞后台管理+修改头像

    目录 一.后台管理之添加文章 二.修改用户头像 bbs项目总结 一.后台管理之添加文章 添加文章有两个需要注意的问题: 文章的简介切取,应该想办法获取到当前文章的文本内容后再截取字符 XSS攻击,由于 ...

  3. BBS - 后台管理

    一.添加文章 注: 后台管理页面,应该有个新得 app /blog/backend/ # 文章列表页/blog/add_article/ # 添加文章 # 后台管理re_path(r'backend/ ...

  4. 1211 BBS后台管理文章添加

    目录 昨日内容回顾 侧边栏inclusion_tag inclusion_tag的响应 使用 自定义inclusion_tag,标签,过滤器 文章的点赞点踩 前端 后端 校验规则 文章的评论功能 1. ...

  5. Java，面试题，简历，Linux，大数据，常用开发工具类，API文档，电子书，各种思维导图资源，百度网盘资源，BBS论坛系统 ERP管理系统 OA办公自动化管理系统 车辆管理系统 各种后台管理系统

    Java,面试题,简历,Linux,大数据,常用开发工具类,API文档,电子书,各种思维导图资源,百度网盘资源BBS论坛系统 ERP管理系统 OA办公自动化管理系统 车辆管理系统 家庭理财系统 各种后 ...

  6. BBS项目之后台管理

    一:后台管理,添加文章样式编写 创建 一个后台管理模板前段页面 <!DOCTYPE html> <html lang="en"> <head> ...

  7. 后台管理UI的选择

    最近要做一个企业的OA系统,以前一直使用EasyUI,一切都好,但感觉有点土了,想换成现在流行的Bootstrap为基础的后台UI风格,想满足的条件应该达到如下几个: 1.美观.大方.简洁 2.兼容I ...

  8. 后台管理UI皮肤的选择

    后台管理UI的选择 目录 一.EasyUI 二.DWZ JUI 三.HUI 四.BUI 五.Ace Admin 六.Metronic 七.H+ UI 八.Admin LTE 九.INSPINIA 十. ...

  9. 帝国cms7.0忘记后台管理账户用户名密码

    最近刚登陆以前的网站,但是发现自己的后台管理用户名密码已经忘记,于是到帝国cms论坛里面找了一下解决方案,成功解决问题.特此分享一下解决成功经验. 原帖地址:http://bbs.phome.net/ ...

随机推荐

  1. 更换nginx默认端口以及配置文件位置

    前言 近段时间在准备毕业设计的前期准备,基本确定了前后端分离的架构,于是就需要用到了nginx. 在之前nginx是放在docker上,所以没有端口更改跟配置文件配置的烦恼.但是现在是直接放在服务器上 ...

  2. 修改maven包本地默认位置

    前言 这段时间上岸了,就有时间整理电脑的资料(强迫症重度患者),就向maven以及gradle的仓库位置动手了. 目的 改变maven的默认位置 步骤 修改maven的配置文件setting.xml( ...

  3. celery使用多队列

    生产者: 文件1: 定义任务 #!/usr/bin/env python3 # coding: utf-8 from celery import Celery import settings pw = ...

  4. AtCoder ABC 131F Must Be Rectangular!

    题目链接:https://atcoder.jp/contests/abc131/tasks/abc131_f 转自博客:https://blog.csdn.net/qq_37656398/articl ...

  5. 手机号码格式验证和 FASTDFS 工具类

    常见大陆和香港号码格式验证 import java.util.regex.Matcher; import java.util.regex.Pattern; import java.util.regex ...

  6. java中EL表达式怎么获取网站的根目录

    ${pageContext.request.contextPath} <a href="${pageContext.request.contextPath}/login.jsp&quo ...

  7. javascript的简洁的写法

    每种语言都有它特别的地方,对于JavaScript来说,使用var就可以声明任意类型的变量,这门脚本语言看起来很简单,然而想要写出优雅的代码却是需要不断积累经验的.本文利列举了JavaScript初学 ...

  8. JVM内存分为哪几部分?各个部分的作用是什么?

    JVM内存区域分为五个部分,分别是堆,方法区,虚拟机栈,本地方法栈,程序计数器. 堆. 堆是Java对象的存储区域,任何用new字段分配的Java对象实例和数组,都被分配在堆上,Java堆可使用-Xm ...

  9. python实现语音录入识别

    一.介绍 1.第一步录音存入本地 2.调用百度语音识别sdk 注意点:百度语音识别对声音源有要求,比特率必须是256kbps 二.代码 #安装必要库 pip install baidu-aip #百度 ...

  10. AutoCAD二次开发-使用ObjectARX向导创建应用程序(HelloWorld例子)

    AutoCAD2007+vs2005 首先自己去网上搜索下载AutoCAD2007的ARX开发包. 解压后如下 打开后如下 classmap文件夹为C++类和.net类的框架图,是一个DWG文件. d ...