django 王中王5之化妆品

setting:

STATIC_URL = '/static/'
STATICFILES_DIRS = [
os.path.join(BASE_DIR, 'static'),
]

UPLOAD_ROOT = os.path.join(BASE_DIR,'upload')

urls:

from django.contrib import admin
from django.urls import path
from web import views

urlpatterns = [
path('add_goods/', views.Add_goods.as_view()),
path('add_cate/', views.Add_cate.as_view()),
path('index/', views.index),
path('find/', views.find),
]

models:

from django.db import models

# Create your models here.

class Cate(models.Model):
id = models.AutoField(primary_key=True)
name = models.CharField(max_length=30,verbose_name='分类名')
class Meta():
db_table = 'cate'
def __str__(self):
return self.name

class Goods(models.Model):
id = models.AutoField(primary_key=True)
name = models.CharField(max_length=30, verbose_name='商品名')
img = models.CharField(max_length=255)
price = models.DecimalField(max_digits=5,decimal_places=2)
cate = models.ForeignKey(Cate,on_delete='CASCADE')

class Meta():
db_table = 'goods'
def __str__(self):
return self.name

views:

from django.shortcuts import render,HttpResponse,redirect
from django.views import View
from web import models
import os
from hell_five import settings
import json

# Create your views here.

def uploadfile(img):
f = open(os.path.join(settings.UPLOAD_ROOT, '', img.name), 'wb')
for chunk in img.chunks():
f.write(chunk)
# 关闭文件流
f.close()

class Add_cate(View):
def get(self,request):
return render(request,'add_cate.html')
def post(self,request):
name = request.POST.get('cate')
print(name)
print(1111)
if name:
new = models.Cate(name=name)
new.save()
return redirect('/index/')
else:
return HttpResponse('请正确输入')

class Add_goods(View):
def get(self,request):
cate = models.Cate.objects.all()
return render(request,'add_goods.html',locals())
def post(self,request):
c_id = request.POST.get('cat')
good = request.POST.get('good')
price = request.POST.get('price')
img = request.FILES.get('img')
uploadfile(img)
cat = request.POST.get('cat')
if all([good,price,img,cat,c_id]):
new = models.Goods(name=good,price=price,
img='/upload/'+img.name,
cate_id=c_id)
new.save()
return redirect('/index/')
else:
return HttpResponse('信息不完整')

def index(request):
mes ={}
if request.method =='GET':
cate = models.Cate.objects.all()
goods = models.Goods.objects.all()
if request.method == 'POST':
id = request.POST.get('id')
good = models.Goods.objects.filter(cate_id=id).all()
goodlist = []
for i in good:
dict={}
dict['id']=i.id
dict['name']=i.name
dict['img']=i.img
dict['price']=float(i.price)
dict['cate']=i.cate_id
goodlist.append(dict)
mes['goods'] = goodlist
mes['code'] = 200
return HttpResponse(json.dumps(mes))

return render(request,'index.html',locals())

def find(request):
if request.method == 'GET':
find = request.GET.get('find')
goods = models.Goods.objects.filter(name__contains=find).all()
return render(request, 'find.html',locals())

html:

add_cate:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form action="" method="post">
分类名: <input type="text" name="cate">
<button type="submit">添加</button>
</form>
<a href="/index/">回到主页</a>
</body>
</html>

add_goods:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form action="/add_goods/" method="post" enctype="multipart/form-data">
商品名: <input type="text" name="good"> <br>
商品价格: <input type="text" name="price"> <br>
商品图片: <input type="file" name="img"> <br>

所属分类: <select name="cat">
{% for i in cate %}
<option value="{{ i.id }}">{{ i.name }}</option>
{% endfor %}

</select> <br>
<button type="submit">添加</button>
</form>
<a href="/index/">回到主页</a>
</body>
</html>

asd:

'<td><img src="' + mes[i][img] + '"width="50px" height="50px">'

asdasdasdasdasdasdasdasd:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div style="width:100%;border-style:solid;border-width:1pt;border-color:black;">
<div style="width:55%;text-align:center;border-style:solid;border-width:1pt;border-color:black;display:inline;">商品信息</div>
<div style="width:15%;text-align:center;border-style:solid;border-width:1pt;border-color:black;display:inline;">单价</div>
<div style="width:15%;text-align:center;border-style:solid;border-width:1pt;border-color:black;display:inline;">数量</div>
<div style="width:15%;text-align:center;border-style:solid;border-width:1pt;border-color:black;display:inline;">金额</div>
</div>
</body>
</html>

catelist:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>分类展示</title>
<script type="text/javascript" src="/static/js/jquery-1.12.4.min.js"></script>
</head>
<body>
{% for i in cate %}
<button onclick="showgoods({{ i.id }})">{{ i.name }}</button>
{% endfor %}

</body>

function showgoods(id) {

$.ajax({
url:'/catelist/',
type:'post',
dataType:'json',
data:{'cid':id},
success:function (res) {
if(res.code==200){
var mes = res.goods
var len = mes.length
var html = '<table border="1">'
html += '<tr><td>名称</td><td>价格</td><td>尺寸</td><td>处理器</td><td>图片</td></tr>'
for(var i=0;i<len;i++){
html+='<tr><td>'+mes[i]['title']
+'</td><td>'+mes[i]['price']
+'</td><td>'+mes[i]['size']
+'</td><td>'+mes[i]['cpu']
+'</td><td><img src="'
+mes[i]["img"]+'"></td></tr>'
}
$('.aaaaa').html(html)
}
}

})
}

</script>

</html>

find:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<table border="1">
<tr>
<td>商品名</td>
<td>商品价格</td>
<td>商品图片</td>
</tr>
{% for g in goods %}
<tr>
<td>{{ g.name }}</td>
<td>{{ g.price }}</td>
<td><img src="{{ g.img }}" height="60px" width="60px"></td>
<td><a href="">立即购买</a></td>
</tr>
{% endfor %}
</table>
<a href="/index/">返回主页</a>
</body>
</html>

index:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="/static/jquery-1.12.4.min.js"></script>
</head>
<body>
<table border="1">
<tr>
<td><a href="/index/">全部分类</a></td>
{% for i in cate %}
<td>
<a href="javascript:change({{ i.id }})">{{ i.name }}</a></td>

{% endfor %}
</tr>

</table>
<div id="id">
<tr>
<td>商品名</td>
<td>商品价格</td>
<td>商品图片</td>
</tr>
<table border="1">
{% for g in goods %}
<tr>
<td>{{ g.name }}</td>
<td>{{ g.price }}</td>
<td><img src="{{ g.img }}" height="60px" width="60px"></td>
<td><a href="">立即购买</a></td>

</tr>
{% endfor %}
<tr>
<td>
<form action="/find/">
<input type="text" name="find">
<button type="submit">查找</button>
</form>
</td>
</tr>
</table>
</div>
</body>
<a href="/add_goods/">添加商品</a>
<a href="/add_cate/">添加分类</a>
<script>
function change(id) {
$.ajax({
url:'/index/',
type:'post',
dataType:'json',
data:{'id':id},
success:function (res) {
if(res.code == 200){
var mes = res.goods
var len = mes.length
var html = '<table border="1">'
html += '<tr><td>商品名称</td><td>商品价格</td><td>图片</td></tr>'
for(var i=0;i<len;i++){
html+='<tr><td>'+mes[i]['name']
+'</td><td>'+mes[i]['price']
+'</td><td><img src="'
+mes[i]["img"]+
'" width="60px" height="60px"></td><td><a href="">立即购买</a></td></tr>'
}
$('#id').html(html)
}
}
})
}
</script>
</html>

django 王中王5之化妆品

猜你喜欢