JavaFX使用html+javascript+css替代fxml的尝试（一）

    陆陆续续的，我接触JavaFX也已经两年了，两年时间里，没有太多的时间去系统性的学习JavaFX，只是在业余时间抽空学习并且实践，总体来说，JavaFX在设计理念上面，要比swing提高了一个层次，前后端分离是很明智的选择，也在JavaFX里面看到了Android的影子。

    我也是一边学习一边做东西，前期做了很多小工具，主要做给公司的运维使用，因为系统是我们开发的，我们最清楚在运维的时候工作量在什么地方，所以我用JavaFX做了一些小工具，辅助运维来完成运维任务，反馈都很好，在这之前我都是用swing去做的。

    但是我比较担心的是我虽然做web开发，而我对CSS却不感兴趣，也导致我的CSS技术很烂，其实最主要的是我自己觉得CSS一点也不牛叉，所以就提不起来兴趣，到现在都是这样。然而做JavaFX程序，如果不会css的话，那么界面美化基本是没戏了，写出来的东西都是原生的样子，而且网上JavaFX开源的控件也比较少，几乎没有，这就让我犯难了。

    直到后面我在oracle官网教程里看到JavaFX很容易就能使用webview来加载网页，更令我惊讶的是它可以加载本地的网页，还能实现java代码和网页中的JavaScript代码互相调用传值，这就让我萌生了想用HTML+JavaScript+CSS来替换FXML文件做系统布局了，因为我本身做web开发的，在web开发中，有数不尽的开源框架使用，例如：jQuery UI，jQuery Easyui，Extjs.....等等一系列的东西，我就可以借助于这些已经成型的web框架来做我JavaFX应用程序的界面布局了，而我在JavaFX里面只需要实现一个webview和我自己的业务逻辑就可以了。

    目前我正在尝试用这种方案做一套仓库管理系统，我选用了Easyui做UI布局，大体上感觉问题不大，也有一些规则需要遵循，目前我尝试了增删改查，都没有问题，只不过需要思维转换一下，以前写web程序的部分东西不能直接用了，因为调用的后台就是本地的java方法，所有的操作都是实时处理，所以没有了http相关的所有内容，也没有了ajax、post等说法，目前一切感觉良好。