Javafx窗体 校园二手交易系统——登录界面的设计

这是上学期的课程设计内容，本来是写javaweb的后来写了Java窗体

开发工具为IDEA，数据库为SQL

public class Logn extends Application {

 
    public static void main(String[] args){launch(args);}
    @Override
    public void start(final Stage primaryStage1) throws Exception {


        //创建网格面板
        GridPane rootGP=new GridPane();
        rootGP.setAlignment(Pos.CENTER);
        rootGP.setHgap(10);
        rootGP.setVgap(10);
        rootGP.setPadding(new Insets(10,10,10,10));
        primaryStage1.setTitle("二手商品交易系统登录页面");

        //创建密码文本框pf、文本框tf label1、2
        final PasswordField pf=new PasswordField();
        final TextField tf=new TextField();
        final Label lab1=new Label("用户名:  ");
        final Label lab2=new Label("  密码: ");
        //将文本框和label放进rootGP面板中
        rootGP.add(lab1,0,1);
        rootGP.add (lab2 ,0,2);
        rootGP.add(tf,1,1);
        rootGP.add(pf,1,2);
        tf.setPromptText("输入用户名");
       // tf.setStyle("-fx-background-color: #CD6889; ") ;
        pf.setPromptText("输入密码");
        //pf.setStyle("-fx-background-color: #CD6889; ") ;

        //添加按钮
        final Button jb1=new Button("登录");
        final Button jb2_close=new Button("退出");

        //按钮的位置样式
        jb1.setStyle("-fx-border-radius: 25;" + "-fx-background-radius: 25;"+"-fx-background-color: #EE7942; ");
        jb2_close.setStyle("-fx-border-radius: 25;" + "-fx-background-radius: 25;"+"-fx-background-color: #EE7942;");
        rootGP.add(jb1,0,4);
        rootGP.add(jb2_close,1,4);

        //复选框ComboBox
        final ComboBox<String> cbo=new ComboBox<>();
        final String[] chara={"用户","管理员"};

        //复选框选项
        ObservableList<String>items=FXCollections.observableArrayList(chara);
        cbo.getItems().addAll(items);
        cbo.setPrefWidth(90);
        //复选框样式
        cbo.setStyle("-fx-background-color: #EE1289; ");
        //复选框的值
        cbo.setValue("用户");
        rootGP.add(cbo,2,1);

        Alert alert = new Alert(Alert.AlertType.INFORMATION);
        alert.setTitle("登录提醒");
        alert.setHeaderText(null);
        //最上面的标题图片
        Image image = new Image("/sample/img/second（1）.jpg");
        ImageView imageView = new ImageView(image);
        imageView.setPreserveRatio(true);
        imageView.setFitHeight(250);


        //新建一个布局，将图片放在最顶端，将网格面板放在中间
        BorderPane rootPane = new BorderPane();
        rootPane.setTop(imageView);
        rootPane.setCenter(rootGP);
        Stage stage = new Stage();
        Scene scene = new Scene(rootPane, 500, 450);
        stage.setScene(scene);
        stage.setResizable(false);//不可修改界面大小

//rootGP面板的颜色
 rootGP.setStyle("-fx-background-color: cornsilk; ");
        scene.getStylesheets().add(getClass().getResource("Constants.css").toExternalForm());
        primaryStage1.setScene(scene);
        primaryStage1.getIcons().add(new Image("/sample/img/11.jpg"));
        primaryStage1.show();