測試平臺開發之--專案下的服務和版本實現思路
阿新 • • 發佈：2021-07-21
目標
專案 => 服務 => 版本
以專案為單位，通過專案實現服務級別及版本級別的關聯
表關係 專案 1 ：服務 n ：版本 n測試面試寶典
元件
卡元件：https://element.eleme.cn/#/zh-CN/component/card
例如：
<el-card class="box-card">
<div slot="header" class="clearfix">
<span>卡片名稱</span>
<el-button style="float: right; padding: 3px 0" type="text">操作按鈕</el-button>
</div>
<div v-for="o in 4" :key="o" class="text item">
{{'列表內容 ' + o }}
</div>
</el-card> Dialog元件，彈出頁面功能使用：https://element.eleme.cn/#/zh-CN/component/dialog
例如：
<el-button type="text" @click="dialogVisible = true">點選開啟 Dialog</el-button>
<el-dialog
title="提示"
:visible.sync="dialogVisible"
width="30%"
:before-close="handleClose">
<span>這是一段資訊</span>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="dialogVisible = false">確 定</el-button>
</span>
</el-dialog> 後端實現
# !/usr/bin/env python
# -*- encoding: utf-8 -*-
# @Author : 編測編學大野
from project_setting.model.settingSql import SettingSql
import json
from flask import request, jsonify
from common.database import DataBase
class SettingApi:
def addService(self):
'''
增加服務api
:return:
'''
data = json.loads(request.data)
sql = ss.add_service(data['project_id'], data['service_name'], data['service_desc'])
db.lp3_platform(sql, m='w')
return jsonify({"success": "true"})
def addVersion(self):
'''
增加服務版本api
:return:
'''
data = json.loads(request.data)
# serviceIdSql = ss.select_serviceId(data["service"])
# serviceId = db.lp3_platform(serviceIdSql)
sql = ss.add_version(data["project_id"], data["service_id"], data["version_name"], data['version_manage'],
data['version_desc'])
print(sql)
db.lp3_platform(sql, m='w')
return jsonify({"success": "true"})
def selectProject(self):
'''
查詢專案
:return:
'''
sql = ss.select_project()
project = db.lp3_platform(sql)
return jsonify(project)
def serviceVersion(self):
'''
查詢服務版本
:return:
'''
project_id = request.args.get('project_id')
sql = ss.select_service(project_id)
data = db.lp3_platform(sql)
return jsonify(data)
def updateProject(self):
'''
更新專案
:return:
'''
data = json.loads(request.data)
sql = ss.updeta_project(data['project_name'], data['project_code'], data['project_manager'], data['desc'],
data['project_id'])
try:
db.lp3_platform(sql, m='w')
return jsonify({"success": "true"})
except Exception as e:
return jsonify({"success": "false"})
def select_project_id(self):
project_id = request.args.get("project_id")
sql = ss.select_project_id(project_id)
data = db.lp3_platform(sql)
return jsonify(data)
def select_service_id(self):
service_id = request.args.get("service_id")
sql = ss.select_service_id(service_id)
data = db.lp3_platform(sql)
return jsonify(data)
def select_version_id(self):
version_id = request.args.get("version_id")
sql = ss.select_version_id(version_id)
data = db.lp3_platform(sql)
return jsonify(data)
def updateService(self):
'''
更新服務
:return:
'''
data = json.loads(request.data)
sql = ss.updeta_service(data['service_name'], data['service_desc'], data['service_id'])
try:
db.lp3_platform(sql, m='w')
return jsonify({"success": "true"})
except Exception as e:
return jsonify({"success": "false"})
def select_version(self):
service_id = request.args.get("service_id")
sql = ss.select_version(service_id)
data = db.lp3_platform(sql)
return jsonify(data) 路由實現
# !/usr/bin/env python
# -*- encoding: utf-8 -*-
# @Author : 編測編學大野
from flask import Blueprint
project_setting = Blueprint('project_setting', __name__, url_prefix='/platform')
project_setting.add_url_rule('/addVersion/', view_func=stapi.addVersion, methods=['PUT'])
project_setting.add_url_rule('/addService/', view_func=stapi.addService, methods=['PUT'])
project_setting.add_url_rule('/updateProject/', view_func=stapi.updateProject, methods=['PUT'])
project_setting.add_url_rule('/updateService/', view_func=stapi.updateService, methods=['PUT'])啟動實現
# !/usr/bin/env python
# -*- encoding: utf-8 -*-
# @Author : 編測編學大野
from flask import Flask
from project_setting import project_setting
from datetime import timedelta
import os
from flask_session import Session
session = Session()
app = Flask(__name__)
app.config['SESSION_TYPE'] = 'filesystem'
app.config['SECRET_KEY'] = os.urandom(24)
app.config['PERMANENT_SESSION_LIFETIME'] = timedelta(weeks=1)
app.config['JSON_AS_ASCII'] = False
session.init_app(app=app)
if __name__ == '__main__':
app.run(debug=True)前端實現
<template>
<div>
<div style="height:10%">
<el-button style="float: left;font-size:10px;" type="primary" @click="openServiceInput()">新增服務</el-button>
</div>
<div style="overflow-y:scroll;overflow-x:hidden;height:95%">
<el-row :gutter="10">
<el-col :span="4" v-for="(test,index) in listService" :key="index" :offset="1">
<el-card :body-style="{padding:'2px'}" style="padding: 5px;margin-bottom: 20px;border: 5px solid #d4e7f3;color:#9b6559;">
<div style="height:40px">
<span>{{test.service_name}}</span>
<el-dropdown style="float: right;padding: 3px 0" >
<span class="el-dropdown-link"> <i class="el-icon-setting"></i></span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item>服務詳情</el-dropdown-item>
<el-dropdown-item><el-button type="text" @click="dialogserverUPDATE = true,select_service_id(test.id)">服務修改</el-button>
</el-dropdown-item>
<el-dropdown-item>刪除</el-dropdown-item>
<el-dropdown-item>
<el-button type="text" @click="openVersion(test.id)">增加版本</el-button>
</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
<!-- 修改服務 -->
<el-dialog title="修改服務資訊" :visible.sync="dialogserverUPDATE" width="">
<el-form :model="formData">
<el-form-item label="服務名稱:">
<el-input v-model="formData.service_name" style='width:30%'></el-input>
</el-form-item>
<el-form-item label="服務描述:" >
<el-input type="textarea" :rows="3" placeholder="請輸入內容" style='width:30%' v-model="formData.service_desc"> </el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="dialogserverUPDATE = false">取 消</el-button>
<el-button type="primary" @click="update_service(test.id)">更 新</el-button>
</div>
</el-dialog>
<!-- 建立版本 -->
<el-dialog title="建立版本" :visible.sync="dialogversion">
<el-form :model="formData">
<el-form-item label="版本名稱:">
<el-input v-model="formData.version_name"></el-input>
</el-form-item>
<el-form-item label="版本負責人:">
<el-input v-model="formData.version_manage"></el-input>
</el-form-item>
<el-form-item label="版本描述:" >
<el-input type="textarea" :rows="3" placeholder="請輸入內容" v-model="formData.version_desc"> </el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @