当前位置:网站首页>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 11:31:00 【The elegance of testing】
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 : It can be in the official account : Sad spicy bar ! Get one by yourself 216 Page software testing engineer interview guide document information 【 Free of charge 】. And the corresponding video learning tutorial is free to share !, It includes basic knowledge 、Linux necessary 、Shell、 The principles of the Internet 、Mysql database 、 Special topic of bag capturing 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 testing 、 Safety test, etc. .
I recommend one 【Python Automated test communication group :746506216】, We can discuss communication software testing together , Learn software testing together 、 Interview and other aspects of software testing , Help you advance quickly Python automated testing / Test Development , On the road to high pay .
Friends who like software testing , If my blog helps you 、 If you like my blog content , please “ give the thumbs-up ” “ Comment on ” “ Collection ” One Key triple connection !
边栏推荐
- 数据库同步工具 DBSync 新增对MongoDB、ES的支持
- Array object sorting
- The post-90s resigned and started a business, saying they would kill cloud database
- STM32入门开发 NEC红外线协议解码(超低成本无线传输方案)
- TDengine 社区问题双周精选 | 第二期
- mif 文件格式记录
- Antd select selector drop-down box follows the scroll bar to scroll through the solution
- 科普达人丨一文弄懂什么是云计算?
- [encapsulation of time format tool functions]
- Android interview knowledge points
猜你喜欢
请查收.NET MAUI 的最新学习资源
关于SIoU《SIoU Loss: More Powerful Learning for Bounding Box Regression Zhora Gevorgyan 》的一些看法及代码实现
Unsupervised learning of visual features by contracting cluster assignments
技术分享 | 抓包分析 TCP 协议
数据库同步工具 DBSync 新增对MongoDB、ES的支持
JS add spaces to the string
Avoid mutating a prop directly since the value will be overwritten whenever the parent component
How to use cherry pick?
RationalDMIS2022 高级编程宏程序
LeetCode - 面试题17.24 最大子矩阵
随机推荐
测试开发基础,教你做一个完整功能的Web平台之环境准备
创意信息获2家机构调研:GreatDB 数据库已在9地部署
MIF file format record
Hash / (understanding, implementation and application)
90后,辞职创业,说要卷死云数据库
网络协议 概念
Talk about SOC startup (VI) uboot startup process II
What if copying is prohibited?
Vscode 尝试在目标目录创建文件时发生一个错误:拒绝访问【已解决】
【系统设计】指标监控和告警系统
About the application of writing shell script JSON in JMeter
【愚公系列】2022年7月 Go教学课程 005-变量
基于Retrofit框架的金山API翻译功能案例
关于jmeter中编写shell脚本json的应用
How to use cherry pick?
[question] Compilation Principle
QT implements the delete method of the container
Apprentissage comparatif non supervisé des caractéristiques visuelles par les assignations de groupes de contrôle
R language uses image of magick package_ Mosaic functions and images_ The flatten function stacks multiple pictures together to form a stack layers on top of each other
STM32 entry development write DS18B20 temperature sensor driver (read ambient temperature, support cascade)