6.后台管理,添加,删除,修改和查询

后台管理我用的是adminlte,也可以用其它后台模板,后台最好在创建一个app,分页adminlte已经写好了,搜索也写好了,好用的一批,

前台的怎么用自行百度, adminlte有官方文档,3.0版本好像没有中文文档,去看英文

增删改查全部举商品的例子

1.增加商品

实现流程:

超管来到后台页面可以对商品信息,用户信息和订单信息进行增删改查。以商品管理为例,点击添加商品,弹出窗口可以填写具体商品信息,点击立刻添加即可添加商品信息。

图4-28管理员添加商品图.png

具体实现思路:

点击添加商品按钮,调用openIframe函数,该函数的具体功能是打开一个窗口,在窗口里加载一个网页,添加商品功能首先是图片的处理,选择图片显示在页面部分显示,再用uuid函数处理成名字不重复的图片,存到media文件夹下,判断关键字段不为空后存到数据库。上传成功该页面存在两秒关闭,并且刷新商品管理页面。

打开窗口函数核心代码:

function openIframe(title, url, h, w) {
    if (title == null || title == '') {
        title = false;
    }
    if (url == null || url == '') {
        url = "404.html";
    }
    if (w == null || w == '') {
        w = ($(window).width() * 0.9);
    }
    if (h == null || h == '') {
        h = ($(window).height() - 50);
    }
    layer.open({
        type: 2,
        area: [w + 'px', h + 'px'],
        fix: false, //不固定
        maxmin: true,
        shadeClose: true,
        shade: 0.4,
        title: title,
        content: url
    });
}

管理员添加商品核心代码:

@csrf_exempt
def manage_issue(request):
    flag = 0
    if request.method == "POST":
        goods_name = request.POST.get("goods_name")
        goods_detal = request.POST.get("goods_detal")
        goods_price = request.POST.get("goods_price")
        categorys = request.POST.get("categorys")
        transactionMode = request.POST.get("transactionMode")
        address = request.POST.get("address")
        pho_num = request.POST.get("pho_num")
        qq_num = request.POST.get("qq_num")
        wechat_num = request.POST.get("wechat_num")
        file_img = request.FILES.get('file_img')
        file_chunks = file_img.chunks()
        # /images/qwyuqguweuq.jpg
        file_name = os.path.join("images", do_file_name(file_img.name)).replace('\\', '/')
        # 完整的路径
        file_path = os.path.join(settings.MEDIA_ROOT, file_name).replace('\\', '/')
        with open(file_path, "wb")as file:
            for chunk in file_chunks:
                file.write(chunk)
        new_issue = Goods()
        new_issue.name = goods_name
        new_issue.detal = goods_detal
        new_issue.price = goods_price
        new_issue.master_pho = pho_num
        new_issue.master_qqnum = qq_num
        new_issue.master_wechatnum = wechat_num
        new_issue.trading = transactionMode
        userid = 1
        new_issue.user = User.objects.get(id=userid)
        sort = Sort.objects.get(id=categorys)
        print(sort.__dict__)
        new_issue.sort = sort
        new_issue.img = file_name
        try:
            new_issue.save()
            flag = 1
        except Exception as e:
            print(e)
    return HttpResponse(flag)

3.修改商品

修改数据流程:

点击表格操作栏下的第一个按钮,进入可以修改商品信息,用户信息和订单信息。页面自动加载出原来的信息,管理员输入需要修改的信息,点击保存按钮,数据会存到后台数据库,两秒后页面自动关闭,并且刷新页面,以商品信息为例:

图4-29管理员修改商品信息图.png

具体实现;

点击右侧修改按钮,调用openIframe函数函数,打开窗口加载页面,加载的同时把商品id传到该页面,然后将商品的信息动态显示,需要注意的是图片的加载方式{{ MEDIA_URL }}{{goods.img}},花括号前面部分是加载media文件的路径,其中url映射为MEDIA_URL = '/media/'。点击保存后将修改后的数据保存到数据库。

核心代码:

@csrf_exempt
def update(request):
    flag = 0
    if request.method == "POST":
        id = request.POST.get("id")
        goods_name = request.POST.get("goods_name")
        goods_detal = request.POST.get("goods_detal")
        goods_price = request.POST.get("goods_price")
        categorys = request.POST.get("categorys")
        transactionMode = request.POST.get("transactionMode")
        address = request.POST.get("address")
        pho_num = request.POST.get("pho_num")
        qq_num = request.POST.get("qq_num")
        wechat_num = request.POST.get("wechat_num")
        file_img = request.FILES.get('file_img')
        file_chunks = file_img.chunks()
        # 文件保存的路径
        # /images/qwyuqguweuq.jpg
        file_name = os.path.join("images", do_file_name(file_img.name)).replace('\\', '/')
        # 完整的路径
        file_path = os.path.join(settings.MEDIA_ROOT, file_name).replace('\\', '/')
        with open(file_path, "wb")as file:
            for chunk in file_chunks:
                file.write(chunk)
        twz = Goods.objects.get(id=id)
        twz.name = goods_name
        twz.detal = goods_detal
        twz.price = goods_price
        twz.master_pho = pho_num
        twz.master_qqnum = qq_num
        twz.master_wechatnum = wechat_num
        twz.trading = transactionMode
        sort = Sort.objects.get(id=categorys)
        twz.sort = sort
        twz.img = file_name
        try:
            twz.save()
            flag = 1
        except Exception as e:
            print(e)
    return HttpResponse(flag)

4.查询商品

查询流程:

管理员在右侧搜索框输入关键字,表格中显示出匹配的数据。

核心代码:这里的搜索用的是adminlte自带的搜索,我给出我主页模糊搜索给你们参考,改写下即可:

def search(request):
    flag = 1
    key = request.GET.get("key")
    print("key" + key)
    nick_name = request.session.get('nick_name')
    goods_list = Goods.objects.filter(name__contains=key).order_by('-create_time')
    return render(request, 'index.html', {"goods_list": goods_list, "nick_name": nick_name})

5.删除商品

删除流程:

管理员点击操作栏右侧的删除按钮,删除对应数据。

实现思路和核心代码:

该部分和购物车删除功能实现思路类似,代码不再给出。

你可能感兴趣的:(6.后台管理,添加,删除,修改和查询)