1.打开Element网站,找到主页需要的布局格式 修改Home.vue: <template> <el-container class="home-container"> <!-- 头部 --> <el-header> Header <el-button type="info" @click="logout">退出</el-button> </el-header>…

效果图: 1.首先来根据Element网站实现布局: <template> <div class="login_container"> <div class="login_box"> <!--头像区域--> <div class="avatar_box"> <img src="../assets/logo.png" alt /> </div>…

1.通过路由展示用户列表页 新建user文件夹,里面新建Users.vue文件: <template> <div> <h3>用户列表组件</h3> </div> </template> <script> export default { } </script> <style lang="less" scoped> </style> 修改路由文件,添加Users路由:…

(from:https://www.cnblogs.com/derek1184405959/p/8877643.html  有修改) 十三.首页.商品数量.缓存和限速功能开发 首先把pycharm环境改成本地的,vue中local_host也改成本地 1.轮播图接口实现 (1)goods/serializer class BannerSerializer(serializers.ModelSerializer): ''' 轮播图 ''' class Meta: model = Banner fi…

(from:http://www.cnblogs.com/derek1184405959/p/8859309.html) 十二.支付宝沙箱环境配置 12.1.创建应用 进入蚂蚁金服开放平台(https://open.alipay.com/platform/home.htm),登录后进入管理中心-->>应用列表  创建应用 创建应用后会有一个appid.还需要提交信息进行审核.微信支付和支付宝支付都是要求企业认证才可以完成的,个人开发不可以,所以我们需要用 沙箱环境,它可以让我们不具备这些应用或…

十.购物车.订单管理和支付功能 1.添加商品到购物车 (1)trade/serializer.py 这里的serializer不继承ModelSerializer,是因为自己写的Serializer更加灵活,因为购物车在添加相同数据的时候,是不能报错的,而如果继承ModelSerializer ,在model.py的ShoppingCart里面需要定义unique_together,这在mixins.CreateModelMixin里的create方法的is_valid的时候,如果记录里面已经有…

一.viewsets实现商品详情页接口 (1)商品详情页只需要多继承一个类(mixins.RetrieveModelMixin)就可以了,(它的功能就是展示商品详情) class GoodsListViewSet(mixins.ListModelMixin, mixins.RetrieveModelMixin,viewsets.GenericViewSet): (2)商品轮播图实现 商品轮播图是一个外键(因为轮播图的像素比普通的商品图片高,所以单独做成外键),序列化外键用嵌套的方法来实现 #轮播…

(PS:部分代码和图片来自博客:http://www.cnblogs.com/derek1184405959/p/8813641.html.有增删) 一.用户登录和手机注册 1.drf的token功能 (前言:为什么有了session了,还要用token呢?因为每次认证用户发起请求时,服务器需要去创建一个记录来存储信息.当越来越多的用户发请求时,内存的开销也会不断增加.)之前用django做的网站登录都会加上csrf-token防止跨站攻击,但此次的项目是前后端分离的,而且用户可以选择在手机上登…

(PS:转载自http://www.cnblogs.com/derek1184405959/p/8810591.html  有修改) 一.drf的过滤 (1)添加到app里面 INSTALLED_APPS = [ 'django_filters', ] (2)新建filter.py 自定义一个过滤器 # goods/filters.py import django_filters from .models import Goods class GoodsFilter(django_filters…

(转自https://www.cnblogs.com/derek1184405959/p/8768059.html)(有修改) 接下来开始引入django resfulframework,体现它的强大之处 一.首先,按照以前的做法,如果我们想把商品列表打包成JSON数据显示在首页,就是: 1.写view函数 # goods/view.py from django.views.generic import View from goods.models import Goods class Good…