ajax
需要动态生成,请求json数据
例:
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script src="{% static 'app1/js/app1.js' %}" type="text/javascript" ></script>
</head>
<body>
<h1>学生信息列表</h1>
<button id="btn">显示学生信息</button>
</body>
</html>
$(document).ready(function(){
$('#btn').click(function(){
$.ajax({
type:"get",
url:"/studentsinfo/",
dataType:"json",
success:function (data,status){
console.log(data)
var d=data["data"]
for(var i=0;i<d.length;i++)
{
document.write('<p>'+d[i]+'</p>')
}
}
})
})
})
def studentsinfo(request):
stus=grades.objects.all()
list=[]
for stu in stus:
list.append(stu.gname)
return JsonResponse({"data":list})
效果:从js文件请求到url,调用url视图,从数据库中提取相应数据,返回data数组。在从js中提取打印在页面上
富文本
先安装库:pip install django-tinymce
在站点中使用
配置settings文件:
在INSTALLED_APPS = [中添加:
'tinymce',
在最下面添加:
#富文本
TINYMCE_DEFAULT_CONFIG={
"theme":"advanced",
"width":600,
"height":400,
}
创建模型类
from tinymce.models import HTMLField
class Text(models.Model):
str=HTMLField()
配置站点(admin)
admin.site.register(Text)
使用
在django后台中使用add,就可以调用富文本编辑器。例如添加一个
xob is a handsome boy
在自定义视图中使用
例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>富文本</title>
<script src="/static/tiny_mce/tiny_mce.js" type="text/javascript"></script>
<script type="text/javascript">
tinyMCE.init({
'mode':'textareas',
'theme':'advanced',
'width':600,
'height':400,
})
</script>
</head>
<body>
<form >
<textarea name="str"> </textarea>
<input type="submit" value="提交">
</form>
</body>
</html>