测试学开发——第一课：环境搭建与页面开发介绍。

1 环境搭建：
jdk配置+eclipse下载
请参考：https://www.cnblogs.com/ForestDeer/p/6647402.html

2测试页面快速开发技巧

http://www.runoob.com/try/bootstrap/layoutit/

第一步：删除右侧内容，只留下Container
布局设置：可以选择其中的任意一个布局，点击拖动到右侧, 右侧会生成 Row-Coumn。
根据页面需要我们可以选择不同的格局，我们一12布局为例：

第二步：
基本css选择：

这里我们选择提交表单，因为测试页面往往是往后面提交一下测试数据。表单比较是我们测试使用

点击下载，就可以看到页面代码。
直接复制下来。

打开eclipse，新建一个项目
选择web项目

<div class="container"><div class="row clearfix"><div class="col-md-12 column"><form role="form"><div class="form-group"><label for="exampleInputEmail1">Email address</label><input type="email" class="form-control" id="exampleInputEmail1" /></div><div class="form-group"><label for="exampleInputPassword1">Password</label><input type="password" class="form-control" id="exampleInputPassword1" /></div><div class="form-group"><label for="exampleInputFile">File input</label><input type="file" id="exampleInputFile" /><p class="help-block">Example block-level help text here.</p></div><div class="checkbox"><label><input type="checkbox" />Check me out</label></div> <button type="submit" class="btn btn-default">Submit</button></form></div></div>
</div>

在head标签中加入<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">  <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script><script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>

再次刷新页面就可以得到如下内容：

测试学开发——第一课：环境搭建与页面开发介绍。相关推荐

ionic入门教程第一课--环境搭建和新建ionic项目
最近由于公司项目需要,自学Ionic.在这里做个备忘,也希望能帮到想自学ionic的其他朋友. 一.首先需要安装node.js环境,对于不了解node.js的同学也没有关系, 因为我们有用到的只是no ...
潭州课堂25班：Ph201805201 django框架第一课环境搭建 (课堂笔记)
在虚拟机中创建虚拟环 mkvirtualenv -p /usr/bin/python3 djtest mkvirtualenv 是创建命令, -p /usr/bin/python3 是指定在 pyt ...
IOS开发学习 IDE环境搭建教程
IOS开发学习 IDE环境搭建教程是本文要介绍的内容,在坛子里逛了一圈,发现一篇好的文章,与友们分享一下,要有耐心的看整个过程,不多说,直接进入话题. 安装条件: 硬件:一台拥有支持虚拟技术的64位双 ...
测试学开发——第一课：java学习路程
测试学开发--第一课:java学习路程
黑马学成在线--项目环境搭建
完整版请移步至我的个人博客查看:https://cyborg2077.github.io/ 学成在线–项目环境搭建学成在线–内容管理模块学成在线–媒资管理模块学成在线–课程发布模块学成在线–认 ...
SSM搭建二手市场交易平台（一）：开发流程与环境搭建
关于博主努力与运动兼备-~~有任何问题可以加我好友或者关注微信公众号,欢迎交流,我们一起进步! 微信公众号: 啃饼思录 QQ: 2810706745(i思录) 写在前面嘿,小伙伴们好久不见.最近难 ...
VS2008开发Windows Mobile6环境搭建及模拟器联网问题图解
安装了VS2008后,新建一个智能设备的工程,但调试时只有三个WM5.0的模拟器可用,从网上查到要安装WM6.0的SDK,还要安装一些其它的组件才能开始WM(现在最新的叫法叫WP Windows Ph ...
JAVA团队开发手册 - 1.环境搭建
JAVA团队开发手册 - 1.环境搭建写在前面所有公司最核心的根本就是赚钱 + 实现老板的梦想. 对于IT类技术型公司,最大的成本就是人,可以称之为知识型劳动密集型企业. 对比房地产,模糊的说,产 ...
SAP Fiori开发工具——Eclipse环境搭建
SAP Fiori开发工具--Eclipse环境搭建这里我们选择Eclipse Web的Mars版本进行下载. 进入Eclipse官网:Eclipse Downloads | The Eclipse ...

测试学开发——第一课：环境搭建与页面开发介绍。

测试学开发——第一课：环境搭建与页面开发介绍。相关推荐

最新文章

热门文章