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

博主主页：猫头鹰源码

博主简介：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='更新失败')

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

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