百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

企业级UI自动化平台——从零启动(Windows环境)

ccwgpt 2024-10-10 04:42 29 浏览 0 评论

从0开始搭建一个企业级ui自动化平台-windows版。

功能包括部门管理,项目管理,添加脚本,执行脚本,测试计划。

项目技术栈:后端flask框架,前端js+css+ajax+html5,数据库mysql

项目源码+类库版本信息最后一节开源,大家跟着学即可。

框架搭建:

1:安装配置python环境---过程略

2:安装falsk

在命令行(或终端)中安装Flask,首先确保你已经安装了Python和pip(Python的包管理器)。然后只需要运行以下命令即可:

pip install flask

注意:在某些情况下,你可能需要以管理员的身份运行此命令,或者在pip前面添加python -m,即:

python -m pip install flask

上命令将会下载和安装Flask及其依赖。安装完成后,你可以通过运行以下命令来验证Flask是否已经正确安装:

python -c "import flask; print(flask.version)"

这条命令将会打印出已经安装的Flask的版本号。

创建项目:

安装配置pycharm---过程略

注意此教程纯干货,一些简单的配置不讲,你肯定搞得定。

在pycharm新建项目,项目结构如下:

app:

包含teplates文件夹,用于创建所需要的前端界面

包含公共后端底层代码casecommon.py

包含数据库底层封装dbbase.py

包含用于路由转发的后端文件index.py,其内容应包含:

  • from flask import Flask:从 flask 模块中 import Flask 类。Flask 类是 flask 框架的核心,所有应用都必须创建它的实例。
  • app = Flask(name, static_url_path='/uploads', static_folder='D:\flaskdemo01\uploads'):创建Flask 类的实例。参数__name__是 Flask 需要的,用于确定应用的根路径,以便之后找到相关资源,比如静态文件等。static_url_path 用于设置访问静态文件的 URL 前缀,static_folder 用于设置静态文件的物理路径在哪里。
  • from app import index,casecommon:导入了其他Python模块(index和casecommon)。这些外部模块可能包含了更多的路由和视图函数,用于响应不同的 HTTP 请求。这是 flask 框架的一个主要特点,它允许开发者把不同的功能分散到不同的文件中去组织和管理,而不是全部写在一个文件里。

uploads:

包含网站的静态文件,例如 CSS 样式表,JavaScript 脚本以及图像等公共资源

run.py:

此函数为项目运行的入口,他应该包含:

这段 Flask 应用程序的启动脚本的详细解释如下:

from http import server:从 http 模块导入 server。http 是 Python 的标准库之一,用于处理 http 服务。

from urllib import request:从 urllib 模块导入 request,urllib 是 Python 的标准库之一,通常用于处理 URL。

from app import app:从 app 模块(可能是一个文件名为 app.py 的 python 文件)导入名为 app 的 Flask 应用实例。

在 if __name__ == '__main__': 判断块中,app.run(...) 启动了 Flask 应用服务器,使得你的应用开始监听某个(host 参数指定的)IP 地址的(port 参数指定的)端口,对从该 IP 地址发送到该端口的请求做出响应。

app.run()中的参数指定了:debug=True:此模式下,应用会在出错时提供详细的错误日志。但通常在生产环境中,需要将其设为 False。host="0.0.0.0":使得你的应用监听所有的公网 IP 地址,port=9555:使得你的应用监听 9555 端口。server.logger.info('info log'):记录一条信息级别的日志。在最后一条信息,记录了三个重要的参数信息,method(请求方法), path(访问路径),remote_addr(请求上下文)。 在日志中记录这三个信息对于跟踪用户的操作,调试等至关重要。

以上是企业级UI自动化平台的基本框架设置。接下来,我们将深入到第一个功能模块——部门管理,看看如何一步步实现。下一章节开始,敬请期待。

相关推荐

React 开发翻车现场!这 6 个救命技巧,90% 工程师居然现在才知道

前端圈最近都在卷React18新特性,可咱开发时踩的坑却一个比一个离谱!组件卡死、状态乱套、路由错乱...别担心!今天分享6个超实用的React实战技巧,让你轻松拿捏开发难题,代码直接...

Web前端:React JS越来越受欢迎,它的主要优点为什么要使用它?

  ReactJS是一个开源JavaScript库,用于为单页应用程序构建用户界面,它还为不同的移动应用程序提供视图层,并创建可重用的UI组件。  我们可以在Web应用程序的数据中创建特定的更改,而...

性能焦虑!前端人必看!5 个 React 组件优化神技! 颠覆你的认知!

在前端开发的赛道上,性能优化就像一场永不停歇的马拉松。作为前端工程师,你是否常常为React组件的性能问题头疼不已?页面加载缓慢、组件频繁重渲染,这些痛点分分钟让开发进度受阻。别担心!今天就来分享...

React 实战必学!99% 工程师踩过的 5 大坑,3 招教你轻松破解

前端开发的小伙伴们,咱就是说,React现在可是前端界的“顶流明星”,热度一直居高不下!但用它开发项目的时候,是不是总有那么些瞬间,让你怀疑人生,对着屏幕疯狂抓头发?别慌!今天就给大家分享几个超实...

惬意!午间一道 React 题,轻松拿捏前端面试小技巧

忙碌了一上午,眼睛酸涩、脑子发懵?别急着刷短视频“放空”,不如花几分钟和我一起“品尝”一道React面试题小甜点!就像在阳光洒满窗台的午后,泡一杯热茶,惬意又能悄悄涨知识,何乐而不为?最近,...

一起深入盘点 2025 年 React 发展的 10个趋势?

大家好,很高兴又见面了,我是"高级前端进阶",由我带着大家一起关注前端前沿、深入前端底层技术,大家一起进步,也欢迎大家关注、点赞、收藏、转发!1.React服务器组件React服务...

前端掉坑血泪史!4 个 React 性能优化绝招让页面秒开

在前端圈子里摸爬滚打这么多年,我发现React开发时踩坑的经历大家都大同小异。页面加载慢、组件频繁重渲染、状态管理混乱……这些痛点,相信不少前端工程师都感同身受。别愁!今天就给大家分享4个超...

前端人崩溃瞬间!5 招 React 实战技巧让项目起死回生

有没有在写React项目时,遇到页面卡顿到怀疑人生、数据更新不及时、代码逻辑混乱到无从下手的情况?别慌!作为摸爬滚打多年的前端老炮,今天就把5个救命级的React实战技巧倾囊相授,帮你轻松...

8.3K star!React Bits,让你拥有全网几乎所有动画效果

前端开源项目101专栏:一个能让你更快接触到高质量开源项目的地方。我会探索分享精选101个高质量的开源项目。这是系列的第7篇文章,分享一套拥有计划全网所有动画效果,且创意最丰富的动画React组...

开始学习React - 概览和演示教程

#头条创作挑战赛#本文同步本人掘金平台的原创翻译:https://juejin.cn/post/6844903823085944846当我刚开始学习JavaScript的时候,我就听说了React,但...

阿里AI工具Web Dev上线!一句话生成React网页

5月11日,阿里巴巴推出全新AI工具“WebDev”,支持用户通过一句话指令生成网页应用。该工具集成HTML、CSS、JavaScript三大前端核心技术,并统一采用React框架实现,可在数秒内创...

JS流行框架/库排名Top100,看看你熟知的Js排第几

权威的JavaScript趋势榜stats.js.org每15分钟根据github上的stars和forks总数实时汇总出JavaScript开源项目的流行度排名,一起来看看你所熟知的项目排名第几...

新手如何搭建个人网站

ElementUl是饿了么前端团队推出的桌面端UI框架,具有是简洁、直观、强悍和低学习成本等优势,非常适合初学者使用。因此,本次项目使用ElementUI框架来完成个人博客的主体开发,欢迎大家讨论...

站在巨人肩膀上的 .NET 通用权限开发框架:Admin.NET

站在巨人肩膀上的.NET通用权限开发框架Admin.NET是一个面向.NET程序员的低代码平台,java平台类似的框架有ruoyi,芋道,JeelowCode等。这类框架普遍采用前后端分离的开发技...

Python+selenium自动化之判定元素是否存在

在测试过程中,我碰到过这类的问题,使用find_element却找不到某个元素而产生异常,这就需要在操作某个元素之前判定该元素是否存在,而selenium中没有判定元素是否存在的方法,或者判定相同的元...

取消回复欢迎 发表评论: