BBS项目补充知识

1. 开放 media 文件路径

  1. # 以用户注册页面为例
  2. 	用户头像文件我们默认时保存在 根路径下的static下的img文件夹
  3. 	但也可以单独放置在指定路径下
  5. # 根路径下创建 media文件夹
  7. # 在配置文件中配置指定要单独存放的路径：
  8. # 配置图片要上传的路径
  9. '''你配置这个路径之后，以后上传文件的时候，就可以分别指定上传的路径'''
  10. MEDIA_ROOT = os.path.join(BASE_DIR, 'media')  # media不是固定的，想叫什么叫什么
  12. # 找到注册功能 将获取用户头像数据改为：
  13. # 1.注册功能
  14.         img = request.FILES.get('img')  # 获取图片文件用FILES 不能用POST

2. 后台展示文章功能实现

  1. # 新创建 app02：
  2. 	manage.py@BBS > startapp app02
  4. # 在app02下 views.py写后台功能：
  5. from django.shortcuts import render
  7. # Create your views here.
  9. from app01 import models
  11. # 展示文章
  12. def article_list(request):
  14.     article_list = models.Article.objects.all()
  15.     return render(request, 'backend/article_list.html', locals())
  17. # 复制总路由文件到app02中：
  18. # 总路由添加(注意不要放在最下面)：
  19.     # 路由分发
  20.     url(r'^app02/', include('app02.urls')),
  22. # app02路由添加：
  23. from django.conf.urls import url
  25. from app02 import views
  27. urlpatterns = [
  29.     # 展示文章
  30.     url(r'^article_list/', views.article_list),
  32. ]
  34. # 新建后台页面文件 article_list.html:
  35. <!DOCTYPE html>
  36. <html lang="en">
  37. <head>
  38.     <meta charset="UTF-8">
  39.     <title>Title</title>
  40.     <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  41.     <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
  42.     <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
  43. </head>
  44. <body>
  46. <div class="container-fluid">
  47.     <div class="row">
  48.         <h1 class="text-center">文章展示</h1>
  49.         <div class="col-md-8 col-md-offset-2">
  50.             <a href="" class="btn btn-success" style="margin-bottom: 16px;">添加文章</a>
  51.             <table class="table-striped table table-hover">
  53.                 <tbody>
  54.                 <tr>
  55.                     <td>标题</td>
  56.                     <td>分类</td>
  57.                     <td>点赞数</td>
  58.                     <td>点踩数</td>
  59.                     <td>评论数</td>
  60.                     <td>添加时间</td>
  61.                     <td>操作</td>
  62.                 </tr>
  63.                 </tbody>
  65.                 <tbody>
  66.                 {% for article in article_list %}
  67.                     <tr>
  68.                         <td><a target="_blank" href="/{{ article.blog.userinfo.username }}/{{ article.pk }}">{{ article.title }}</a></td>
  69.                         <td>{{ article.category }}</td>
  70.                         <td>{{ article.up_num }}</td>
  71.                         <td>{{ article.down_num }}</td>
  72.                         <td>{{ article.comment_num }}</td>
  73.                         <td>{{ article.create_time|date:'Y-m-d H:i' }}</td>
  75.                         <td>
  76.                             <a href="" class="btn btn-success">修改</a>
  77.                             <a href="" class="btn btn-danger">删除</a>
  78.                         </td>
  79.                     </tr>
  80.                 {% endfor %}
  81.                 </tbody>
  83.             </table>
  84.         </div>
  85.     </div>
  86. </div>
  88. </body>
  89. </html>

3. 文章展示页的添加文章功能实现

  1. # 百度下载 kindeditor文章编辑器
  2. 	http://kindeditor.net/down.php
  3. 	参考文档使用
  5. # 在app02下 views.py 添加后台功能：
  6. def add_article(request):
  7.     return render(request, 'backend/add_article.html')
  9. # app02路由添加：
  10.     # 添加文章
  11.     url(r'^add/article/', views.add_article),
  13. # 在 article_list.html文件中 找到添加文章功能 a标签 并修改：
  14. <a href="/app02/add/article/" target="_blank" class="btn btn-success" style="margin-bottom: 16px;">添加文章</a>
  16. # 新建后台页面文件 add_article.html:
  17. <!DOCTYPE html>
  18. <html lang="en">
  19. <head>
  20.     <meta charset="UTF-8">
  21.     <title>Title</title>
  22.     <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  23.     <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
  24.     <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
  25. </head>
  26. <body>
  28.     <div class="container-fluid">
  29.         <div class="row">
  30.             <h1 class="text-center">添加文章</h1>
  31.             <div class="col-md-8 col-md-offset-2">
  33.             <form action="">
  35.                 <div class="form-group">
  36.                     <label for="title">文章标题</label>
  37.                     <input type="text" id="title" name="title" class="form-control">
  38.                 </div>
  40.                 <div class="form-group">
  41.                     <label for="title">文章内容</label>
  42.                     <textarea id="editor_id" name="content" style="width:500px;height:600px;"></textarea>
  44.                 </div>
  46.                 <div class="form-group">
  47.                     <label for="title">文章分类</label>
  48.                     <select name="" id="">
  49.                         <option value="">分类1</option>
  50.                         <option value="">分类2</option>
  51.                         <option value="">分类3</option>
  52.                     </select>
  53.                 </div>
  55.                 <div class="form-group">
  56.                     <label for="title">文章标签</label>
  57.                     <input type="checkbox" name="tags">标签1
  58.                     <input type="checkbox" name="tags">标签2
  59.                     <input type="checkbox" name="tags">标签3
  60.                 </div>
  62.                 <input type="submit" class="btn btn-success" value="提交">
  64. <script charset="utf-8" src="/static/kindeditor/kindeditor-all-min.js"></script>
  65. <script charset="utf-8" src="/static/kindeditor/lang/zh-CN.js"></script>
  66. <link rel="stylesheet" href="/static/kindeditor/themes/simple/simple.css" />
  68. <script>
  69.     KindEditor.ready(function (K) {
  70.         window.editor = K.create('#editor_id', {
  71.             width: '100%',
  72.             height: '300px',
  73.             items: [
  74.                 'source', '|', 'undo', 'redo', '|', 'preview', 'print', 'template', 'code', 'cut', 'copy', 'paste',
  75.                 'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifyright',
  76.                 'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
  77.                 'superscript', 'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', '/',
  78.                 'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',
  79.                 'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'image', 'multiimage',
  80.                 'flash', 'media', 'insertfile', 'table', 'hr', 'emoticons', 'baidumap', 'pagebreak',
  81.                 'anchor', 'link', 'unlink', '|', 'about'
  82.             ],
  83.             resizeType:0,
  84.             themeType : 'simple'
  85.         });
  86.     });
  87. </script>
  89. </body>
  90. </html>

BBS项目补充知识(后台文章展示功能)的更多相关文章

  1. BBS项目分布搭建五(评论相关功能实现)

    BBS项目分布搭建五(评论相关) 1. 根评论逻辑实现 # 在models.py文件中 修改: # 7. 评论表 parent = models.ForeignKey(to='self', null= ...

  2. bbs项目实现点赞和评论的功能

    一.点赞功能 思路是这样的: 1.对点赞和踩都设置一个相同的class,然后对这个class绑定点击事件 2.点击触发ajax请求,我们对赞的标签设置了一个class属性,对踩的标签没有设置这个cla ...

  3. Django 项目补充知识（JSONP,前端瀑布流布局，组合搜索，多级评论）

    一.JSONP 1浏览器同源策略 通过Ajax,如果在当前域名去访问其他域名时,浏览器会出现同源策略,从而阻止请求的返回 由于浏览器存在同源策略机制,同源策略阻止从一个源加载的文档或脚本获取或设置另一 ...

  4. BBS项目分布搭建二(个人站点相关)

    BBS项目分布搭建二 1. 首页详情补充 # 在home.html文件中 body标签内补充: <div class="container-fluid"> <di ...

  5. 织梦dedecms后台文章搜索关键字，关键字包含文章内容的代码修改

    1.织梦dedecms后台文章搜索功能在哪里找?织梦dedecms后台-->核心-->常用操作-->所有档案列表(或)织梦dedecms后台-->核心-->内容管理--& ...

  6. BBS项目分布搭建三(个人站点时间归档补充，实现侧边栏跳转、无线级分类、实现文章详情页展示功能)

    BBS项目分布搭建三(个人站点时间归档补充,) 1. 个人站点时间归档 """ settings.py设置最好更改以下: LANGUAGE_CODE = 'zh-hans ...

  7. 031医疗项目-模块三：药品供应商目录模块——供货商药品目录查询功能----------sql补充知识

    这个补充知识有一个点很有必要,视屏上的老师提出一点: 内链接关联查询: 如果表A和表B有一个外键关联 ,可以通过外键进行内链接查询 select dictinfo.*, dicttype.typena ...

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

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

  9. 一步一步手写GIS开源项目-（1）500行代码实现基础GIS展示功能

    1.开篇 大学毕业工作已经两年了,上学那会就很想研读一份开源GIS的源码,苦于自己知识和理解有限,而市面上也没有什么由浅入深讲解开源gis原理的书籍,大多都是开源项目简介以及项目的简单应用.对于初级程 ...

随机推荐

  1. jdk1.5新特性之------->可变参数

    /* jdk1.5新特性之------->可变参数 需求: 定义一个函数做加法功能(函数做几个数据 的加法功能是不确定). 可变参数的格式: 数据类型... 变量名 可变参数要 注意的细节: 1 ...

  2. Python—列表元组和字典

    Python-列表元组和字典 列表 元组 字典 列表: 列表是Python中的一种数据结构,他可以存储不同类型的数据.尽量存储同一种类型 列表索引是从0开始的,我们可以通过索引来访问列表的值. 列表的 ...

  3. Typora如何上传图片到gitee

    Typora是一款非常好用的Markdown文本编辑器,深受广大程序员的青睐,那么在使用过程中,当我们插入图片的时候,其实是默认放在一个相对路径文件夹下的,这就导致,一旦我们移动文件,或者发送给别人, ...

  4. 《PHP程序员面试笔试宝典》——如何巧妙地回答面试官的问题？

    如何巧妙地回答面试官的问题? 本文摘自<PHP程序员面试笔试宝典> 所谓"来者不善,善者不来",程序员面试中,求职者不可避免地需要回答面试官各种"刁钻&quo ...

  5. 5.Flink实时项目之业务数据准备

    1. 流程介绍 在上一篇文章中,我们已经把客户端的页面日志,启动日志,曝光日志分别发送到kafka对应的主题中.在本文中,我们将把业务数据也发送到对应的kafka主题中. 通过maxwell采集业务数 ...

  6. INTERSPEECH 2014 | 1-Bit Stochastic Gradient Descent and its Application to Data-Parallel Distributed Training of Speech DNNs

    这篇文章之前也读过,不过读的不太仔细,论文中的一些细节并没有注意到.最近为了写开题报告,又把这篇论文细读了一遍.据笔者了解,这篇论文应该是梯度量化领域的开山之作,首次使用了梯度量化技术来降低分布式神经 ...

  7. 【摸鱼神器】基于SSM风格的Java源代码生成器 单表生成 一对一、一对多、多对多连接查询生成

    一.序言 UCode Cms 是一款Maven版的Java源代码生成器,是快速构建项目的利器.代码生成器模块属于可拆卸模块,即按需引入.代码生成器生成SSM(Spring.SpringBoot.Myb ...

  8. Centos7.+系统，二进制包脚本安装Mysql

    #!/bin/bash #配置数据库要安装的目录,可以根据自己的安装路径修改PATHDIRPATHDIR="/project"BASEDIR="$PATHDIR/mysq ...

  9. 防世界之Web_ics-06

    题目: 进入实验环境,发现其他页面啥都没有,题目描述说报表中心数据被删,打开报表中心看看 进入数据中发现url上有?id=1的字样就要注意,敏感起来.id是数值,可以尝试爆破一下. 打开burpsui ...

  10. PON/产线测试解决方案

    第一章 方案背景与概述1.1 方案背景随着网络的高速发展与网络速率的不断提升,用户对网络产品的可靠性要求也越来 越高.网络产品的故障符合"浴盆曲线"规律,生产过程中的严格测试能够及 ...