python环境的搭建参考我以前的文章

https://blog.csdn.net/saberpan/article/details/84783693

django的安装

推荐所有cmd命令都在cmd窗口执行，不要用pycharm的命令行去执行，好几次都是在pycharm里执行报错，可能是权限问题

pip  install  django -i  https://pypi.tuna.tsinghua.edu.cn/simple

这里用的清华大学的镜像，非常快 -i 表示选择安装源
success之后，检验是否安装成功

python -m django --version

显示版本号就成功了

cd 到想要创建项目的目录创建autotest项目

django-admin startproject autotest

进入autotest文件夹，启动服务

python manage.py runserver

默认是8000端口，启动时可以指定端口

python manage.py runserver 127.0.0.1:8800

在浏览器输入 http://127.0.0.1:8800

成功后的结构是这样的
打开setting.py文件，更改语言和时区

#TIME_ZONE = 'UTC'
#LANGUAGE_CODE = 'en-us'
TIME_ZONE='Asia/Shanghai'
LANGUAGE_CODE = 'zh-Hans'

创建数据库和表

python manage.py makemigrations
python manage.py migrate

创建admin用户,设置账号，邮箱，密码

python manage.py createsuperuser

在浏览器输入http://127.0.0.1:8000/admin 输入用户名和密码

创建应用

在autotest目录中输入

python manage.py startapp apitest

在setting.py中加入apitest

用navicat创建一个autotest数据库

数据库改为mysql

DATABASES = {'default': {'ENGINE': 'django.db.backends.mysql','NAME': 'autotest','USER': 'root','PASSWORD': 'root123456','HOST': '127.0.0.1','PORT': '3306'}
}

在autotest的_init_文件里添加

import pymysql
pymysql.install_as_MySQLdb()

python操作mysql 需要pymysql依赖

pip install pymysql

迁移数据和创建表，这两个语句要频繁使用，在models.py中创建表实例也需要

python manage.py makemigrations
python manage.py migrate

这时django环境已经大致搭建完成了

vue的安装

先安装node.js

下载自己的安装包 https://nodejs.org/zh-cn/download/
安装成功后配置环境变量
验证安装完成

安装cnpm，代替npm指令，速度快

npm install -g cnpm -registry=https://registry.npm.taobao.org

安装vue脚手架

cnpm install -g vue-cli

切换到autotest文件夹里，创建vue项目

cd D:\PycharmProjects\autotest
vue init webpack appfront

这里会有很多选项让你去设置，每个选项的含义在这篇文章里有
https://blog.csdn.net/AYKMe/article/details/84646571
我这里都选的yes
创建完成后目录是这样的

切换到appfront目录

cnpm install

把项目跑起来

cnpm run dev

这时在appfront里生成了dist目录

在autotest/setting.py里
添加vue的目录

TEMPLATES = [{'BACKEND': 'django.template.backends.django.DjangoTemplates','DIRS': ['appfront/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',],},},
]# Add for vue.js
STATICFILES_DIRS = [os.path.join(BASE_DIR, "appfront/dist/static"),
]

运行

cnpm run build

把django服务自动，浏览器输入127.0.0.1/8000

这时候框架已经搭好了

python django+vue搭建自动化测试平台相关推荐

python+django+vue搭建前后端分离项目Part1
文章目录 Python环境搭建安装django框架创建django项目新建static静态文件夹创建django App(后端) 创建vue项目(前端) 集成vue项目到django 打包vu ...
python+django+vue搭建前后端分离项目Part3——后端django
文章目录创建django项目数据库创建和连接创建 Django APP 后端搭建模型层model.py 视图层view.py 路由配置数据迁移参考文章创建django项目 (my_dja ...
python+Django+vue 搭建前后端分离项目
步骤一 : 创建项目所在文件夹. 步骤二: 进入CMD模式输入 : django-admin startproject backend 步骤三 : 进入backend 步骤四:查看Django后端服务 ...
python+django+vue搭建前后端分离项目Part2——前端Vue
文章目录创建vue项目主要文件及其作用 src/components/ src/router/index.js src/main.js static/ 创建vue项目 (my_django) XX ...
Python Web前后端分离框架Django+Vue搭建
Python Web前后端分离框架Django+Vue搭建对前面所学知识的归纳整理,感兴趣的可以看看,欢迎指正. 一.前后端分离框架介绍本项目基于 Python 的 Web 框架开发,采用前后端分 ...
python+django+vue的校园新闻网站#毕业设计项目源码
校园新闻网站的主要使用者分为管理员和用户,实现功能包括管理员:首页.个人中心.用户管理.新闻类型管理.校园新闻管理.留言板管理.论坛交流.系统管理,用户前台:首页.校园新闻.论坛交流.留言反馈.个人中 ...
python+django+vue+Elementui人力资源管理系统
科学技术革命的创新改变了世界原有的模式,新技术的出现让其他东西不得不随之改变,信息和互联网的迅速发展导致企业之间的竞争变得空前激烈,一个企业的核心究其根本是人才,所以只要能有效的利用新的技术去管理和开 ...
python+django+vue大学生心理健康管理系统
整个大学生心理健康管理系统是按照整体需求来实现各个功能的,它可以通过心理健康测评来检测大学生的心理健康,并且给予预警,还可以预约医生来解决问题.并且,管理员可以查看用户信息,发布一些关于心理健康的文章 ...
基于Python+Django+Vue+MYSQL的古诗词在线学习系统
项目介绍基于python+django+vue的古诗词在线学习网站则旨在通过标签分类管理等方式,实现管理员:首页.个人中心.用户管理.诗词管理.主题管理.情感色彩管理.风格管理.我的收藏管理.诗词论 ...

python django+vue搭建自动化测试平台