day20 project+查看新闻列表 + 点赞 + 图片验证码 + 评论和多级评论 + 后台管理 + webSocket + kindEditor

Day20
回顾:
1. 请求生命周期

2. 中间件
  md = [
    "file_path.classname"
  ]
  process_request【可有可无】 process_response【必须有】
  process_request process_response
  process_request process_response
  process_request process_response
  process_request process_response

路由->函数
3. 路由系统
  a. /index/ -> func
  b. /index/(\d+) -> func()
  c. /prev/ -> include(‘xxx.urls‘)
  d. /detail/ -> func n1
  {% url n1 %}
  reverse(‘n1‘)
4. 视图函数
  a. FBV
    def index(request):
    request.POST
    request.GET
    request.method
    request.FILES
    request.body
    request.COOKIE
    request.session
    request.path_info
    request...

    return render
    return redirect
    return HttpResponse

b. CBV
  class Foo(view):
    def dispatch
      pass

     def get

      ...
5. 模板引擎渲染
  a. Django后台完成渲染所有工作
  b. 字典,元组,列表: .
  c. simple_tag

6. 数据库操作
  pymysql
    - 自己写SQL语句
  ORM
    - 类和对象完成数据库所有操作

    - 创建类
      - 单表
      - 一对一
      - 一对多
      - 多对多
      - 操作:
      ...

7. 分页

8. Ajax提交
  $.ajax({
    url:
    type:
    data:
    dataType:
    headers:
    success:function(arg){

    }

  })

9. Django Form组件
  class:
    字典 = ()

  obj = Foo(reqest.GET)
  obj.is_valid()

10. 序列化

11. 其他:
  csrf
  缓存
  信号

今日内容:
1. project

  填充数据(admin):
    admin.py
      from repository import models

      admin.site.register(models.UserInfo)
      admin.site.register(models.Comment)
      admin.site.register(models.Favor)
      admin.site.register(models.News)
      admin.site.register(models.NewsType)
  创建用户
    python manage.py createsuperuser
    root
    root!23456

   浏览器:
    http://127.0.0.1:8000/admin

  admin中显示:
    class News(models.Model):
    nid = models.AutoField(primary_key=True)
    user_info = models.ForeignKey(‘UserInfo‘)
    class Meta:
    verbose_name_plural = ‘新闻‘ # 表名称

    def __str__(self):
      return self.title # 行显示内容
  验证码:
    1. pip3 install Pillow
    2. check_code.py 和 Monaco.ttf【项目跟目录】
    3. <img src=‘/xxxxxx/‘>
    4.
    def xxxxx(request):
      img_obj, code = ac.create_validate_code()
      stream = BytesIO()
      img_obj.save(stream,‘png‘)
      request.session[‘check_code‘] = code
      return HttpResponse(stream.getvalue())

  2. 查看新闻列表
  3. 点赞
    后端:

    前端:
      position: relative; absolute;

      function ZMM(ths,txt) {
      var fontSize = 5;
      var left = 5;
      var top = 5;
      var opacity = 1;

      var tag = document.createElement(‘span‘);
      tag.innerHTML = txt;
      tag.style.position = "absolute";
      tag.style.fontSize = fontSize + ‘px‘;
      tag.style.left = left+ ‘px‘;
      tag.style.top = top+ ‘px‘;
      tag.style.opacity = opacity;
      $(ths).append(tag);

      var obj = setInterval(function () {
        fontSize = fontSize + 5;
        left = left + 5;
        top = top - 5;
        opacity = opacity - 0.1;
        tag.style.fontSize = fontSize + ‘px‘;
        tag.style.left = left+ ‘px‘;
        tag.style.top = top+ ‘px‘;
        tag.style.opacity = opacity;
        if(left > 60){
          clearInterval(obj);
          tag.remove();
        }
    },100);
    }

  4. 图片验证码
  5. 评论和多级评论(**********)
    a. 结构化数据
    b. 递归生成HTML

  7. 后台管理
    - 简单菜单(适用于固定个数菜单)
    - 动态菜单
    当前URL: /backend/host/

    a. 结构化数据
    b. 递归生成HTML

  6. WebSocket
    http://www.cnblogs.com/wupeiqi/p/6558766.html

  8. KindEditor[插件] ---- 欠
    - 高度宽度
    - item
    -
      uploadJson: ‘/kind/upload_img/‘,
      extraFileUploadParams: {
      ‘csrfmiddlewaretoken‘: ‘{{ csrf_token }}‘
    },
    filePostName:‘fafafa‘

    def upload_img(request):
    """
     文件上传
    :param request:
    :return:
     """
    obj = request.FILES.get(‘fafafa‘)

    dic = {
    ‘error‘: 0,
    ‘url‘: ‘/static/imgs/20130809170025.png‘,
    ‘message‘: ‘错误了...‘
    }

    return HttpResponse(json.dumps(dic))

作业:整理今天

下周内容:
1. Alex,
   协同开发GitHub
   celery
   等

时间: 2024-12-22 13:13:02

day20 project+查看新闻列表 + 点赞 + 图片验证码 + 评论和多级评论 + 后台管理 + webSocket + kindEditor的相关文章

Asp.net新闻列表生成静态页批量生成和单页生成

其实生成静态页的目的就是为了提高用户的体验度,访问速度快,这是最直接的目的.... 前期准备,需要新建一个文件夹..前台展示:/new/default.aspx  这个页面放的就是动态的新闻列表数据. 先看截图.. 上代码 这里要说明一下,我用的AspNetPager分页控件,需要设置一下 <webdiyer:AspNetPager ID="AspNetPager1" runat="server" FirstPageText="首页" La

两个GridView之间数据转移,交互,实现拖拽,网易新闻列表效果实现

两个GridView之间数据转移,交互,实现拖拽,网易新闻列表效果实现 摘要 :android 高仿频道管理网易新闻. 新闻频道增删,排序,以及一些动画的实现 可拖动的GridView 地址  :  http://www.itnose.net/detail/6035345.html

jeecms网站中的新闻列表前边的图片是可以修改的

1.对于有要求的栏目,比如网站首页的悬浮对联,按照要求,在首页有四个位置,并且可以选择是否展示.管理员自己添加信息.这种情况下就需要建立一个新的模型. 2.建立的模型id是6,按照需要设置了栏目模型和内容模型.然后添加对应该模型的栏目.然后对添加的栏目,添加信息. 3.添加的信息展示出来的新闻列表图标和其他新闻不一致: 4.找到这个list页面 发现对应模型id,分别对应不同的图片. 5.解决方法,可以修改数字 9,或者可以之前找到对应的图片,然后用自己需要的来替换. 缺点就是模型id不易变动,

字符型图片验证码识别完整过程及Python实现

1   摘要 验证码是目前互联网上非常常见也是非常重要的一个事物,充当着很多系统的 防火墙 功能,但是随时OCR技术的发展,验证码暴露出来的安全问题也越来越严峻.本文介绍了一套字符验证码识别的完整流程,对于验证码安全和OCR识别技术都有一定的借鉴意义. 2   关键词 关键词:安全,字符图片,验证码识别,OCR,Python,SVM,PIL 3   免责声明 本文研究所用素材来自于某旧Web框架的网站 完全对外公开 的公共图片资源. 本文只做了该网站对外公开的公共图片资源进行了爬取, 并未越权 

随机图片验证码的生成

Python生成随机验证码,需要使用PIL模块. 安装: 1 pip3 install pillow 基本使用 1. 创建图片 1 2 3 4 5 6 7 8 9 from PIL import Image img = Image.new(mode='RGB', size=(120, 30), color=(255, 255, 255))   # 在图片查看器中打开 # img.show()   # 保存在本地 with open('code.png','wb') as f:     img.s

怎样用Java自制优秀的图片验证码?这样!

Completely Automated Public Turing test to tell Computers and Humans Apart 全自动区分计算机和人类的图灵测试 简称CAPTCHA,这就是验证码的含义.它可以防止恶意破解密码.刷票.论坛灌水,有效防止某个黑客对某一个特定注册用户用特定程序暴力破解方式进行不断的登陆尝试等. 虽然网上有一些很不错的验证码开源插件如kaptcha等,但是如果自己能够熟悉原理并且自己动手写,那岂不是一件很酷的事情么?今天给大家分享的这个教程是基于J

django图片验证码和滑动验证

1. django-simple-captcha 模块 安装 django-simple-captcha pip install django-simple-captcha pip install Pillow 注册 和注册 app 一样,captcha 也需要注册到 settings 中.同时它也会创建自己的数据表,因此还需要数据同步. # settings.py INSTALLED_APPS = [ ... 'captcha', ] # 执行命令进行数据迁徙,会发现数据库中多了一个 capt

HTML5第7次课堂笔记(图片验证码的应用,xmlhttprequest对象的使用,跨域)

HTML5第7次课堂笔记 1.  图片验证码的应用:(1)服务端Content-type的控制:(2)客户端防止缓存(仅对GET) 服务器端使用的是jsp 点击图片,实现刷新验证码 有时拿不到服务器的数据  没有请求出去  浏览器的问题,请求缓存起来 对同一个地址不断请求,会缓存起来,一定是get请求 可以看到每次请求地址都不一样,这样就避免了缓存 总结:通过fiddler查看http的请求和响应可以看出很多有用的信息,对排查错误,查看数据很有帮助 2.  xmlhttprequest对象的使用

PHP编写的图片验证码类文件分享方法

适用于自定义的验证码类! <?php /* * To change this license header, choose License Headers in Project Properties.* To change this template file, choose Tools | Templates* and open the template in the editor.*/Class Image{ private $img;public $width = 85;public $h