• 前端便捷开发测试示例


          想写这样一篇文章真是由来已久,因为开发测试这个问题困扰过我很久了。最早的时候,我都是ant 到本地的tomcat上开发的,那时候,后台大致写好了程序,我就通过svn软件把后台新的class文件ant到我本地的tomcat上,然后修改前端代码,如果说在我开发测试的过程中后端确保不会有错误的话,那么这样的开发测试其实也还能接受,但是问题就在于,后台也是是不是弄几个bug出来的,那我就惨了,我就要保存刚写好的前端文件,并更新后端文件,再ant到本地,再把之前的前端代码替换掉旧的前端文件。哎,我现在想回去都觉得真惨,真麻烦。后来,伟大的浩伟哥给我搭建了一个线上测试环境,就是换一个域名,但和真实的线上环境是一模一样的,只是域名不一样而已,于是我就直接在svn上改代码,改好以后,更新一个叫build.xml的文件,更改的地方在于一条路径,这条路径指向不同的地址,通过putty操作以后,那个地址上的前端文件就会被替换,于是看到刚写的代码的效果。如果确定好代码了以后,需要更到真实的线上的话,再把那个build.xml的路径改回到线上的地址,通过putty操作就能把最新的效果放到真实的网页上。这个办法有一两个显而易见的好处,一个是代码不用迁移了,都是svn上的代码,只是更新的地址不一样而已,这个好处是很好的。另一个么就是不用是不是ant到本地开发了,也省去了不少精力。但是问题在于,每次需要看效果,我都需要在putty上做操作,虽然也都是up一下的事情,但总觉得有点麻烦,不是特别喜欢。最终,我遇到了一个叫WinSCPd的软件,这个软件的其他用处我还真不是很清楚,但是在前端这边他有这么一个功能:登陆你的线上测试机环境,你通过在WinSCP修改前端文件,点击保存,刷新你的测试页面,你就看到效果了。不用再做什么提交操作了。可能你是测试过来人了,但是对于我,这真是革命性的,极大的提高了我的开发速度,唯一有点遗憾的是,现在的新代码又需要迁移了。好了,我简单展示一下现在的开发测试环境:

    1、你下载一个叫WinSCP的软件,如图:

    2、打开以后,是这样一个界面:

    3、需要填写的信息如下:

    4。登入以后找到你的测试环境的代码的所在文件。在顶部,有设置编辑器的地方,配置好以后你就能通过直接点击相应的文件修改代码了,修改好一点以后,如果你想马上看代码的话,你就ctrl+save,再去测试网页看,就有效果了。

    写得比较简单,但其实也就这样了。WinSCP的其他功能还有待慢慢探索。之前呢,也看到有一些修改代码很直接的方式,比如谷歌上的JetBrains IDE Support,但局限于修改css和html代码,js的高效修改并查看效果我还很少看到。

    如果JSER你有其他的一些高效开发的方法的话,我很希望你也回复点或者你自己另写一篇博客来分享分享哈!

  • 相关阅读:
    【Java】这个案例帮你搞懂Date类型
    MySQL学习笔记十一:触发器
    MySQL学习笔记十:游标/动态SQL/临时表/事务
    MySQL学习笔记九:索引
    MySQL学习笔记八:存储过程与自定义函数
    MySQL学习笔记七:常用函数
    MySQL学习笔记六:表的创建及管理
    MySQL学习笔记五:数据类型
    MySQL学习笔记四:数据库创建与常见操作
    MySQL学习笔记三:MySQL5.7安装后期设置
  • 原文地址:https://www.cnblogs.com/xuchaosheng/p/3018360.html
Copyright © 2020-2023  润新知