1.2：登陆框体实现(结构定义、输入框和登陆)

作者：小傅哥
博客：https://bugstack.cn (opens new window)

沉淀、分享、成长，让自己和他人都能有所收获！

一、前言

从本章节开始我们会陆续实现各个框体的 UI 开发，内容会包括；框体拆解、工程结构、代码开发，以及最后编写事件和接口。

在 JavaFx 中，一个框体包含；窗口 (Stage)、场景(Scene)、布局(Pane)、控件(Button 等) 这四方面内容。而开发过程中可以使用 xml 和编码两种方式进行处理，一般一些预定好的会使用 xml 结构，如果是随着我们业务行为触达而产生的会开发到代码中来生成。

二、登陆窗体分析

按照我们的 UI 开发诉求，将整个页面进行拆解，以方便清楚知道我们的各种类型元素放置位置；