Java FX前端开发与测试
<table><thead>
<tr>
<th>这个作业属于哪个课程</th>
<th style="text-align: center">2021春软件工程实践S班(福州大学)</th>
</tr>
</thead>
<tbody>
<tr>
<td>这个作业要求在哪里</td>
<td style="text-align: center">软件工程实践总结&个人技术博客</td>
</tr>
<tr>
<td>这个作业的目标</td>
<td style="text-align: center">总结软件工程实践课程的技术方面</td>
</tr>
<tr>
<td>其他参考文献</td>
<td style="text-align: center">JavaFX样式，Java FX使用内置的布局面板等，（更多内容见Java FX中文文档)</td>
</tr>
</tbody>
</table>
<p></p><div class="toc"><div class="toc-container-header">目录</div><ul><li>技术概述</li><li>技术详述</li><li>技术使用中遇到的问题和解决过程</li><li>总结</li><li>参考链接</li></ul></div><p></p>
<h2 id="技术概述">技术概述</h2>
<p>Java FX前端开发技术与测试技术主要用在Java程序设计的GUI设计部分，在桌面客户端应用程序使用广泛。软件工程实践“你画我猜”中需要用到Java FX技术，因此学习。该技术比较困难的点主要在于，GUI设计不能像C#那样直接拖动组件，需要一行一行写代码。</p>
<h2 id="技术详述">技术详述</h2>
<ul>
<li>
<p>在开发之前需要配置开发环境。以eclipse为例：</p>
<ul>
<li>
<p>首先，安装插件：在eclipse菜单栏找到help->install new software…</p>
</li>
<li>
<p>接着点击Add添加一个新的repository：</p>
</li>
<li>
<p>name设置为e(fx)clipse，location为e(fx)clipse的下载地址：http://download.eclipse.org/efxclipse/updates-nightly/site</p>
</li>
<li>
<p>添加完成后等待下方的Name栏中出现e(fx)clipse的安装包，全部勾选然后next，接着按照提示点击接受协议，等待安装完成。（上述步骤具体做法见参考资料：https://www.jb51.net/article/181980.htm ）</p>
</li>
<li>
<p>接下来就能新建Java FX程序了。此时，选择File -> new -> Project，创建工程的界面可以看到有JavaFX（默认是没有的），如下：<br>
<img src="https://img2020.cnblogs.com/blog/2292092/202106/2292092-20210627184305036-984476484.png" alt="image" loading="lazy"></p>
</li>
</ul>
</li>
<li>
<p>创建完Java FX工程后就能进行编码操作，默认的程序还能运行。关于GUI的代码，全部写在start函数里面（可以在类中创建其他方法，在start函数调用也可以），例如Hello World程序：</p>
</li>
</ul>
<pre><code>@Override
public void start(Stage primaryStage) {
Button btn = new Button();
btn.setText("Hello World");
StackPane root = new StackPane();
root.getChildren().add(btn);
Scene scene = new Scene(root, 300, 250);
primaryStage.setTitle("Hello World");
primaryStage.setScene(scene);
primaryStage.show();
}
</code></pre>
<ul>
<li>在GitHub实训和团队项目中用到的布局基本上是使用边框面板(BorderPane)，实现如下：</li>
</ul>
<pre><code>HBox hbox = addHBox()
border.setTop(hbox);
border.setLeft(addVBox());
addStackPane(hbox); //添加一个堆栈面板到上方区域的HBox中
border.setCenter(addGridPane());
border.setRight(addFlowPane());
</code></pre>
<ul>
<li>
<p>实际上，多数操作都和Java swing类似。</p>
</li>
<li>
<p>关于测试方面，GUI测试太过复杂，目前只考虑用运行程序查看结果的方式测试。其他方面（如后端代码）的测试，还是使用JUnit，不再赘述。（参考：https://blog.csdn.net/fulishafulisha/article/details/80158392 ）</p>
</li>
</ul>
<h2 id="技术使用中遇到的问题和解决过程">技术使用中遇到的问题和解决过程</h2>
<ol>
<li>
<p>在测试的过程中，一开始不懂得用什么测试工具进行各种测试。<br>
解决过程：实际上，运行程序，也算是测试的一种。有时候运行一下程序就能发现好多bug，不一定要测试工具。测试只是为了找到程序的问题。</p>
</li>
<li>
<p>Java FX前端技术现学现用，不能很理解里面的具体含义。<br>
解决过程：先套模板，再进行修改完善。借鉴网上Java FX教程中已有的代码进行修改，手敲一些代码就会理解一些。</p>
</li>
</ol>
<h2 id="总结">总结</h2>
<ul>
<li>Java FX技术类似于Java的Swing编程技术，甚至在某种情况下Java FX前端更强大一些，可用于桌面端应用程序开发。</li>
<li>先创建一个工程项目，再套用各种布局面板，即可设计出GUI界面。</li>
</ul>
<h2 id="参考链接">参考链接</h2>
<p>JavaFX样式<br>
Java FX使用内置的布局面板等<br>
（更多内容见Java FX中文文档)</p><br><br>
来源：https://www.cnblogs.com/hkr-blog/p/14934061.html
頁:
[1]