首页 前端知识 基于django vue的时尚穿搭社区(商城)(前后端分离)

基于django vue的时尚穿搭社区(商城)(前后端分离)

2025-02-25 13:02:15 前端知识 前端哥 239 586 我要收藏

博主主页:猫头鹰源码
博主简介:Java领域优质创作者、CSDN博客专家、阿里云专家博主、公司架构师、全网粉丝5万+、专注Java技术领域和毕业设计项目实战,欢迎高校老师\讲师\同行交流合作
​主要内容:毕业设计(Javaweb项目|小程序|Python|HTML|数据可视化|SSM|SpringBoot|Vue|Jsp|PHP等)、简历模板、学习资料、面试题库、技术咨询
文末联系获取
感兴趣可以先收藏起来,以防走丢,有任何选题、文档编写、代码问题也可以咨询我们

项目介绍: 

本系统为最新原创项目,采用前后端分离,项目代码工整,结构清晰,适合选题:时尚穿搭、穿搭社区、穿搭、时尚商城、商城、前后端分离类其他穿搭话题等。系统采用django+vue整合开发,前端主要使用了vue、项目后端主要使用了django。

部分功能:

系统分为两个角色:

用户功能
登录注册
首页:查看穿搭分享、商品信息;
穿搭分享:可以分页查看用户分享的穿搭,并且可以按照条件筛选,点击查看可以进入详情,可以评论;
商城:可以分页查询商品,支持多条件筛选、排序查看,点击详情,支持立即购买,可以加入购物车,查看购买用户发布的商品评价;
社区:用户可以分享穿搭心得,进入帖子详情,用户可以点赞、评论。
购买:用户可以选择多件商品加入购物车,加入后一起购买,支持购物车数量变更或移除购物车商品。
订单查看:查看订单信息,可以支付订单,或者收货
其它管理:可以查看自己的评论、点赞、维护自己的穿搭分享和帖子信息。

管理员功能
用户管理、分类管理、商品管理、订单管理、商品评论管理、穿搭信息管理、穿搭评论管理、帖子管理、帖子评论管理、收藏管理

系统包含技术:

后端:django
前端:vue、js、css等
开发工具:pycharm/vscode
数据库:mysql 5.7
JDK版本:jdk1.8

部分截图说明:

首页展示

穿搭

穿搭详情

商城

商城详情

社区

登录

用户管理

商品管理

穿搭管理

核心代码:

#前端查询所有
class frontAllView(generics.GenericAPIView):
    queryset = Goods.objects.order_by('-create_time')
    serializer_class = GoodsSerializer

    def post(self, request):
        try:
            # 构建查询条件
            q_conditions = QueryHelper.build_query_conditions(
                request.data,
                QUERY_FIELDS,
                fuzzy_fields=FUZZY_FIELDS
            )

            # 过滤查询集
            item_queryset = self.get_queryset().filter(q_conditions)

            serializer = GoodsSerializer(instance=item_queryset, many=True)
            return ResponseHandler.success(data=serializer.data, msg='获取成功')
        except (ParseError, NotFound) as e:
            print("出现如下异常%s" % e)
            return ResponseHandler.error(msg='请求错误')

#前端根据ID查询单条
class frontOneView(View):
    def get(self, request):
        try:
            id = request.GET.get("id")
            if not id:
                return ResponseHandler.error(msg='id不能为空')
                
            data = Goods.objects.filter(id=id).first()
            if not data:
                return ResponseHandler.error(msg='商品不存在')
                
            data_serializer = GoodsSerializer(instance=data)
            return ResponseHandler.success(data=data_serializer.data, msg='查询成功')
        except Exception as e:
            print("查询出现异常: %s" % e)
            return ResponseHandler.error(msg='查询失败')

#新增
class addView(View):
    def post(self, request):
        try:
            dic = json.loads(request.body.decode("utf-8"))
            serializer_obj = GoodsSerializer(data=dic)
            if not serializer_obj.is_valid():
                return ResponseHandler.error(msg=serializer_obj.errors)

            Goods.objects.create(**serializer_obj.validated_data)
            return ResponseHandler.success(msg='添加成功')
        except Exception as e:
            print("添加商品时出现异常: %s" % e)
            return ResponseHandler.error(msg='添加失败')

#编辑
class editView(View):
    def post(self, request):
        try:
            dic = json.loads(request.body)
            if 'id' not in dic:
                return ResponseHandler.error(msg='id不能为空')

            try:
                # 确保 id 是整数
                id_value = int(dic['id'])
            except (ValueError, TypeError):
                return ResponseHandler.error(msg='id必须是数字')

            obj = Goods.objects.filter(id=id_value).first()
            if not obj:
                return ResponseHandler.error(msg='商品不存在')

            # 使用 ModelHelper 更新字段
            ModelHelper.update_model_fields(
                instance=obj,
                data=dic,
                fields=[f for f in QUERY_FIELDS if f != 'id'],  # 排除 id 字段
                foreign_keys=FOREIGN_KEYS  # 使用定义的外键字段列表
            )

            obj.save()  # 保存更新
            return ResponseHandler.success(data=GoodsSerializer(obj).data, msg='更新成功')
        except Exception as e:
            print("更新商品时出现异常: %s" % e)
            return ResponseHandler.error(msg='更新失败')

以上就是部分功能展示,从整体上来看,本系统功能是十分完整的,界面设计简洁大方,交互友好,数据库设计也很合理,规模适中,代码工整,清晰,适合学习使用。

好了,今天就到这儿吧,小伙伴们点赞、收藏、评论,一键三连走起呀,下期见~

转载请注明出处或者链接地址:https://www.qianduange.cn//article/21385.html
标签
评论
发布的文章

python调用ollama库详解

2025-02-25 13:02:30

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!