路飞学城项目前后端初步搭建

1 pip换源

1 pip3 install pymysql   国外很慢
2 pip3 install pymysql -i  地址
3 配置，以后pip3 install全走配好的源
	-来到C:UsersoldboyAppDataRoaming      %APPDATA% 
    -创建一个pip文件夹
    -新建一个文件pip.ini
    -写入
        [global]
        index-url = http://pypi.douban.com/simple
        [install]
        use-mirrors =true
        mirrors =http://pypi.douban.com/simple/
        trusted-host =pypi.douban.com

2 虚拟环境搭建

1 不同的项目依赖不同的模块版本，不能共用一套环境，虚拟环境
2 在系统的python环境中安装
	-下载
	pip3 install virtualenv
    pip3 install virtualenvwrapper-win
	-修改环境变量
    	WORKON_HOME: D:Virtualenvs
    -python安装路径，scripts文件下执行virtualenvwrapper.bat
3 使用：
	-workon  #列出有的虚拟环境（aaa）
    -workon aaa  #使用这个虚拟环境 
    -mkvirtualenv -p python3 luffy # 创建虚拟环境
    -rmvirtualenv 虚拟环境名字 # 删除虚拟环境
4 安装django环境
	pip install django==2.2.2
5 基于虚拟环境创建项目（不要再pycharm中选择虚拟环境了）

3 路飞后台创建，配置修改，目录变更

# 在控制台直接指向项目 python manage.py runserver ---》manage.py的内容要改
  os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'luffyapi.settings.dev')
# 项目上线，走的不是manage.py---》uwsgi.py,需要修改
os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'luffyapi.settings.dev')

# 国际化

# 创建app：startapp在哪执行，就把app创建在哪

	python ../../manage.py startapp home
# 注册app
	-

4 数据库配置

# 项目依赖的数据库，luffyapi
	-create database luffyapi;
# 创建数据库用户，并且授予luffyapi这个库的权限
	-grant all privileges on luffyapi.* to 'luffyapi'@'%' identified by 'Luffy123?';
    -grant all privileges on luffyapi.* to 'luffyapi'@'localhost' identified by 'Luffy123?';
    -flush privileges;
    
# 项目连接
	-setting中配置
    	DATABASES = {
            'default': {
                'ENGINE': 'django.db.backends.mysql',
                'NAME': 'luffyapi',
                'USER':'luffyapi',
                'PASSWORD':'Luffy123?',
                'HOST':'127.0.0.1',
                'PORT':3306

            }
        }
        import pymysql
		pymysql.install_as_MySQLdb()
     -用pymysql连接数据库
    	-django超过：2.0.7
        -需要改源码，两个地方

5 User表配置

# 用户要基于auth的user表，必须在数据库迁移命令之前操作好，后期如果再做，会出错
	-把所有app下的迁移文件，全删除
    -admin，auth app下的迁移文件删除
    -删库（数据一定要导出来），重新迁移  （自己尝试一下）
    
# 继承AbstractUser，增加两个字段，telephone，icon（依附于pillow）
# 在setting中配置
    MEDIA_URL='/media/'
    MEDIA_ROOT=os.path.join(BASE_DIR,'media')  #现在的BASEDIR是luffyapi下的luffyapi
    AUTH_USER_MODEL='user.user'
# 路由，打开media文件夹
re_path('media/(?P<path>.*)', serve,{'document_root':settings.MEDIA_ROOT}),

6 路飞前台搭建

#1 安装node，官网下载，一路下一步
    node -v
    v10.16.3
#2 安装模块
	npm install 模块名 #npm比较慢，用淘宝的cnpm来替换npm
#3 npm install -g cnpm --registry=https://registry.npm.taobao.org   

#4 创建vue的工程（需要一个vue脚手架）
	cnpm install -g @vue/cli
    
#5 如果出问题执行如下，重新走3,4
	npm cache clean --force
    
#5 命令行下敲
	vue 就会有提示
# 6 创建vue项目
vue create luffycity
选Manually


#7 用pycharm打开
	在terminal下敲：npm run serve
#8 配置pycharm
	

目录介绍

public
    -favicon.ico   # 
    -index.html    #整个项目的单页面
src
    -assets  #静态文件，js，css，img
    -components # 小组件，头部组件，尾部组件
    -router     # 路由相关
    -store      # vuex相关，状态管理器，临时存储数据的地方
    -views      # 页面组件
    -App.vue    # 根组件
    -main.js    # 配置文件（跟django的setting一样）
    
    
    
#任何一个组件都有三部分
	<template>
    	#html相关
	</template>
    <style>
		# css相关
	</style>

    <script>
		# js相关
    </script>