当前位置:网站首页>Test the foundation of development, and teach you to prepare for a fully functional web platform environment
Test the foundation of development, and teach you to prepare for a fully functional web platform environment
2022-07-07 06:14:00 【Software testing Fairy】
Preface
Today's testing industry , Various test platforms are popular , For example, there is an interface automation platform for Automation 、UI Automation platform 、Mock platform 、 Digital platform , In terms of performance, there is also the pressure testing platform 、 Monitoring platform .
On the one hand, these platforms greatly liberate the hands of functional testing , Improved test efficiency , At the same time, it has also become a bargaining chip for the promotion and salary increase of testers . therefore , Learn and master Web The development of the platform is still very necessary .
Speaking of Web platform , The first impression of many people is headache html、css、JavaScript、jquery, Do these things need to be knocked manually one by one ? Do you want to manually adjust the style one by one ? What to do if the thing you make is ugly ?
If I say to you now , It's not as complicated as you think ,Vue and Element UI There are many beautiful and convenient front-end components for us to use , Just copy, paste and change the logic , You just need to make one CV The engineer , Then why not try it together !
Teaching a man to fish is better than giving him a fish , These articles will not teach you to do a complete function Web Come out of the platform , But it will pass the more basic and core technology to you .
With this foundation , You can easily build your high-rise building on this foundation , How many front-end components , Which one you want to use and which one , And for the back end , It's nothing more than using Django and Rest Framework Definition CURD The interface of , Practice makes perfect when you write too much .
Environmental preparation
The back end uses Django+Rest Framework+MySQL framework , Therefore, you need to install the following versions of software and packages :
# Software
python:3.7
mysql:5.7.19
git:2.26.1
#python package
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
The front end uses Vue+Element UI, So first install npm:
npm:6.14.4
Besides, you also need one Python IDE, Such as PyCharm or VSCode.
3、 ... and . Project construction
( One ). Construction of front-end engineering
1、 Under any disk of the computer ( What I chose was D disc ) Create a web-development Empty directory for .
2、 For the front-end framework, we use off the shelf , Go directly to gitee Go up and look for . visit :https://gitee.com/panjiachen, Found two items : One is vue-element-admin, The other is vue-admin-template, The first project is relatively comprehensive , There are many components , The author doesn't suggest doing secondary development directly on it , Therefore, a second project is provided , This is a minimalist version of the former , We are using the second one today .
3、 Get into web-development Catalog , Use git clone Clone the second front-end project template .
( Two ). Construction of back-end works
1、 It's also in web-development Under the table of contents , open cmd, Use command django-admin startproject Command to create a backend project . Our back-end project is called backend. After running, I found that there is one more in the directory backend Catalog , This is the automatically generated back-end project .
2、 Use pycharm open web-development engineering , You can see that the front and rear projects are loaded .
Four . Dependent installation
( One ). Front end dependent installation
1. Go to the front end Directory vue-admin-template Next , All front-end dependencies are placed in this directory package.json In file , We use npm install Install all dependencies ( Be careful : The author does not recommend using cnpm install install , Because there will be some strange problems , If npm install Installation is slow , You can change a Taobao image ).
2、 After installation , If no error is reported , There will be a prompt ,added xxx packages from xxx contributors in xxx.
( Two ). Back end dependent installation
1、 Back end recommended pipenv Create a virtual environment for environment isolation ,pipenv The installation and use method of Baidu . Here is how to create a virtual environment , Enter the virtual environment and install the dependent packages we need . First of all to enter backend Catalog , Use pipenv install Create a virtual environment . During the creation process, we will be prompted which version we use python Create a virtual environment , And the path of the virtual environment finally created .
Last :
You can go to my personal number :atstudy-js, You can get one for free 10G Software Test Engineer interview classic documents . And the corresponding video learning tutorial is free to share ! It includes basic knowledge 、Linux necessary 、Mysql database 、 Caught tools 、 Interface testing tool 、 Test advanced -Python Programming 、Web automated testing 、APP automated testing 、 Interface automation testing 、 Testing advanced continuous integration 、 Test architecture development test framework 、 Performance test, etc .
These test data , For doing 【 software test 】 For our friends, it should be the most comprehensive and complete war preparation warehouse , This warehouse also accompanied me through the most difficult journey , I hope it can help you !
边栏推荐
- Convert numbers to string strings (to_string()) convert strings to int sharp tools stoi();
- Flask1.1.4 Werkzeug1.0.1 源碼分析:啟動流程
- Interview skills of software testing
- 从“跑分神器”到数据平台,鲁大师开启演进之路
- New Year Fireworks code plus copy, are you sure you don't want to have a look
- yarn入门(一篇就够了)
- 【FPGA教程案例14】基于vivado核的FIR滤波器设计与实现
- window下面如何安装swoole
- If you don't know these four caching modes, dare you say you understand caching?
- 693. Travel sequencing
猜你喜欢
SubGHz, LoRaWAN, NB-IoT, 物联网
The solution of a simple algebraic problem
DC-7靶机
生活中的开销,怎么记账合适
Go language learning notes - Gorm use - Gorm processing errors | web framework gin (10)
laravel 使用腾讯云 COS5全教程
win系统下安装redis以及windows扩展方法
Career experience feedback to novice programmers
Laravel uses Tencent cloud cos5 full tutorial
进程间通信之共享内存
随机推荐
Question 102: sequence traversal of binary tree
Bypass open_ basedir
Loss function and positive and negative sample allocation in target detection: retinanet and focal loss
MFC BMP sets the resolution of bitmap, DPI is 600 points, and gdiplus generates labels
360织语发布7.0新品 为党政军、央国企打造专属“统一数字工作空间”
Crudini 配置文件编辑工具
当我们谈论不可变基础设施时,我们在谈论什么
Qtthread, one of many methods of QT multithreading
Jcmd of JVM command: multifunctional command line
JVM命令之 jstat:查看JVM统计信息
Mac version PHP installed Xdebug environment (M1 version)
10W word segmentation searches per second, the product manager raised another demand!!! (Collection)
基于ADAU1452的DSP及DAC音频失真分析
云加速,帮助您有效解决攻击问题!
Check Point:企业部署零信任网络(ZTNA)的核心要素
Redisl garbled code and expiration time configuration
VScode进行代码补全
On the discrimination of "fake death" state of STC single chip microcomputer
蚂蚁庄园安全头盔 7.8蚂蚁庄园答案
[cloud native] what is the microservice architecture?