搭建vue+django+mysql5.5 安装以及踩坑记录

天下无难事,只怕有心人。我真是日了gou了,为什么会有那么多的那么多的坑!!!!

1.vue创建

在这里插入代码片vue创建还算是比较顺利的 这里随便粘一个链接https://blog.csdn.net/wulala_hei/article/details/80488674

当然还有他的打包插件 webpack 这里也不过多的赘述了。

当然你还需要一个比较好看的UI框架,这里推荐一下element,比较来比较去适合vue的框架它还是很不错的。这里踩到了几个坑,所以还需要注意下。
沾个链接https://blog.csdn.net/adam19777/article/details/79283675

2.django创建

这搭建这个框架简直就是毫无人性化的。

首先安装django : pip install django==2.0 #这里做下标记,这简直就是万丈深渊

不一会就安装好了

下面创建django项目:django-admin startproject firstDjango
这个最好跟vue创建项目目录在同一级目录

创建好的结构:
.
├── manage.py
└── firstDjango
├── init.py
├── settings.py
├── urls.py
└── wsgi.py

创建app:
cd firstdjango #在django项目内创建
python manage.py startapp backend

结构:
.
├── backend
│ ├── init.py
│ ├── admin.py
│ ├── migrations
│ │ └── init.py
│ ├── models.py
│ ├── tests.py
│ └── views.py
├── manage.py
└── firstdjango
├── init.py
├── settings.py
├── urls.py
└── wsgi.py

ok这里还没有什么难的 ,下面我们来连接数据库

3.连接数据库mysql

这里我用的是阿里云服务器端 安装的mysql5.5,正是因为安装的是mysql5.5所以踩了一个很大的坑。这个我们等会说,继续我们的搭建。

这里我们需要修改一些配置文件,来让其可以连接数据库,以及连接前端vue。

首先是 firstdango/settings.py文件

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.mysql',#默认不是这个,需要修改
        'NAME': '',#数据库名称
        'USER': '',#登陆用户名
        'PASSWORD': '',#登陆密码
        'HOST': '',#服务器地址,本地的话就是127.0.0.1或者localhost
        'PORT': '',#数据库端口
        'client_encoding':'UTF8',
    }
}

还有这里:

MIDDLEWARE = [
    'django.middleware.security.SecurityMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',
    'django.middleware.common.CommonMiddleware',
    'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'django.middleware.clickjacking.XFrameOptionsMiddleware',
]#这里偷懒一下,忘记改的什么内容了,不过这里的顺序不能变

然后我们顺便插上vue的配置:
vue需要提前打包好,在vue项目文件里面运行 npm run build

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': ['../......../dist'],#index文件地址,vue项目中dist,这里自己填一下
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]
#下面是加上的
STATICFILES_DIRS=[
    os.path.join(BASE_DIR,'../....../dist/static')#这里也一样
]
STATIC_URL = '/static/'   #后面加一句

下面在打开我们的urls.py文件

from django.contrib import admin
from django.conf.urls import url
from django.views.generic.base import TemplateView

urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url(r'',TemplateView.as_view(template_name="index.html")),
]#这里可以直接复制粘贴

下面我们来说一下我们之前做的标记,为什么要指定==2.0,因为他们在2.1之后就不支持mysql5.5了!!!!

如果你装了2.1 那么他会一直报错
django.db.migrations.exceptions.MigrationSchemaMissing: Unable to create the django_migrations table ((1064, “You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near ‘(6) NOT NULL)’ at line 1”))

那么恭喜你 要不就升级你的mysql或者卸载django然后重新安装。


来自:http://722first.club

  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值