首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Django -- 快速测试&页面美化

前言 经过前几篇的介绍,我们以及能够建立简单的网站页面,那如果嫌弃网站页面简陋,那我们就必须要为他加上样式来渲染网络页面,在Django中,我们把这些文件统称为"静态文件"。...经过上面简单的操作,我们就能看到页面效果了。启动服务(如果正在运行中,重启一次),会看到如下效果(样式比较丑)。 ?...add_css.png 这边只是对页面做了简单的样式改变,旨在说明Django是如何添加样式的,实际项目中样式会复杂的多!...---- 测试 测试普通方法 按照Django的要求,Django应用的测试应该写在应用的test.py文件中,测试系统会自动的在所有以 tests 开头的文件里寻找并执行测试代码。...HTTP(结果标头和状态代码)到页面内容,应有尽有。

1.4K20

登录页面测试用例设计

一、功能测试用例设计: 1、正常登录场景 测试用例1:输入正确的用户名和密码,验证用户能否成功登录并跳转到主页面。...3、其他功能 测试用例7:点击“忘记密码”链接,验证是否能正确跳转至找回密码页面。 测试用例8:登录后记住密码功能,验证关闭浏览器后重新打开时是否仍保持登录状态。...3、响应时间测试 测试用例12:测量从用户输入用户名密码到成功登录页面加载完成的时间,确认是否满足性能要求。...2、移动设备兼容性 测试用例20:在不同尺寸和分辨率的移动设备(包括手机和平板)上进行登录测试,确保界面适配良好且功能无误。 测试用例21:测试横竖屏切换时,登录页面元素的位置调整和功能正确性。...十九、用户权限管理测试用例设计: 测试用例46:对于拥有不同角色和权限级别的用户,在登录后验证其能否访问对应的权限资源,以及对无权访问的页面或功能是否进行了有效拦截和提示。

2K21
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    iOS页面加载时间测试初探

    前言 页面加载时间指的页面从创建到可见的时间。严格意义上来说页面加载时间测试,更应该是页面的冷加载,不包含接口返回数据时间。...viewWillDisappear: 视图即将从屏幕上移除 viewDidDisappear: 视图已经被从屏幕上移除 dealloc: 视图被销毁 image 测试方法 view基类打点 一般项目代码都会继承...: 0x7ffd0ce3a550>页面,页面加载耗时:631.00 结语 客户端专项测试已经做了大半年了,从无到有、从有到持续优化。...对我而言有两点思考. 1、专项测试测出来的数据结果,其实并不是记录一个数值而已,更需求了解其背后的技术特性。...2、测试结果是否可能提供给开发同学优化的价值,换位思考如果你是开发,你面对一些冰冷的数据,你如何优化?

    1.9K30

    渗透测试之攻破登录页面

    渗透测试之攻破登录页面 在这里对于渗透中攻破登录框做一些记录!...后进入系统 SQL注入利用万能密码登录,常见的万能密码有: ‘or’=‘or’ ‘or 1=1/* admin’ or 1=1/* 通过扫描系统目录,目录遍历,google hacking找到未授权访问的登陆页面...X-Forwarded-Host: 127.0.0.1 5.图形验证码绕过方式 如果在系统登陆界面加上了验证码,那么上面的方法基本上就都失效了,那有什么方法可以绕过验证呢 1.图形验证码不刷新 在一段时间内只要不刷新页面...5.万能验证码 渗透测试的过程中,有时候会出现这种情况,系统存在一个万能验证码,如0000、9999,只要输入万能验证码,就可以无视验证码进行暴力解析。 6.

    2.1K10

    测试脚本把页面搞崩了

    最近遇到一个bug,测试同学用脚本添加近1000条数据就把页面搞崩了 真是惨重,而且chrome页面请求的接口无任何响应,后端数据有分页,前端也有分页,但是由于数据量过大,ivew的table太不经打了...500条数据就已经感受到页面卡顿了,当为1000条时,页面直接卡死,因此在测试同学极限测试的情况下,生产环境页面直接崩了,这时候,你不可能跟测试说,你为啥要造那么多数据?...,第二天测试告诉我,页面又崩了,于是,这种方式是不行了,那么加个页面吧,把树的子集页面用一个弹框页面展示,这样首页只加载第一级数据,二级数据让后端做了个分页查询,再给前端渲染。...所以ivew的table造成内存的泄漏直接让页面卡死。 ivew的table既然这么不经打,那么我测试下elementUI的table是否比ivew更好。 笔者糊了一个一模一样的测试页面 页面有稍微卡顿了,10000条数据测试,终于把页面搞崩了。点击tree页面明显卡顿,但即使是这样也比ivew1000条的测试数据页面要好得多。

    1.3K20

    在线Web页面测试工具-WebPageTest

    在线Web页面测试工具-WebPageTest 目录 1、简介 2、使用 1、简介 WebPageTest 是一种 Web 性能工具,可提供有关页面在各种条件下的性能的深入诊断信息。...每个测试都可以在世界各地的不同位置、在真实浏览器上、在任意数量的可定制网络条件下运行,其核心是用于测量和分析网页的性能。...输入测试网址。 例如 https://blog.csdn.net/wangmcn 可选择模拟移动端还是桌面端,这里选择模拟移动端,4G 网络。...通常建议使用 Chrome 进行初始测试,因为它报告的信息最多。 当所有设置完成后,点击开始测试。 进入到测试页面,可以看到设备模拟摩托罗拉 G 手机,测试运行 3 次。...点击测试历史,可以查看之前的测试结果记录。

    3.7K30

    有赞页面级E2E测试探索-页面比对

    作者:高祺 部门:电商测试 前言 页面级测试是Web测试中的重要组成部分,它主要关注用户界面的展示、交互以及用户体验,在有赞以及整个业界,页面级测试往往涉及复杂的用户交互,这使得自动化测试面临很大挑战,...因为页面比对主要关注页面外观,避免了复杂的交互逻辑,所以维护成本更低,由于核心逻辑是捕获run的过程中页面变化的截图比对,相对UI自动化测试框架,执行速度取决于测试脚本的编写质量和所模拟的操作复杂程度,...页面比对工具的使用显著提高了测试的覆盖率,降低了因为重复测试而产生的成本,为项目提供了强有力的支撑。...页面比对在电商测试中的广泛应用,对提升整个端的测试和发布流程的质量保障起到了关键作用。...Web页面的视觉回归测试,但对于小程序场景的测试覆盖还存在一些局限性。

    28310

    用httping测试web页面响应时间

    性能测试是软件测试中很重要的工程工程,有时候我们需要测试的一项内容便是web页面响应时间,httping就是这样一种专门用来测试web页面响应时间的开源软件。.../port] -q              quiet, only returncode -V              show the version 每一个选项都有注释 比较好懂 下面就用他来测试本地到...sina的页面响应时间吧 由于网络延时 堵塞等原因 可能出现不稳定的结果 测试10次取平均值 #httping -c10 -g http://www.sina.com.cn PING www.sina.com.cn...,则测试结果就比较可以信任了 #httping -c10 -g http://www.linuxidc.com PING www.linuxidc.com:80 (http://www.linuxidc.com...最小web页面响应时间:17.1  ms 平均web页面响应时间:29.8  ms 最大web页面响应时间:107.0 ms 一般来说 对我们有意义的数据是是平均值 可以用shell直接取到这个值得

    2.4K10

    H5页面测试总结

    来源:http://www.51testing.com/  前言   在最近几个项目中,小编接触了较多关于H5页面的测试,H5页面的测试除了业务逻辑功能测试外,其他部分的测试方法基本是可以通用的,在此对...H5页面的一些通用测试方法进行总结分享给大家。...,能自适应,并且布局不会乱掉,通常情况也属于H5页面;   3)H5页面在PC端也是能访问的,chrome对H5支持最好,功能的测试可以在PC端chrome下先测试,也可以在手机上直接测试。...H5页面测试   1. 环境配置   一般的测试流程是H5页面开发完成后,先在测试环境进行测试,测试通过再部署到线上环境,所以测试阶段要先进行测试环境配置。   2....测试关注点   2.1 业务逻辑测试   业务逻辑相关的测试,视具体业务的需求而定;   2.2 页面元素UI测试   页面UI主要包括文字、图片以及页面布局等方面测试;   文字:风格一致、错别字、标点符号统一

    1.8K21

    H5页面测试总结

    前言 在最近几个项目中,小编接触了较多关于H5页面的测试,H5页面的测试除了业务逻辑功能测试外,其他部分的测试方法基本是可以通用的,在此对H5页面的一些通用测试方法进行总结分享给大家。...如何识别H5 从视觉效果上看,H5页面与APP native页面是一样的,因此测试时经常会问到一个问题,这个页面是不是H5页面?如何识别呢?...,并且布局不会乱掉,通常情况也属于H5页面; 3)H5页面在PC端也是能访问的,chrome对H5支持最好,功能的测试可以在PC端chrome下先测试,也可以在手机上直接测试。...H5页面测试 1. 环境配置 一般的测试流程是H5页面开发完成后,先在测试环境进行测试,测试通过再部署到线上环境,所以测试阶段要先进行测试环境配置。 2....测试关注点 2.1 业务逻辑测试 业务逻辑相关的测试,视具体业务的需求而定; 2.2 页面元素UI测试 页面UI主要包括文字、图片以及页面布局等方面测试; 文字:风格一致、错别字、标点符号统一、换行是否显示正常

    1.2K20

    接口测试平台代码实现18:帮助页面2

    再看看效果: 然后我们再改一下颜色,当我们之后改动各个页面的各种元素的时候,一定要记得,要符合你整个平台的颜色风格,比如我之前登陆页面 是 绿色+红色。 我的首页是绿色+黑色。...position: absolute;left: 200px;top: 0px"> 项目列表 项目列表作为接口测试平台的基础单元... 项目有自己的权限保护系统,用户可放心的在里面进行安全的测试任务,而不被其他人打扰 项目之间可以共享的有 host域名,以便其他人在编辑接口时复用 接口库作为项目内的第一个子模块,主要用来存放用户的接口数据 接口库中 可以对接口进行增删改查 接口库中 可以对接口进行自动健壮性测试...关于我刚刚说的那种显示多个的bug,我详细 大家在日常测试中 应该也遇到过那么一次两次 开发的bug吧,就是忘记隐藏掉之前的记录。

    97530

    H5页面测试总结|干货

    前言 在最近几个项目中,小编接触了较多关于H5页面的测试,H5页面的测试除了业务逻辑功能测试外,其他部分的测试方法基本是可以通用的,在此对H5页面的一些通用测试方法进行总结分享给大家。...如何识别H5 从视觉效果上看,H5页面与APP native页面是一样的,因此测试时经常会问到一个问题,这个页面是不是H5页面?如何识别呢?...,并且布局不会乱掉,通常情况也属于H5页面; 3)H5页面在PC端也是能访问的,chrome对H5支持最好,功能的测试可以在PC端chrome下先测试,也可以在手机上直接测试。...H5页面测试 1. 环境配置 一般的测试流程是H5页面开发完成后,先在测试环境进行测试,测试通过再部署到线上环境,所以测试阶段要先进行测试环境配置。 2....测试关注点 2.1 业务逻辑测试 业务逻辑相关的测试,视具体业务的需求而定; 2.2 页面元素UI测试 页面UI主要包括文字、图片以及页面布局等方面测试; 文字:风格一致、错别字、标点符号统一、换行是否显示正常

    3.1K20

    接口测试平台代码实现10:菜单页面升级

    留言板小程序成功加载进来,点击可进入该系列的留言板: 接口测试平台交流板 在介绍项目列表之前,先让我们热热身,做一个各个页面都会出现的 右上角返回主页按钮,这里会学习到一些css属性和js的使用。...那么我们给其他人分享的平台地址应该是:你的ip:8000/home/ 在我们之后的旅途中,会生产很多页面和功能。那么使用者如何返回主页呢?...现在我们刷新页面,点一下隐藏按钮 看看效果吧: 的确隐藏了,但是这个按钮本身孤零零的放在这不太好看。...好,到目前为止,我们还可以做一个返回主页的按钮,让用户在任何页面都可以迅速返回到主页,那么具体放在哪里呢。...所以这俩个按钮会显示在任何子页面上,一劳永逸。 好,今天内容较多,大家慢慢消化。欢迎分享和转载。

    2K30
    领券