- 博客(20)
- 收藏
- 关注
RSS订阅原创 playwright 录制功能使用
有时为了图方便想直接使用playwright的录制功能，打开录制功能可以通过直接安装全局的playwright cli，这样无论在什么样的路径下就可以随时使用playwright的录制功能了。2、确保 Playwright 的可执行文件路径被添加到了系统环境变量。直接playwright codegen+url就可以打开录制工具了。这样就实现了任何目录下都能随时打开playwright的录制功能了。Playwright 的可执行文件通常位于。1、全局安装playwright cli。的全局模块安装目录下。
2024-06-06 10:38:33
545
原创 pytest生成日志文件名加日期后缀
直接可以在这个方法中通过config.pluginmanager.register的方法注册，期中LoggingPlugin是已经定义好的一个object，也可以不定义，用一个空的object。用一个空的object仅是为了确保pytest_configure能够被调用，可以根据实际情况来定。如何利用pytest.ini和自定义插件将log日志文件加日期后缀是最近项目中想优化的一个功能。刚开始想的是直接在pytest.ini文件中加上日期格式化。网上搜索后通过插件的方式解决。没有达到自己想要的结果。
2024-06-05 16:31:22
271
原创 记录国内下载相关插件可以使用的镜像源
华为云 NPM 镜像： https: //mirrors.huaweicloud.com/repository/npm/腾讯云 NPM 镜像： https: //mirrors.cloud.tencent.com/npm/清华大学开源镜像站： https: //mirrors.tuna.tsinghua.edu.cn/npm 官方原始镜像网址是： https: //registry.npmjs.org/网易 NPM 镜像： https: //mirrors.163.com/npm/
2024-02-20 15:30:51
509
原创 Cypress学习-4
这样可以关闭所有类似于这样的uncaught exceptions引发的错误，而不使测试案例失败。而且在support/e2e.js文件中的所有内容都是在测试案例执行前就被加载了。
2024-02-18 17:22:57
200
1
原创 Cypress学习-3
在.then((response)=>)后获取的数据依然要进行异步包装才能保证符合cypress的同步异步策略。方法可以用来将任何值转化为一个可被Cypress队列处理的对象）方法来进行一个异步返回。在Cypress中，所有的命令都是异步的，并且它们会按照队列的方式执行。本节用来记录Cypress.Commands命令自定义方法时同步异步的解决方法。在response中需要返回的数据通过Promise来封装一个异步返回。）的实现应当始终返回一个可被链式调用的对象或Promise。或者通过cy.wrap（
2024-02-01 11:19:33
338
1
原创 flask
新建templates目录，用于存放模板文件。，出现hello world证明项目启动成功。通过社区版pycharm创建flask项目。新建static文件夹，用于存放静态资源。新建app.py文件，用作项目的入口文件。app.py中写入如下代码。通过flask创建项目。运行app.py文件。
2024-01-31 11:25:07
182
原创 Cypress学习-2
然后在运行时，直接运行命令：yarn qa:XXXX 访问不同的环境。可以直接在package.json中将每个地址和环境写出来。在测试用例中直接用cy.visit('')就可以访问地址了。如何配置多个不同的环境，对应多个不同的地址。
2024-01-15 17:09:49
381
1
原创 Vue Dev Tools安装
打开chrome浏览器，输入chrome://extentions/进入扩展程序，打开开发者工具。cd到vue devtool的下载解压目录，然后用cnpm install安装。路径要改成根据实际情况生成的目录，我生成的目录都在src下，不是在build下。下载后解压，然后将解压后的crx文件直接加入到chrome的扩展程序中直接安装。打开开发者工具可以看到vue页签，在这个页签中可以进行调试。cnpm安装成功，则可以直接安装vue devtool。但是通过这种方式安装的vue图标不亮，不能使用。
2024-01-11 15:15:24
829
1
原创 vue3+elementplus+ts搭建权限管理系统--11
其中应用管理模块包含用户管理(User)、机构管理(Dept)、角色管理(Role)、资源管理(Resource)4个子功能模块，系统管理包含用户管理(User)、公告管理(Notice)两个子功能模块，审计日志包含操作日志(Operation)、访问日志(visit)两个子功能模块。本系统导航菜单配置的图标都是elementplus图标集内的图标，因此使用el-icon标签引入对应图标，由于图标的不固定，因此使用组件形式的图标时采用component动态组件，设置is属性对应图标组件名称。
2023-12-20 15:01:02
653
原创 vue3+elementplus+ts搭建权限管理系统--10
中英文翻译在zh-cn.js和en.js文件中编写完整。输入一个不存在的链接，则会直接显示404页面。页面增加backhome的链接。
2023-12-18 15:03:11
427
原创 vue3+elementplus+ts搭建权限管理系统--9
3、修改通用头部组件src/layout/components/PageHeader.vue，完善退出指令脚本。2、添加退出接口的模拟返回函数，修改src/mock/modules/login.js，添加如下内容。登录成功后，在Local Storage中存在用户登录标识。所有登录通用功能都已完成，启动服务，检验效果。退出登录后，用户登录标识就不会再存。
2023-12-18 11:02:01
62
原创 vue3+elementplus+ts搭建权限管理系统--8
接口请求确定之后，需要使用mock模拟该模块的内容，但该用户的信息接口不需要携带任何请求参数，那么请求时带给后端的用户信息只有登录标识token，假设后端时通过这个token获取用户信息的，为方便通过token获取用户信息，模拟数据之前可以将登录成功返回的token加上用户名称，并用一个分隔符(@)隔开用户名和随机token,这样前端模拟就可以直接从token拿到用户名称。因此将用户信息也做成一个计算属性，当用户信息依赖的登录状态发生改变时，就能主动更新通用头部各元件的状态。2、获取用户基本信息。
2023-12-18 10:16:56
252
原创 vue3+elementplus+ts搭建权限管理系统--7
在登录页面没有进行状态管理之前，登录状态标识pm_token存在localStorage中，使用Vuex的话，则将这个状态由Vuex来管理，另外如果是中大型项目的话，可能需要处理不同的模块对应的状态，因为使用模块化进行状态管理。首先，将登录状态或用户的相关状态使用user模块进行管理，在src/store下创建一个modules文件夹，并在modules文件夹下添加user.js文件，先处理登录标识。然后在入口文件中引入该模块。
2023-12-14 15:59:23
159
1
原创 vue3+elementplus+ts搭建权限管理系统--6
因为仅在本地开发或者有需要的时候才进行数据模拟，因此可以通过定义开关来决定是调用后台接口还是使用Mock.js来进行模拟，可以配置的开关包括模拟所有模块开关，模拟单个模块开关以及模拟单个接口开关。最重要的模拟函数处理过程是遍历模块内的所有接口处理函数 for(var key in mod)这行，如果返回配置了isOpen为false，那么这个接口将直接调用后台，而不进行模拟，默认情况下，即不配置isOpen，或者返回了isOpen为true，将根据mock函数处理返回。
2023-12-14 10:16:42
98
1
原创 vue3+elementplus+ts搭建权限管理系统--5
code表示成功标识，200为成功，如果不是200则失败，-1表示正常的失败行为，-2表示登录失效需要跳回登录页面，失败时通常会返回错误原因msg。在src下创建一个request文件夹，然后在文件夹下创建一个config.js文件，将Axios通用配置写入文件中。设置请求头需要带token，如果没有token则跳回登录页面，如果请求超时，则提示请求超时。修改src/views/login/index.vue文件，完善登录页面。正确返回结果时，统一返回格式为JSON，包含code,msg,data。
2023-12-05 15:10:44
64
1
原创 vue3+elementplus+ts搭建权限管理系统--4
个人信息下拉菜单使用Elementplus的el-dropdown下拉菜单组件，下拉菜单的单击事件使用该组件的command属性，设置单击菜单项出发的事件回调，同时通过dropdown插槽设置下拉菜单el-dropdown-menu组件，在该组件的子组件el-dropdown-item上设置command指令，这些指令将传入对应的el-dropdown组件的command事件回调中。功能1：未登录时不显示消息图标和个人信息，需要显示“登录”按钮，但是登录页面不显示“登录”按钮。修改这个变量的值为非0的值。
2023-10-08 20:58:08
231
1
原创 vue3+elementplus+ts搭建权限管理系统--3
3.3 fallbackLocal设置首选语言缺少翻译时需要使用的语言，这个代码的配置是默认先从locale指定的语言zh-cn查找相应的翻译，如果zh-cn中不存在对应的翻译，就从fallbackLocale设置的语言en中查找。在i18n下创建一个language文件夹，用于管理系统的语言包，然后创建两个js文件zh-cn.js和en.js文件，对应的中英文代码如下。公共样式可以添加到App.vue或者设置一个公共样式文件，这里将公共样式写入App.vue文件。5、修改PageHeader.vue。
2023-10-08 19:50:37
119
1
原创 vue3+elementplus+ts搭建权限管理系统--2
这句代码用于判断页面是否是login，NotFound和Personal开始的，如果是则不显示左侧菜单栏。只要在网站任意网页查看html元素有和Normalize.css样式一致的代码则表明已经正常引入Normalize.css。因为在vite项目中process已经被移除了，可以自己在vite.config.js文件中加入如下代码即可解决。/locale/lang/zh-cn' "改成。在main.js中引入。
2023-09-08 16:52:53
110
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人