笔记1

Django + vue 开发框架

Django+vue快速上手开发的web前后端开发框架，学习周期较短，使用更加便捷，上手难度和所需基础低

前置知识：html/css，python，Mysql

该文章仅供快速上手使用，主要针对对前后端任务构建和交互不熟悉的人学习使用。如果你想深入开发，还请扎实学习
更新日期：2021-10-27

1.环境配置

1.1 Django

Django是由python编写的开源代码的Web应用框架，安装Django之前，需要配置Python的开发环境

以Windows为例：

1.下载python

2.pip install jango

在此我建议使用Anaconda去创建和配置环境，可以很规范地为自己的每个项目配置专门的环境，包管理起来也更加方便

这里你也可以直接在Pycharm -> setting -> Project Interpreter里面直接添加

3.创建项目

社区版的Pycharm是不能直接创建django项目的，但是可以使用命令行去创建，但是不是很方便

推荐下载专业版的Pycharm，安装IDE Eval Resetter 插件可以解决不能免费使用的问题，至于为什么，这篇博客可以了解一下原理：https://zhile.io/2020/11/18/jetbrains-eval-reset-da33a93d.html

Pycharm下载地址：https://www.jetbrains.com/pycharm/download/other.html ，2020.3的profession版本即可

整个django的安装配置可以通过：Django 教程 | 菜鸟教程 (runoob.com)来进行学习，后续的创建项目也可以根据该教程来了解

配置过程中可能存在的问题：

django项目不能运行解决方法 - 星空之主 - 博客园 (cnblogs.com)

以及Anaconda的使用方法：

Conda使用指南 - 知乎 (zhihu.com)

这里踩了个雷，安装了Miniconda就不用再去安装了Anaconda了，效果是差不多的，如果先安装mini在安装ana，后者会把前者环境的路径覆盖

以上环境和项目建议都配置在D盘上，不要什么都往C盘塞

另外，在已有语言和程序基础上学习框架并不是很建议去看视频课程，周期太长，也没有必要。建议可以直接找文档和项目具体实施来练手。但这里也带上一些基础视频，帮助没有基础的快速了解Django是什么以及如何使用：

Python全栈（老男孩4期）Django框架入门到应用_哔哩哔哩_bilibili 7-12集

另外Django教程也不需要全看（当然你全看也没有关系，更好），常用基础为圈出部分，建议重点了解使用。

1.2.Vue

vue的安装推荐查看博客：https://blog.csdn.net/qq_44943937/article/details/118657980
需要注意的是，在进行配置淘宝镜像源或npm install vue时，你可能会遇到如下报错：

该问题的原因是缺乏管理员权限，你只需要用管理员身份打开cmd再进行相关操作即可

上手使用也是建议使用看官方文档，中文的，好理解

前端html页面使用element-ui，易用且好看，当然你也可以使用bootstrap

配置完成后可以再检查下自己的环境：

vue -v
npm -v
python --version
python
>>> import django
>>> print(django)

2.django + vue 整体实践

本来想把自己写的过程写出来，但是发现一篇大佬的博客，已经很详细了，照着环节去配置和理解就没有多大问题
博客地址：https://cloud.tencent.com/developer/article/1576599
使用前提：了解django文件目录下面各个文件的基本作用，即为什么要在这个文件中书写这些代码，这个文件里面写的究竟是什么（这些看菜鸟教程里面django的教程就能解决);
了解vue的基本语法。这个过程稍微长一点，vue的使用相比起django难一些；
了解axios的基本使用，建议去看csdn例子；
在掌握了基础之后把前面给的博客，按照他的思路去理解并实现，总体前后端交互流程大体都能理解了。
（这份博客的代码没有问题，亲测可以使用，如果你的存在报错，那根据报错的具体原因去百度解决）