Test the foundation of development, and teach you to prepare for a fully functional web platform environment

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 ！