作为一名测试工程师的网站开发之路(一)

目录

  • 叙述:
  • 一、创建django 工程
  • 二、创建我们的APP
  • 三、创建我们的开始页面:
  • 四、创建我们的第一个小工具程序

叙述:

  • 作为一名测试开发工程师,在工作中会开发很多工具,之前用labview写测试工具,给别人用的时候,需要安装上G内存的labview软件或者运行环境,十分不便;用python 开发的一个一个工具也都不好管理,于是就想着自己开发一个网站,自己开发的工具 都搬到网页上去实现,这样就方便他人使用,也很好管理了。
  • 用到的软件版本:
    win10 x64
    pycharm 2018 x64 社区版
    python 3.64 x64
    django 3.0.5
    Bootstrap 4.5

一、创建django 工程

1、提前先安装好django,然后按照下图所示创建一个工程,名字叫 mysite,如果这里有疑问,点击这里创建django工程教程:创建简单django工程

C:\Blog>django-admin startproject mysite
C:\Blog>cd mysite
C:\Blog\mysite>python manage.py runserver

You have 17 unapplied migration(s). Your project may not work properly until you apply the migrations for app(s): admin, auth, contenttypes, sessions.
Run 'python manage.py migrate' to apply them.
May 17, 2020 - 13:17:39
Django version 3.0.5, using settings 'mysite.settings'
Starting development server at http://127.0.0.1:8000/
Quit the server with CTRL-BREAK.

2、Django 工程文件结构如下:
作为一名测试工程师的网站开发之路(一)_第1张图片
3、执行下面命令:

C:\Blog>cd mysite
C:\Blog\mysite>python manage.py runserver

4、点击 http://127.0.0.1:8000/ 会打开这样的网页,就说明我们的django工程已经创建好了

作为一名测试工程师的网站开发之路(一)_第2张图片

二、创建我们的APP

1、执行下面的代码,创建我们的app,取名为monkey

C:\Blog\mysite>python manage.py startapp monkey

2、工程会自动创建一个monkey文件夹,如下图
作为一名测试工程师的网站开发之路(一)_第3张图片
3、将 “monkey” 添加在setting文件中
作为一名测试工程师的网站开发之路(一)_第4张图片
4、新建一个文件夹取名为templates,这里面会存放我们的HTML文件,然后配置setting文件去下图。
作为一名测试工程师的网站开发之路(一)_第5张图片
5、 在monkey文件夹下创建一个文件 urls.py ,先添加下面的代码

from django.conf.urls import url
from . import views
urlpatterns=[

]

作为一名测试工程师的网站开发之路(一)_第6张图片
6、然后更新mysite文件夹下的urls.py 文件,如下图:
作为一名测试工程师的网站开发之路(一)_第7张图片

三、创建我们的开始页面:

1、创建一个static 文件夹,因为我们 前端会使用 BootStrap4.5 框架去设计我们的网页,所以static 文件夹中会存放我们的 BootStrap 库文件
作为一名测试工程师的网站开发之路(一)_第8张图片
作为一名测试工程师的网站开发之路(一)_第9张图片
2、编写我们的首页网页first.html ,这里先不要计较内容是什么,后面我会把工程上传CSDN上
作为一名测试工程师的网站开发之路(一)_第10张图片
3、这里我们把路由配置一下。
作为一名测试工程师的网站开发之路(一)_第11张图片
4、编写我们的first.html的视图函数:

from django.http import JsonResponse, HttpResponseRedirect
from django.shortcuts import render,redirect
from .models import *
# Create your views here.
def first(request):
    return render(request,'monkey/first.html')

作为一名测试工程师的网站开发之路(一)_第12张图片
5、这里我们run下我们的工程,看下效果:

C:\Blog\mysite>python manage.py runserver

点击 http://127.0.0.1:8000/ 会打开这样的网页
作为一名测试工程师的网站开发之路(一)_第13张图片
6、我们只需要在后面添加monkey 即 :http://127.0.0.1:8000/ monkey 下面的页面就是我们的首页
作为一名测试工程师的网站开发之路(一)_第14张图片

四、创建我们的第一个小工具程序

1、我们设计网页的最终目的是为了,集合我们的测试工具,下面我们就添加一个小工具,下面我们新建了一个
capl_des.html 文件

作为一名测试工程师的网站开发之路(一)_第15张图片
2、继续添加路由。
作为一名测试工程师的网站开发之路(一)_第16张图片
3、编写我们的视图逻辑功能:
作为一名测试工程师的网站开发之路(一)_第17张图片
4、到这一步如果没报错,则点击 首页的 open
作为一名测试工程师的网站开发之路(一)_第18张图片
5、会打开下面的页面,这个小工具页面功能是,将doors中的test specication 转换为 capl test purpose ,不理解没关系,就是一种数据转换
作为一名测试工程师的网站开发之路(一)_第19张图片
6、根据步骤1-5我们还可以创建我们的第二个小工具:
作为一名测试工程师的网站开发之路(一)_第20张图片
作为一名测试工程师的网站开发之路(一)_第21张图片
7、下节我们继续讲述怎么部署到局域网上。

你可能感兴趣的:(python)