online-shop项目相关

一、准备工作

1.vue启动相关

1.下载nodejs
2.进入vue项目文件夹
 cmd执行命令：npm install (安装环境运行需要的包)
 			npm audit fix
 		启动：npm run dev

2.onlineshop

1.新建apps和extra_apps（为了其他文件可以引入，创建python package）
	【分类管理各种app，
	将项目中通过startapp安装的app放在apps，其他比如ueditor放在extra_apps中】
2.在settings.py中添加：sys.path.insert(0,os.path.join(BASE_DIR,'apps')
					sys.path.insert(1,os.path.join(BASE_DIR,'extra_apps')
	【原始的app直接放在项目文件夹下，寻找目录是从项目文件夹下找，现在放在apps和extra_apps中，
		为了app能被找到，插入系统寻找路径】
3.apps右键->Mark Directory as ->Sources Root
	【标记其为源码路径】

二、

1.rest_framework

pip install django-restframework

INSTALLED_APPS = (
    ...
    'rest_framework',
    ...
)

2.后端添加跨域CORS访问的支持

https://blog.youkuaiyun.com/linzi1994/article/details/82724429

1.安装：pip install django-cors-headers
2.添加应用：
	INSTALLED_APPS = (
                        ...
                        'corsheaders',
                        ...
                    )
3.中间件设置：
	MIDDLEWARE = [
                    'corsheaders.middleware.CorsMiddleware',
                    ...
                ]
4.添加白名单
    CORS_ALLOW_CREDENTIALS = True		# 允许携带cookie
    CORS_ORIGIN_ALLOW_ALL = True		#全部都可以
    # CORS_ORIGIN_WHITELIST = (			#仅在白名单中的可以
    #     '127.0.0.1:8080',
    #     'localhost:8080',
    # )

drf流程

二、项目相关

1.settings配置

media设置：
	MEDIA_URL = '/static/media/'          #媒体路径
	MEDIA_ROOT = os.path.join(BASE_DIR, 'static/media')  #必须是绝对路径
	
	'context_processors': [  
	   					...
	   					django.template.context_processors.media
	   					...
	   					]
	   					
	 在主路由中添加：
     re_path(r'^media/(?P<path>.*)$', serve, {'document_root': MEDIA_ROOT})
     
redis缓存：
    CACHES = {
        'default': {
            'BACKEND': 'django_redis.cache.RedisCache',
            'LOCATION': 'redis://127.0.0.1:6379/0',
            "OPTIONS": {
                "CLIENT_CLASS": "django_redis.client.DefaultClient",
            }
        }
    }

1.创建user，goods，user_operation,trade四个app并创建用户模型，放在installed_apps中

users
	-UserProfile(用户表)
		[继承abstractuser，要在settings中设置AUTH_MODEL_USER="users.UserProfile"]
	-VerifyCode(验证码表)
goods
	-GoodsCategory(商品类别)
	-GoodsCategoryBrand(品牌)
	-Goods(商品)
	-IndexAd(首页商品类别广告)
	-GoodsImage(商品轮播图)
	-Banner(轮播的商品)
	-HotSearchWords(热搜词)
	
trade
	-ShoppingCart(购物车)
	-OrderInfo(订单)
	-OrderGoods(订单商品)
	
user_operation
	-UserFav(用户收藏)
	-UserLeavingMessage(用户留言)
	-UserAddress( 用户收货地址)
	-
	




o(订单)
	-OrderGoods(订单商品)
	
user_operation
	-UserFav(用户收藏)
	-UserLeavingMessage(用户留言)
	-UserAddress( 用户收货地址)