2025年3月6日17:43:58

master
qmstyle 2025-03-06 17:44:06 +08:00
parent 85c9eff53e
commit 94e5f343b1
6 changed files with 180 additions and 62 deletions

View File

@ -1,5 +1,6 @@
package com.zhangmeng.online.exam.ui.admin; package com.zhangmeng.online.exam.ui.admin;
import com.zhangmeng.online.exam.ui.api.ApiUtils;
import com.zhangmeng.online.exam.ui.layouts.SideMenu; import com.zhangmeng.online.exam.ui.layouts.SideMenu;
import com.zhangmeng.online.exam.ui.layouts.TopMenu; import com.zhangmeng.online.exam.ui.layouts.TopMenu;
import javafx.scene.control.MenuBar; import javafx.scene.control.MenuBar;
@ -23,17 +24,7 @@ public class IndexPage extends BorderPane {
public IndexPage() { public IndexPage() {
SideMenu.SideMenuItem item1 = new SideMenu.SideMenuItem("试卷管理", new SideMenu.SideMenuData("试卷管理", "/paper/list")); sideMenu = new SideMenu(ApiUtils.getMenuItems()); // 导航栏容器
SideMenu.SideMenuItem item2 = new SideMenu.SideMenuItem("题库管理", new SideMenu.SideMenuData("题库管理", "/question/list"));
SideMenu.SideMenuItem item3 = new SideMenu.SideMenuItem("用户管理", new SideMenu.SideMenuData("用户管理", "/user/list"));
SideMenu.SideMenuItem item4 = new SideMenu.SideMenuItem("系统设置", new SideMenu.SideMenuData("系统设置", "/system/setting"));
List<SideMenu.SideMenuItem> menuItems = new ArrayList<>();
menuItems.add(item1);
menuItems.add(item2);
menuItems.add(item3);
menuItems.add(item4);
sideMenu = new SideMenu(menuItems); // 导航栏容器
StackPane contentArea = new StackPane(); // 右侧内容区 StackPane contentArea = new StackPane(); // 右侧内容区
contentArea.setStyle("-fx-background-color: #3ce53c;"); contentArea.setStyle("-fx-background-color: #3ce53c;");

View File

@ -0,0 +1,14 @@
package com.zhangmeng.online.exam.ui.admin;
/**
* @author zm
* @date 2025/3/6 16:51
* @version: 1.0
*/
public class UserListPage {
}

View File

@ -0,0 +1,92 @@
package com.zhangmeng.online.exam.ui.api;
import cn.hutool.core.util.CharsetUtil;
import cn.hutool.http.HttpUtil;
import cn.hutool.json.JSONUtil;
import com.alibaba.fastjson.JSON;
import com.alibaba.fastjson.JSONArray;
import com.alibaba.fastjson.JSONObject;
import com.zhangmeng.online.exam.ui.layouts.SideMenu;
import com.zhangmeng.online.exam.ui.utils.HttpUtils;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
/**
* @author zm
* @date 2025/3/6 15:17
* @version: 1.0
*/
public class ApiUtils {
public static final String API_URL = "http://localhost:8080";
public static List<SideMenu.SideMenuItem> getMenuItems() {
List<SideMenu.SideMenuItem> menuItems = new ArrayList<>();
String sideData = HttpUtils.GET(API_URL + "/user/menu");
JSONObject jsonObject = JSON.parseObject(sideData);
JSONArray data = jsonObject.getJSONArray("data");
for (int i = 0; i < data.size(); i++) {
JSONObject menu = data.getJSONObject(i);
String name = menu.getString("name");
String url = menu.getString("url");
JSONArray children = (JSONArray) menu.get("children");
List<SideMenu.SideMenuData> sideMenuDataList = new ArrayList<>();
children.forEach(child -> {
JSONObject childMenu = (JSONObject) child;
String childName = childMenu.getString("name");
String childUrl = childMenu.getString("url");
SideMenu.SideMenuData sideMenuData = new SideMenu.SideMenuData(childName, childUrl);
sideMenuDataList.add(sideMenuData);
});
SideMenu.SideMenuItem item = new SideMenu.SideMenuItem(name, sideMenuDataList);
menuItems.add(item);
}
return menuItems;
}
public static Map<String, String> getUserList(){
String userListData = HttpUtils.GET(API_URL + "/user/list");
JSONObject jsonObject = JSON.parseObject(userListData);
JSONArray data = jsonObject.getJSONArray("data");
Map<String, String> userMap = new HashMap<>();
for (Object datum : data) {
JSONObject user = (JSONObject) datum;
userMap.put("序号", user.getString("id"));
userMap.put("用户名", user.getString("username"));
userMap.put("电子邮箱", user.getString("email"));
userMap.put("手机号码", user.getString("phone"));
}
return userMap;
}
public static Map<String, String> getRoleList() {
String userListData = HttpUtils.GET(API_URL + "/role/list");
JSONObject jsonObject = JSON.parseObject(userListData);
JSONArray data = jsonObject.getJSONArray("data");
Map<String, String> userMap = new HashMap<>();
for (Object datum : data) {
JSONObject user = (JSONObject) datum;
userMap.put("序号", user.getString("id"));
userMap.put("角色名称", user.getString("name"));
userMap.put("描述", user.getString("desc"));
userMap.put("角色类型", user.getString("type_name"));
}
return userMap;
}
public static Map<String, String> getPermissionList() {
return null;
}
}

View File

@ -38,15 +38,16 @@ public class DynamicTableComponent extends VBox {
} }
} }
public DynamicTableComponent() { public DynamicTableComponent(Map<String, String> dataList) {
super(); super();
TableView<DynamicDataModel> tableView = new TableView<>(); TableView<DynamicDataModel> tableView = new TableView<>();
tableView.setItems(data);
tableView.prefHeightProperty().bind(this.heightProperty());
tableView.prefWidthProperty().bind(this.widthProperty());
// 动态生成列(示例字段)‌:ml-citation{ref="3,4" data="citationList"} // 动态生成列(示例字段)‌:ml-citation{ref="3,4" data="citationList"}
List<String> columns = Arrays.asList("姓名", "年龄", "城市"); List<String> columns = Arrays.asList(dataList.keySet().toArray(new String[0]));
columns.forEach(col -> { columns.forEach(col -> {
TableColumn<DynamicDataModel, String> column = TableColumn<DynamicDataModel, String> column = new TableColumn<>(col);
new TableColumn<>(col);
// 数据绑定‌:ml-citation{ref="1,3" data="citationList"} // 数据绑定‌:ml-citation{ref="1,3" data="citationList"}
column.setCellValueFactory(param -> column.setCellValueFactory(param ->
@ -60,16 +61,19 @@ public class DynamicTableComponent extends VBox {
row.getProperty(col).set(event.getNewValue()); row.getProperty(col).set(event.getNewValue());
}); });
column.prefWidthProperty().bind(tableView.widthProperty().divide(columns.size()));
tableView.getColumns().add(column); tableView.getColumns().add(column);
}); });
// 填充示例数据‌:ml-citation{ref="2,3" data="citationList"} // 填充示例数据‌:ml-citation{ref="2,3" data="citationList"}
data.add(new DynamicDataModel(Map.of( // data.add(new DynamicDataModel(Map.of(
"姓名", "张三", // "姓名", "张三",
"年龄", "28", // "年龄", "28",
"城市", "北京" // "城市", "北京"
))); // )));
tableView.setItems(data); data.add(new DynamicDataModel(dataList));
this.getChildren().addAll(tableView); this.getChildren().addAll(tableView);
} }

View File

@ -1,6 +1,7 @@
package com.zhangmeng.online.exam.ui.layouts; package com.zhangmeng.online.exam.ui.layouts;
import com.zhangmeng.online.exam.ui.admin.IndexPage; import com.zhangmeng.online.exam.ui.admin.IndexPage;
import com.zhangmeng.online.exam.ui.api.ApiUtils;
import com.zhangmeng.online.exam.ui.components.DynamicTableComponent; import com.zhangmeng.online.exam.ui.components.DynamicTableComponent;
import com.zhangmeng.online.exam.ui.components.ShortAnswerComponent; import com.zhangmeng.online.exam.ui.components.ShortAnswerComponent;
import javafx.beans.value.ChangeListener; import javafx.beans.value.ChangeListener;
@ -16,6 +17,7 @@ import javafx.scene.layout.HBox;
import javafx.scene.layout.VBox; import javafx.scene.layout.VBox;
import java.util.List; import java.util.List;
import java.util.Map;
/** /**
@ -25,7 +27,7 @@ import java.util.List;
*/ */
public class SideMenu extends VBox { public class SideMenu extends VBox {
public static class SideMenuData{ public static class SideMenuData {
private String text; private String text;
private String url; private String url;
@ -51,12 +53,12 @@ public class SideMenu extends VBox {
} }
} }
public static class SideMenuItem{ public static class SideMenuItem {
private String text; private String text;
private SideMenuData sideMenuData; private List<SideMenuData> sideMenuData;
public SideMenuItem(String text, SideMenuData sideMenuData) { public SideMenuItem(String text, List<SideMenuData> sideMenuData) {
this.text = text; this.text = text;
this.sideMenuData = sideMenuData; this.sideMenuData = sideMenuData;
} }
@ -69,11 +71,11 @@ public class SideMenu extends VBox {
this.text = text; this.text = text;
} }
public SideMenuData getSideMenuData() { public List<SideMenuData> getSideMenuData() {
return sideMenuData; return sideMenuData;
} }
public void setSideMenuData(SideMenuData sideMenuData) { public void setSideMenuData(List<SideMenuData> sideMenuData) {
this.sideMenuData = sideMenuData; this.sideMenuData = sideMenuData;
} }
} }
@ -92,39 +94,42 @@ public class SideMenu extends VBox {
TitledPane tp = new TitledPane(); TitledPane tp = new TitledPane();
tp.setText(item.getText()); tp.setText(item.getText());
HBox hbox = new HBox(); VBox vbox = new VBox();
hbox.setPadding(javafx.geometry.Insets.EMPTY); vbox.setPadding(javafx.geometry.Insets.EMPTY);
vbox.setAlignment(javafx.geometry.Pos.CENTER);
hbox.setSpacing(10); for (SideMenuData data : item.getSideMenuData()) {
hbox.setAlignment(javafx.geometry.Pos.CENTER);
Label label = new Label(item.getSideMenuData().getText());
hbox.getChildren().add(label);
tp.setContent(hbox);
hbox.hoverProperty().addListener(new ChangeListener<Boolean>() { HBox hbox = new HBox();
@Override hbox.setSpacing(10);
public void changed(ObservableValue<? extends Boolean> observable, Boolean oldValue, Boolean newValue) { hbox.setAlignment(javafx.geometry.Pos.CENTER);
if (newValue){ Label label = new Label(data.getText());
hbox.setStyle("-fx-background-color: #b3f0ee;"); hbox.getChildren().add(label);
}else { vbox.getChildren().add(hbox);
hbox.setStyle("-fx-background-color: white;"); hbox.hoverProperty().addListener(new ChangeListener<Boolean>() {
@Override
public void changed(ObservableValue<? extends Boolean> observable, Boolean oldValue, Boolean newValue) {
if (newValue) {
hbox.setStyle("-fx-background-color: #b3f0ee;");
} else {
hbox.setStyle("-fx-background-color: null;");
}
} }
} });
});
hbox.setOnMouseClicked(event -> { hbox.setOnMouseClicked(event -> {
System.out.println("hbox.setOnMouseClicked====>" + item.getSideMenuData().getUrl());
// Parent parent = hbox.getParent().getParent().getParent().getParent();
// System.out.println(parent.getClass().getName());
Scene scene = hbox.getScene(); System.out.println("hbox.setOnMouseClicked====>" + data.getUrl());
IndexPage root = (IndexPage)scene.getRoot();
switch (data.getUrl()) {
case "/user/list" -> init_table(hbox, ApiUtils.getUserList());
case "/role/list" -> init_table(hbox,ApiUtils.getRoleList());
case "/permission/list" -> init_table(hbox,ApiUtils.getPermissionList());
}
DynamicTableComponent shortAnswerComponent = new DynamicTableComponent(); });
shortAnswerComponent.setPadding(new Insets(15)); }
root.setCenter(shortAnswerComponent); tp.setContent(vbox);
});
tp.expandedProperty().addListener(new ChangeListener<Boolean>() { tp.expandedProperty().addListener(new ChangeListener<Boolean>() {
@Override @Override
@ -141,13 +146,23 @@ public class SideMenu extends VBox {
accordion.expandedPaneProperty().addListener(new ChangeListener<TitledPane>() { accordion.expandedPaneProperty().addListener(new ChangeListener<TitledPane>() {
@Override @Override
public void changed(ObservableValue<? extends TitledPane> observable, TitledPane oldValue, TitledPane newValue) { public void changed(ObservableValue<? extends TitledPane> observable, TitledPane oldValue, TitledPane newValue) {
if (newValue == null){ if (newValue == null) {
System.out.println(oldValue.getText()+ "=====>折叠"); System.out.println(oldValue.getText() + "=====>折叠");
return; return;
} }
System.out.println(newValue.getText()+ "=====>展开"); System.out.println(newValue.getText() + "=====>展开");
} }
}); });
} }
private void init_table(HBox hbox, Map<String, String> dataList) {
Scene scene = hbox.getScene();
IndexPage root = (IndexPage) scene.getRoot();
DynamicTableComponent shortAnswerComponent = new DynamicTableComponent(dataList);
shortAnswerComponent.setPadding(new Insets(15));
shortAnswerComponent.prefHeightProperty().bind(root.heightProperty().subtract(15));
root.setCenter(shortAnswerComponent);
}
} }

View File

@ -3,10 +3,13 @@ package com.zhangmeng.online.exam.ui.utils;
import cn.hutool.core.io.FileUtil; import cn.hutool.core.io.FileUtil;
import cn.hutool.core.util.CharsetUtil; import cn.hutool.core.util.CharsetUtil;
import cn.hutool.http.HttpUtil; import cn.hutool.http.HttpUtil;
import cn.hutool.json.JSONUtil;
import com.alibaba.fastjson.JSONObject; import com.alibaba.fastjson.JSONObject;
import java.io.File; import java.io.File;
import java.util.HashMap; import java.util.HashMap;
import java.util.List;
import java.util.Map; import java.util.Map;
/** /**
@ -21,6 +24,10 @@ public class HttpUtils<T> {
return JSONObject.parseObject(response, clazz); return JSONObject.parseObject(response, clazz);
} }
public static String GET(String url) {
return HttpUtil.get(url, CharsetUtil.CHARSET_UTF_8);
}
public static <T> T GET(String url, Map<String, Object> params, Class<T> clazz) { public static <T> T GET(String url, Map<String, Object> params, Class<T> clazz) {
String response = HttpUtil.get(url, params); String response = HttpUtil.get(url, params);
return JSONObject.parseObject(response, clazz); return JSONObject.parseObject(response, clazz);
@ -39,9 +46,4 @@ public class HttpUtils<T> {
String response = HttpUtil.post(url, paramMap); String response = HttpUtil.post(url, paramMap);
return JSONObject.parseObject(response, clazz); return JSONObject.parseObject(response, clazz);
} }
public static void main(String[] args) {
}
} }