当前位置:网站首页>测试开发基础,教你做一个完整功能的Web平台之环境准备
测试开发基础,教你做一个完整功能的Web平台之环境准备
2022-07-07 09:07:00 【测试界的飘柔】
前言
如今的测试行业,各种测试平台盛行,比如自动化的有接口自动化平台、UI自动化平台、Mock平台、造数平台,性能方面的还有压测平台、监控平台。
这些平台一方面大大解放了功能测试的双手,提高了测试效率,同时也成为测试人员升职加薪的筹码。因此,学习并掌握Web平台的开发还是很有必要的。
说到Web平台,很多人第一印象就是头疼的html、css、JavaScript、jquery,这些东西难道要一个个手动来敲吗?样式要一个个手动来调吗?做出来的东西很丑陋怎么办?
如果现在对你说,远没有你想象的那么复杂,Vue和Element UI中有很多美观方便的前端组件供我们使用,复制粘贴改改逻辑就行,你只需要做一个CV工程师,那么何不一起来试试!
授人以鱼不如授人以渔,这几篇文章不会教你做个完整功能的Web平台出来,但会将比较基础且核心的技术传递给你。
有了这个基础,你可以游刃有余的在这个地基上修建你的高楼大厦,前端组件何其多,想用哪个用哪个,而对于后端,无非就是使用Django和Rest Framework定义CURD的接口,写得多了自然会熟能生巧。
环境准备
后端采用的是Django+Rest Framework+MySQL架构,因此需要安装如下版本的软件和包:
#软件
python:3.7
mysql:5.7.19
git:2.26.1
#python包
Django:3.2.9
django-filter:21.1
djangorestframework:3.12.4
djangorestframework-simplejwt:5.0.0
django-cors-headers:3.11.0
mysqlclient:2.0.3
前端使用的是Vue+Element UI,因此先要安装npm:
npm:6.14.4
此外你还需要一个Python IDE,如PyCharm或VSCode。
三. 工程搭建
(一). 前端工程的搭建
1、在电脑的任意一个盘下(我选的是 D 盘)创建一个 web-development 的空目录。
2、前端的框架我们使用现成的,直接去gitee上去找。访问:https://gitee.com/panjiachen,发现有两个项目:一个是 vue-element-admin,另一个是 vue-admin-template,第一个项目比较全面,里面非常多的组件,作者不建议直接在上面做二次开发,因此提供了第二个项目,这个是前者的极简版,我们今天使用的是第二个。
3、进入 web-development 目录,使用 git clone 将第二个前端项目模板克隆下来。
(二). 后端工程的搭建
1、同样是在web-development目录下,打开cmd,使用命令django-admin startproject命令创建后端工程。我们的后端工程名叫backend。运行完成后发现目录下多了一个backend目录,这个就是自动生成的后端工程。
2、使用 pycharm 打开 web-development 工程,可以看到前后端工程都加载出来了。
四. 依赖安装
(一). 前端依赖的安装
1.进入前端目录vue-admin-template下,所有前端的依赖都放在该目录下的package.json文件中,我们使用npm install安装所有依赖(注意:作者不建议使用cnpm install安装,因为会出现一些奇奇怪怪的问题,如果npm install安装比较慢,可以换一个淘宝镜像)。
2、安装完成后,如果没有报错,会出现提示,added xxx packages from xxx contributors in xxx。
(二). 后端依赖的安装
1、后端建议使用 pipenv 创建虚拟环境来做环境隔离,pipenv 的安装使用方法可以百度。这里直接讲怎么创建虚拟环境,进入虚拟环境安装我们需要的依赖包。首先进入backend 目录,使用 pipenv install 创建一个虚拟环境。创建的过程中会提示我们使用哪个版本的 python 创建的虚拟环境,以及最终创建的虚拟环境的路径。
……
最后: 可以在公众号:伤心的辣条 ! 自行领取一份216页软件测试工程师面试宝典文档资料【免费的】。以及相对应的视频学习教程免费分享!,其中包括了有基础知识、Linux必备、Shell、互联网程序原理、Mysql数据库、抓包工具专题、接口测试工具、测试进阶-Python编程、Web自动化测试、APP自动化测试、接口自动化测试、测试高级持续集成、测试架构开发测试框架、性能测试、安全测试等。
我推荐一个【Python自动化测试交流群:746506216】,大家可以一起探讨交流软件测试,共同学习软件测试技术、面试等软件测试方方面面,助你快速进阶Python自动化测试/测试开发,走向高薪之路。
喜欢软件测试的小伙伴们,如果我的博客对你有帮助、如果你喜欢我的博客内容,请 “点赞” “评论” “收藏” 一 键三连哦!
边栏推荐
- July 10, 2022 "five heart public welfare" activity notice + registration entry (two-dimensional code)
- 【OneNote】无法连接到网络,无法同步问题
- Basic knowledge of process (orphan, zombie process)
- [actual combat] transformer architecture of the major medical segmentation challenges on the list --nnformer
- Simple and easy to modify spring frame components
- Online hard core tools
- verilog设计抢答器【附源码】
- When initializing 'float', what is the difference between converting to 'float' and adding 'f' as a suffix?
- 2022.7.4DAY596
- Antd select selector drop-down box follows the scroll bar to scroll through the solution
猜你喜欢
Transaction rolled back because it has been marked as rollback only
Mendeley -- a free document management tool that automatically inserts references into papers
SQL Server knowledge gathering 9: modifying data
2021-04-23
[untitled]
verilog设计抢答器【附源码】
單調性約束與反單調性約束的區別 monotonicity and anti-monotonicity constraint
Input type= "password" how to solve the problem of password automatically brought in
VR development optimization
香橙派OrangePi 4 LTS开发板通过Mini PCIE连接SATA硬盘的操作方法
随机推荐
[untitled]
Use load_ decathlon_ Datalist (Monai) fast loading JSON data
Qtcreator sets multiple qmake
A case of compiling QT file qmake compiling script
Avoid mutating a prop directly since the value will be overwritten whenever the parent component
Go Slice 比较
Shardingsphere sub database and table examples (logical table, real table, binding table, broadcast table, single table)
Go redis Middleware
vim 的各种用法,很实用哦,都是本人是在工作中学习和总结的
Simple and easy to modify spring frame components
香橙派OrangePi 4 LTS开发板通过Mini PCIE连接SATA硬盘的操作方法
oracle常见锁表处理方式
2021-05-21
JS implementation chain call
Arduino receives and sends strings
Poj1821 fence problem solving Report
滚动踩坑--UNI_APP(八)
Add a self incrementing sequence number to the antd table component
Arduino board description
Rolling puddle Uni_ App (VIII)