前端

1. js的循环each

前端需要循环,可以借助each这个方法

var dic = {'key1':'value1','key2':'value2'};
var lis = ['','',''];
//each(变量, 方法)
$.each(lis, function (index, obj) {
console.log(index, obj)
})
// 如果传入的变量是对象object(字典),那么方法中的index,和value分别是key和value
//key1 value1
//key2 value2
//如果传入的变量是数组array(列表) , 那么方法中的index和value分别是索引和对应的值
// 0 '1'
// 1 '3'
// 2 '2'

2. 快速获得form标签下的普通输入标签的内容  serializeArray

// serializeArray 方法可查看出form表单下面普通输入框的标签的内容,选择提交标签不行
res = $('#id_form').serializeArray();
console.log(res)

获得的标签内容,分别是name和value的值

3. img标签中src可输入的三种方式

  a. 可以直接输入绝对路径

  b. 可以输入url

  c. 可以输入图片的二进制文件  (FileRead)

下面为前端input获得图片文件对象然后渲染到其他img标签上的步骤

// 首先,对于一个input标签, 我们想要获得他的文件,首先需要拿到他的js对象
// 然后,.file拿出文件数组,索引0取出文件对象
var file_obj = $('input')[].file[];
// 生成文件阅读器
var fileReader = new FileReader();
// 把文件对象放到文件阅读器中 readAsDataURL
fileReader.readAsDataURL(file_obj);
// 拿出结果
res = fileReader.result
//res 放到img标签的src属性中,就可以渲染出图片了

django

1. 上传访问静态文件meida配置

在settings中

# 在settings中配置用户默认上传的文件夹
# 规定用户上传的静态资源同意放到media文件夹下
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')

在urls中

# 首先需要导入serve 和 settings.py
from django.views.static import serve
from testbbs import settings
# urls编辑时 # 向用户开放静态资源的文件夹, 固定写法, 可以公开任意文件夹
url(r'^media/(?P<path>.*)/',serve, {'document_root':settings.MEDIA_ROOT}),
# 如果把MEDIA_ROOT改成app01的话,那么app01就会向用户公开,千万不能公开源代码
# url(r'^app01/(?P<path>.*)/',serve, {'document_root':settings.MEDIA_ROOT}),

2. inclusion_tag

如果有一些html小组件,需要渲染之后再返回,可以使用inclusion_tag

1. 首先再app文件夹下创建templatetags文件夹

2. 然后在文件夹中随意创建py文件

3. py文件中需要写出指向组件html的函数

from django.template import Library

# 导入Library 实例化出固定的register
register = Library() # inclusion_tag中指定组件html
@register.inclusion_tag('base.html')
def func(parameter): # 把组件中需要的参数返给他,locals 或者 大字典 都行
return locals()

4. 在需要的地方加载inclusion_tag并传参,就能获得组件html代码

//load 加载我们自定义的py文件
{% load mytemplate %}
//使用inclusion_tag
//直接函数名 参数1 参数2
{% func 参数 %}

最新文章

  1. Position属性四个值:static、fixed、relative、absolute的区别和用法
  2. css3新属性object-fit,对页面img处理
  3. Android Tab -- 使用Fragment、FragmentManager来实现
  4. VS2013添加解决方案内项目的引用,编译时提示找不到文件
  5. 《TCP/IP详解 卷一》读书笔记-----UDP&amp;IP 分片
  6. HTML5 实现橡皮擦的擦除效果
  7. jQuery使用之(二)设置元素的样式
  8. encodeURIComponent编码后java后台的解码 (AJAX中文解决方案)
  9. [剑指OFFER] 数组中的逆序对
  10. iOS开发——网络编程Swift篇&amp;(五)同步Post方式
  11. 炼狱—Bug集中营
  12. 修改Tomcat 6 默认的ROOT
  13. gcc 优化选项 -O1 -O2 -O3 -Os 优先级,-fomit-frame-pointer
  14. 在企业和应用市场发布Office Add-in
  15. 销售订单-修改量-高级定价关联sql
  16. day03 文件操作
  17. EasyPR源码剖析(3):车牌定位之颜色定位
  18. java得到日期相减的天数
  19. [JSOI2008]球形空间产生器 (高斯消元)
  20. 【java】进制转换

热门文章

  1. c# 通过json.net中的JsonConverter进行自定义序列化与反序列化
  2. ingress nginx https配置
  3. remaining connection slots are reserved for non-replication superuser connections
  4. openresty开发系列30--openresty中使用全局缓存
  5. 泡泡一分钟:Tightly-Coupled Aided Inertial Navigation with Point and Plane Features
  6. 运行okvis-mono
  7. Hadoop记录-Apache hadoop+spark集群部署
  8. HUSTOJ搭建后为了方便作为Judger调用进行的一些修改操作
  9. mysql查询之上升的温度,有趣的电影,超过5名学生的课,大国,反转性别, 换座位
  10. 10分钟弄懂Raft算法