路飞学路-项目

1.换源操作

win平台

1、文件管理器文件路径地址栏敲:%APPDATA% 回车,快速进入 C:\Users\电脑用户\AppData\Roaming 文件夹中
2、新建 pip 文件夹并在文件夹中新建 pip.ini 配置文件
3、新增 pip.ini 配置文件内容



 

 

 

 

 

 

 

 

 

# 编写pip.ini文件内容 我这里使用的是国内的清华源,也可以使用阿里源,豆瓣源,都是可以的,网上一搜就有地址了
#配置完成后就会 使用pip 或者 pip3 就自动走这个配置的地址进行下载了


[global]
index-url = https://pypi.tuna.tsinghua.edu.cn/simple/
[install]
use-mirrors =true
mirrors =https://pypi.tuna.tsinghua.edu.cn/simple/
trusted-host =pypi.douban.com

2.虚拟环境搭建

# 建议使用pip3安装到python3环境下 (在pycharm的 Terminal里进行安装即可)
pip3 install virtualenv
pip3 install virtualenvwrapper-win

 

配置虚拟环境管理器工作目录
# 配置环境变量:
# 控制面板 => 系统和安全 => 系统 => 高级系统设置 => 环境变量 => 系统变量 => 点击新建 => 填入变量名与值
变量名:WORKON_HOME  变量值:自定义存放虚拟环境的绝对路径
eg: WORKON_HOME: D:\Virtualenvs   (这个目录自己创建的,名字也是自己起的,叫什么都可以)

# 同步配置信息:
# 去向Python3的安装目录 => Scripts文件夹 => virtualenvwrapper.bat => 双击

 

 

使用

# 在终端工作的命令

# 1、创建虚拟环境到配置的WORKON_HOME路径下
# 选取默认Python环境创建虚拟环境:
    -- mkvirtualenv 虚拟环境名称
# 基于某Python环境创建虚拟环境:
    -- mkvirtualenv -p python2.7 虚拟环境名称
    -- mkvirtualenv -p python3.6 虚拟环境名称

# 2、查看已有的虚拟环境
    -- workon

# 3、使用某个虚拟环境
    -- workon 虚拟环境名称
    
# 4、进入|退出 该虚拟环境的Python环境
    -- python | exit()

# 5、为虚拟环境安装模块
    -- pip或pip3 install 模块名

# 6、退出当前虚拟环境
    -- deactivate

# 7、删除虚拟环境(删除当前虚拟环境要先退出)
    -- rmvirtualenv 虚拟环境名称

 

 

 

 

后台:Django项目创建

  为luffy项目创建一个虚拟环境  mkvirtualenv luffy

按照基础环境依赖

  >: pip install django==2.0.7
  >: pip install djangorestframework
  >: pip install pymysql

创建项目

  在目标目录新建luffy文件夹, cd 建立的luffy文件夹, django-admin startproject luffyapi

  开发:用pycharm打开项目,并选择提前备好的虚拟环境

重构项目目录

 

 重构项目目录

├── luffyapi
    ├── logs/                # 项目运行时/开发时日志目录 - 文件夹
    ├── manage.py            # 脚本文件
    ├── luffyapi/              # 项目主应用,开发时的代码保存 - 包
        ├── apps/              # 开发者的代码保存目录,以模块[子应用]为目录保存 - 包
        ├── libs/              # 第三方类库的保存目录[第三方组件、模块] - 包
        ├── settings/          # 配置目录 - 包
            ├── dev.py       # 项目开发时的本地配置
            └── prod.py      # 项目上线时的运行配置
        ├── urls.py            # 总路由
        └── utils/             # 多个模块[子应用]的公共函数类库[自己开发的组件]
    └── scripts/               # 保存项目运营时的脚本文件 - 文件夹

初步完成后的效果图 (加了个doc,是读我文件)

 数据库相关配置账号

创建数据库
1.管理员连接数据库
>: mysql -uroot -proot

2.创建数据库
>: create database luffy default charset=utf8;

为指定数据库配置指定账户

设置权限账号密码
# 授权账号命令:grant 权限(create, update) on 库.表 to '账号'@'host' identified by '密码'

1.配置任意ip都可以连入数据库的账户
>: grant all privileges on luffy.* to 'luffy'@'%' identified by '123';

2.由于数据库版本的问题,可能本地还连接不上,就给本地用户单独配置
>: grant all privileges on luffy.* to 'luffy'@'localhost' identified by '123';

3.刷新一下权限
>: flush privileges;

只能操作luffy数据库的账户
账号:luffy
密码:123

settings.py

DATABASES = {
    # 'default': {
    #     'ENGINE': 'django.db.backends.sqlite3',
    #     'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),
    # },
    'default': {
        'ENGINE': 'django.db.backends.mysql',
        'NAME': 'luffy',
        'USER': 'luffy',
        'PASSWORD': '123',
        'HOST': '127.0.0.1',
        'PORT': 3306
    }
}

随便一个__init__.py文件下

import pymysql

pymysql.install_as_MySQLdb()

安装Pillow模块 ,解决 django高版本与pymsql模块的冲突问题

pip install Pillow 安装

 

 

 

 再重启项目 就能正常启动了.

 

 settings目录下的dev.py文件修改环境变量

import os

# Build paths inside the project like this: os.path.join(BASE_DIR, ...)
# 上一级的小luffyapi
BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
# 加入环境变量
import sys

# print(sys.path)
sys.path.insert(0, BASE_DIR)
# apps路径也加入环境变量中
sys.path.insert(0, os.path.join(BASE_DIR, 'apps'))
# print(sys.path)

最外层的manage.py同样修改内容 

def main():
    os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'luffyapi.settings.dev')

开放media接口

settings.py文件

#注册user表,继承Abstract表
AUTH_USER_MODEL = 'user.user'
 
# 开放接口media
MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')

主路由urls.py 修改内容 

from django.contrib import admin
from django.urls import path, re_path, include
from django.views.static import serve
from django.conf import settings

urlpatterns = [
    path('admin/', admin.site.urls),
    # path('user/', include('user.urls')),
    re_path('^media/(?P<path>.*)', serve, {'document_root': settings.MEDIA_ROOT})
]

创建同级目录media,在apps下面

 

 

创建user模块

前提:在 luffy 虚拟环境下

1.终端从项目根目录进入apps目录
>: cd luffyapi & cd apps

2.创建app
>: python ../../manage.py startapp user

对应的models.py内容 

from django.db import models

# Create your models here.
from django.contrib.auth.models import AbstractUser


class User(AbstractUser):
    telephone = models.CharField(max_length=11, unique=True, verbose_name='手机号码')
    icon = models.ImageField(upload_to='icon', default='icon/default.png')

    class Meta:
        db_table = 'luffy_user'
        verbose_name = '用户表'
        verbose_name_plural = verbose_name

    def __str__(self):
        return self.username

注册user模块,配置User表:dev.py

INSTALLED_APPS = [
    # ...
    'user',
]

# 自定义User表
AUTH_USER_MODEL = 'user.User'

数据库迁移

数据库迁移
python manage.py makemigrations
python manage.py migrate

前端创建

vue环境

1.傻瓜式安装node: 
官网下载:https://nodejs.org/zh-cn/

2.安装cnpm: 
>: npm install -g cnpm --registry=https://registry.npm.taobao.org

3.安装vue最新脚手架: 
>: cnpm install -g @vue/cli

注:如果2、3步报错,清除缓存后重新走2、3步
>: npm cache clean --force

创建项目

前提:在目标目录新建luffy文件夹
>: cd 建立的luffy文件夹
>: vue create luffycity

 中间选择1,4,5 空格进行选中/取消操作,安装就好 一个y 再一个n

 

 

 出现下面这个图片就是安装成功了!

 

 

 配置完成后 使用pycharm打开 并启动如下图:

 

 

 

 

 这样就启动完成了,但是不方便,所以要配置一下pycharm

 

 

安装完vue插件后需要重启,

 

 测试访问前端页面,出现如下画面,成功

 

posted @ 2020-07-16 14:42  学海无涯苦中作乐  阅读(153)  评论(0编辑  收藏  举报