1.flex 属性是 flex-grow.flex-shrink 和 flex-basis 属性的简写属性. flex-grow 一个数字,规定项目将相对于其他灵活的项目进行扩展的量. flex-shrink 一个数字,规定项目将相对于其他灵活的项目进行收缩的量. flex-basis 项目的长度.合法值:"auto"."inherit" 或一个后跟 "%"."px"."em" 或任何其他长度单位的数字.…

vue 饿了么项目 1.图标字体引用 链接 2.scss 二三倍图切换 1像素边框 链接 3.better-scroll 4.布局 商品主页面 <div id="app"> <v-header :seller='seller'></v-header> <div class="tab"> <div class="tab-item"> <router-link to="/go…

第一步: 环境配置 1. DRF官网: https://www.django-rest-framework.org/ 仔细查看自己当前的python版本以及django版本是否支持DRF, 然后就看看哪些支持的模块还没有下载, 由于之前安装过xadmin了, 所以这里正常情况下还有coreapi, pygments, django-guardian没有安装, 在虚拟环境中去安装就行了 注: 如果在安装coreapi的时候报错, 并且提示utf-8 decode错误, 那么就去修改pip的编码格式…

使用原始的django的View来返回json格式的商品列表 目的是回顾一些django的基础知识, 好与后面的RESTful做对比 goods.views_base.py from django.views.generic.base import View# from django.views.generic import ListView from goods.models import Goods class GoodsListView(View): def get(self, reque…

第一步: 学会使用ModelSerializer, 并且会使用ModelSerializer相互嵌套功能 1. goods.serializers.py from rest_framework import serializers from goods.models import Goods, GoodsCategory # 让goods的category字段全量显示 class CategorySerializer(serializers.ModelSerializer): class Met…

使用Python3.6与Django2.0.2(Django-rest-framework)以及前端vue开发的前后端分离的商城网站 项目支持支付宝支付(暂不支持微信支付),支持手机短信验证码注册, 支持第三方登录.集成了sentry错误监控系统. 本小节内容: Django原生以及使用drf 完成 商品列表页 django的view实现商品列表页 本章节很重要. 通过Django的fbv cbv (class base view)都可以实现. 更建议通过基于class的view编码,面向对象.…

Vue+Django REST framework实战 搭建一个前后端分离的生鲜超市网站 Django rtf 完成 商品列表页下 drf中的request和response drf对于django的request和response进行了一层封装. 浏览器请求的request会被drf进行一定的封装,扩展了标准的http request REST framework's Request class extends the standard HttpRequest, adding support…

现状:目前从商品详情页返回到商品列表页,还需要再去请求服务数据,还需要用户再去等待获取数据的过程,这样用户体验非常不好, 遇到的问题: 1:如何将数据缓存, 2:如何获取和保存列表滑动的高度, 3:判断商品列表页的上一个页面是什么? 如果是从搜索页进到商品列表页的话我们需要清除缓存,获取接口数据, 如果是商品详情页返回到商品列表页的话就用缓存数据,并且滑到到上次浏览的位置. 一:数据缓存 使用react全家桶reducers保存数据 dispatch({ type: types.PRODUCT_…

我们之前已经整合了ssm框架并且调试已经好了,接下来我们实现商品列表的查询. 我们先进入到首页: 方法如下: 我们看到我们把所有的jsp页面都是放在: 这些页面都是放在WEB-IN下面的,也就是说这些页面都是需要通过经过Action才能获取的. 我们来写Action层的代码: 我们统一把Action层代码都写在 这个模块下面. 起名pageController.class: 代码如下: package com.taotao.controller; import org.springframewo…

SpringBoot构建电商基础秒杀项目 学习笔记 ItemDOMapper.xml 添加 <select id="listItem" resultMap="BaseResultMap"> select <include refid="Base_Column_List" /> from item order by sales desc </select> ItemDOMapper 添加 List<Item…