程序目录
models.py
from django.db import models
# Create your models here.
class UserType(models.Model):
caption=models.CharField(max_length=32)
class UserGroup(models.Model):
name=models.CharField(max_length=32)
class UserInfo(models.Model):
username=models.CharField(max_length=32,verbose_name="用户名")
email=models.EmailField()
user_type=models.ForeignKey(to='UserType',to_field='id',on_delete=models.CASCADE)
u2g=models.ManyToManyField(UserGroup)
urls.py
"""s14_day24 URL Configuration
"""
from django.contrib import admin
from django.urls import path
from app01 import views
from django.conf.urls import url
urlpatterns = [
path('admin/', admin.site.urls),
path('index/', views.index),
path('user_list/', views.user_list),
url('^edit-(d+)/', views.user_edit),
url('^ajax/$', views.ajax),
url('^ajax_json/$', views.ajax_json),
url('^upload/$', views.upload),
url('^upload_file/$', views.upload_file),
url('^kind/$', views.kind),
url('^upload_img/$', views.upload_img),
url('^file_manager/$', views.file_manager),
]
views.py
from django.shortcuts import render,HttpResponse,redirect
from django import forms
from django.forms import fields as field
# Create your views here.
from app01 import models
from django.forms import widgets as fwidget
class UserInfoModelForm(forms.ModelForm):
is_rmb=field.CharField(widget=fwidget.CheckboxInput())
class Meta:
model=models.UserInfo #去哪个类获取字段
fields='__all__' #代指所有字段
# fields=['username'] #只获取uername列
# exclude=['username'] #排除username 别的都获取
labels={
'username':'用户',
'email':'邮箱',
}
help_texts={
'username':'帮助->输入用户名'
}
widgets={
'username':fwidget.Textarea(attrs={'class':'c1'})
}
error_messages={
'__all__':{
},
'email':{
'required':'邮箱不能为空',
'invalid':'邮箱格式错误'
}
}
field_classes={
# 'email':field.URLField
}
def clean_username(self):
old=self.cleaned_data['username']
return old
class UserInfoForm(forms.Form):
username=field.CharField(max_length=32)
email=field.EmailField()
user_type=field.ChoiceField(
choices=models.UserType.objects.values_list('id','caption')
)
def __init__(self,*args,**kwargs):#更新
super(UserInfoForm,self).__init__(*args,**kwargs)
self.fields['user_type'].choices=choices=models.UserType.objects.values_list('id','caption')
def index(request):
if request.method=="GET":
obj=UserInfoModelForm()
return render(request,'index.html',{'obj':obj})
elif request.method=="POST":
obj=UserInfoModelForm(request.POST)
if obj.is_valid():
# obj.save() #当前类和many_to_many都会保存
instance=obj.save(False)
instance.save() #只会保存当前的类，不会保存many_to_many
obj.save_m2m() #保存many_to_many
# print(obj.is_valid())
# print(obj.cleaned_data)
# print(obj.errors.as_json())
# models.UserInfo.objects.create(**obj.cleaned_data)
return render(request,'index.html',{'obj':obj})
def user_list(request):
li=models.UserInfo.objects.all().select_related('user_type') #关联外键 一对多
return render(request,'user_list.html',{'li':li})
def user_edit(request,nid):
# 获取当前id对象的用户信息
#显示用户已经存在的数据
if request.method=="GET":
user_obj=models.UserInfo.objects.filter(id=nid).first()
mf=UserInfoModelForm(instance=user_obj) #关联多对多
return render(request, 'user_edit.html',{'mf':mf,'nid':nid})
elif request.method=='POST':
user_obj = models.UserInfo.objects.filter(id=nid).first()
mf=UserInfoModelForm(request.POST,instance=user_obj) #request.POST 前台传递数据到后台 user_obj many_to_many都传进来 增加obj不加instance
if mf.is_valid():
mf.save()
else:
print(mf.errors.as_json())
return render(request, 'user_edit.html', {'mf': mf, 'nid': nid})
def ajax(request):
return render(request,'ajax.html')
def ajax_json(request):
print(request.POST)
ret={'status':True,'data':request.POST.get('username')}
import json
# return HttpResponse(json.dumps(ret),status=404,reason="Not Found")
return HttpResponse(json.dumps(ret))
def upload(request):
return render(request,'upload.html')
def upload_file(request):
username=request.POST.get('username')
fafafa=request.FILES.get('fafafa')
import os
img_path=os.path.join('static/image/',fafafa.name)
print(username,fafafa.name)
with open(img_path,'wb') as f:
for item in fafafa.chunks():
f.write(item)
ret = {'status': True, 'data': img_path}
import json
# return HttpResponse(json.dumps(ret),status=404,reason="Not Found")
return HttpResponse(json.dumps(ret))
def kind(request):
return render(request,'kind.html')
import json
def upload_img(request):
request.GET.get('dir')
#获取文件保存
dic = {
'error': 0,
'url': '/static/image/IMG_2236.JPG',
'message': '错误了...'
}
return HttpResponse(json.dumps(dic))
import os,time
def file_manager(request): #文件空间管理
"""
文件管理
:param request:
:return:
"""
dic = {}
root_path = 'D:/python_study/s14_day24/static'
static_root_path = '/static/'
request_path = request.GET.get('path')
if request_path:
abs_current_dir_path = os.path.join(root_path, request_path)
move_up_dir_path = os.path.dirname(request_path.rstrip('/'))
dic['moveup_dir_path'] = move_up_dir_path + '/' if move_up_dir_path else move_up_dir_path
else:
abs_current_dir_path = root_path
dic['moveup_dir_path'] = ''
dic['current_dir_path'] = request_path
dic['current_url'] = os.path.join(static_root_path, request_path)
file_list = []
for item in os.listdir(abs_current_dir_path):
abs_item_path = os.path.join(abs_current_dir_path, item)
a, exts = os.path.splitext(item)
is_dir = os.path.isdir(abs_item_path)
if is_dir:
temp = {
'is_dir': True,
'has_file': True,
'filesize': 0,
'dir_path': '',
'is_photo': False,
'filetype': '',
'filename': item,
'datetime': time.strftime('%Y-%m-%d %H:%M:%S', time.gmtime(os.path.getctime(abs_item_path)))
}
else:
temp = {
'is_dir': False,
'has_file': False,
'filesize': os.stat(abs_item_path).st_size,
'dir_path': '',
'is_photo': True if exts.lower() in ['.jpg', '.png', '.jpeg'] else False,
'filetype': exts.lower().strip('.'),
'filename': item,
'datetime': time.strftime('%Y-%m-%d %H:%M:%S', time.gmtime(os.path.getctime(abs_item_path)))
}
file_list.append(temp)
dic['file_list'] = file_list
return HttpResponse(json.dumps(dic))
index.py
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form action="/index/" method="post">
{% csrf_token %}
{{ obj.as_p }}
<input type="submit" value="提交">
</form>
</body>
</html>
user_list.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<ul>
{% for row in li %}
<li>{{ row.username }} - {{ row.user_type.caption }}-<a href="/edit-{{ row.id }}/">编辑</a></li>
{% endfor %}
</ul>
</body>
</html>
ajax.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
{# {% csrf_token %}#}
<input type="text">
<input type="button" value="Ajax1" onclick="Ajax1()">
<!--
<input type="text" id="url"><input type="button" value="发送iframe请求" onclick="iframeRequest();">
<iframe id="if1" src="http://www.baidu.com"></iframe>
-->
<form action="/ajax_json/" method="post" target="ifm1"> <!--target="ifm1" 让form标签与iframe标签建立关系 form通过iframe提交到后台-->
<iframe id="ifm1" name="ifm1" ></iframe>
<input type="text" name="username">
<input type="text" name="email">
<input type="submit" onclick="submitForm();" value="Form提交">
</form>
<script type="text/javascript" src="/static/jquery-1.12.4.js"></script>
<script>
function getXHR(){
var xhr = null;
if(XMLHttpRequest){
xhr = new XMLHttpRequest();
}else{
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
return xhr;
}
function Ajax1() {
var x_h_r=new getXHR(); //XMLHttpRequest兼容性操作
x_h_r.open('POST','/ajax_json/',true);
x_h_r.onreadystatechange=function () {
if (x_h_r.readyState==4){
//接收完毕
{# console.log(x_h_r.responseText);#}
var obj=JSON.parse(x_h_r.responseText);
console.log(obj);
{# console.log(x_h_r.status);#}
{# console.log(x_h_r.statusText);#}
}
};
x_h_r.setRequestHeader('k1','v1');//额外发送的请求头
x_h_r.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset-UTF-8'); //设置请求头 值才能发过去
x_h_r.send("name=root;pwd=123");
}
$.ajax({
success:function (arg,a1,a2) {
console.log(a2);//a2就是XMLHttpRequest对象
console.log(a2.readyState);
a2.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset-UTF-8');
console.log(a2.status);
console.log(a2.statusText);
}
});
/*
function iframeRequest() {
var url=$('#url').val();
$('#if1').attr('src',url);
}
*/
function submitForm() {
$('#ifm1').load(function () {
var text= $('#ifm1').contents().find('body').text();
var obj=JSON.parse(text);
})
}
</script>
</body>
</html>
user_edit.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form method="post" action="/edit-{{ nid }}/">
{% csrf_token %}
{{ mf.as_p }}
<input type="submit" value="提交">
</form>
</body>
</html>
upload.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.upload{
display:inline-block;padding: 10px;
background-color: blue;
position: absolute;
top:0;
bottom:0;
right:0;
left:0;
z-index: 9;
}
.file{
width: 100px;height: 50px;opacity: 0;
position: absolute;
top:0;
bottom:0;
right:0;
left:0;
z-index: 10;
}
.div_class{
position: relative;width: 100px;height: 50px;
}
</style>
</head>
<body>
<div class="div_class">
<input class="file" type="file" id="fafafa" name="afafa">
<a class="upload">上传</a>
</div>
<input type="button" value="提交XHR" onclick="xhrSubmit();">
<input type="button" value="提交jQuery" onclick="jqSubmit();">
<hr/>
<form id="f1" action="/upload_file/" method="post" enctype="multipart/form-data" target="ifm1" > <!--target="ifm1" 让form标签与iframe标签建立关系 form通过iframe提交到后台-->
<iframe id="ifm1" name="ifm1" style="display: none;"></iframe>
<input type="file" name="fafafa" onchange="changeUp();">
<input type="submit" onclick="iframeSubmit();" value="iframe提交">
</form>
<div id="preview"></div>
<script type="text/javascript" src="/static/jquery-1.12.4.js"></script>
<script>
function changeUp() {
$('#ifm1').load(function () {
var text= $('#ifm1').contents().find('body').text();
var obj=JSON.parse(text);
console.log(obj);
$('#preview').empty();
var imgtag=document.createElement('img');
imgtag.src="/" + obj.data;
$('#preview').append(imgtag);
});
$('#f1').submit();
}
function xhrSubmit(){
{# $('#fafafa')[0]#}
var file_obj= document.getElementById('fafafa').files[0];
var fd=new FormData();
fd.append('username','root');
fd.append('fafafa',file_obj);
var x_h_r=new XMLHttpRequest();
x_h_r.open('POST','/upload_file/',true);
x_h_r.onreadystatechange=function () {
if (x_h_r.readyState==4){
//接收完毕
{# console.log(x_h_r.responseText);#}
var obj=JSON.parse(x_h_r.responseText);
console.log(obj);
{# console.log(x_h_r.status);#}
{# console.log(x_h_r.statusText);#}
}
};
x_h_r.send(fd);
}
function jqSubmit() {
var file_obj= document.getElementById('fafafa').files[0];
var fd=new FormData();
fd.append('username','root');
fd.append('fafafa',file_obj);
$.ajax({
url:'/upload_file/',
type:'POST',
data:fd,
processData: false, // tell jQuery not to process the data
contentType: false, // tell jQuery not to set contentType
success:function (arg,a1,a2) {
console.log(arg);
console.log(a1);
console.log(a2);
}
})
}
function iframeSubmit() {
$('#ifm1').load(function () {
var text= $('#ifm1').contents().find('body').text();
var obj=JSON.parse(text);
console.log(obj);
$('#preview').empty();
var imgtag=document.createElement('img');
imgtag.src="/" + obj.data;
$('#preview').append(imgtag);
})
}
</script>
</body>
</html>
kind.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div style="width: 500px;margin: 0 auto;">
<textarea id="content_1"></textarea>
<script src="/static/jquery-1.12.4.js"></script>
<script src="/static/kindeditor-4.1.10/kindeditor-all.js"></script>
<script>
$(function () {
KindEditor.create('#content_1', {
width: '100%',
height: '300px',
minwidth: '80%',
minHeight: "260px",
{# items:["source",'fullscreen','preview', 'print', 'template', 'code', 'cut', 'copy', 'paste'],#}
noDisableItems: ["source", 'fullscreen', 'preview', 'print', 'template', 'code', 'cut', 'copy', 'paste'],
{# designMode:false,#}
wellFormatMode: false,
useContextmenu: false,
fileManagerJson:'/file_manager/',
uploadJson: '/upload_img/',
{# allowImageUpload:false#}
autoHeightMode: true,
allowFileManager: true,
extraFileUploadParams: {
csrfmiddlewaretoken:"{{ csrf_token }}"
},
filePostName:'fafafa'
});
})
</script>
</div>
</body>
</html>