用javabean制作一个页面,页面的背景颜色及文字的大小,字体和颜色可以根据用户的选择来实施,用下拉列表
时间: 2024-02-25 15:58:21 浏览: 20
好的,我可以为您提供一个简单的示例代码,您可以根据自己的需要进行修改:
1. 首先,创建一个JavaBean类,用于设置页面背景颜色、文字大小、字体和颜色:
```java
public class PageSettings {
private String backgroundColor;
private String textColor;
private String fontSize;
private String fontType;
public PageSettings() {}
public String getBackgroundColor() {
return backgroundColor;
}
public void setBackgroundColor(String backgroundColor) {
this.backgroundColor = backgroundColor;
}
public String getTextColor() {
return textColor;
}
public void setTextColor(String textColor) {
this.textColor = textColor;
}
public String getFontSize() {
return fontSize;
}
public void setFontSize(String fontSize) {
this.fontSize = fontSize;
}
public String getFontType() {
return fontType;
}
public void setFontType(String fontType) {
this.fontType = fontType;
}
}
```
2. 在JSP页面中,添加一个下拉列表,用于让用户选择页面的背景颜色、文字大小、字体和颜色:
```html
<form action="page.jsp" method="post">
<label>Background Color:</label>
<select name="backgroundColor">
<option value="white">White</option>
<option value="red">Red</option>
<option value="green">Green</option>
<option value="blue">Blue</option>
</select><br>
<label>Text Color:</label>
<select name="textColor">
<option value="black">Black</option>
<option value="white">White</option>
<option value="red">Red</option>
<option value="green">Green</option>
<option value="blue">Blue</option>
</select><br>
<label>Font Size:</label>
<select name="fontSize">
<option value="small">Small</option>
<option value="medium">Medium</option>
<option value="large">Large</option>
</select><br>
<label>Font Type:</label>
<select name="fontType">
<option value="Arial">Arial</option>
<option value="Helvetica">Helvetica</option>
<option value="Times New Roman">Times New Roman</option>
</select><br>
<input type="submit" value="Submit">
</form>
```
3. 在page.jsp页面中,获取用户选择的参数,并使用JavaBean设置页面的样式:
```java
<%
// 获取用户选择的参数
String backgroundColor = request.getParameter("backgroundColor");
String textColor = request.getParameter("textColor");
String fontSize = request.getParameter("fontSize");
String fontType = request.getParameter("fontType");
// 使用JavaBean设置页面样式
PageSettings pageSettings = new PageSettings();
pageSettings.setBackgroundColor(backgroundColor);
pageSettings.setTextColor(textColor);
pageSettings.setFontSize(fontSize);
pageSettings.setFontType(fontType);
%>
<!DOCTYPE html>
<html>
<head>
<title>Page Settings</title>
</head>
<body style="background-color:<%=pageSettings.getBackgroundColor()%>;color:<%=pageSettings.getTextColor()%>;font-size:<%=pageSettings.getFontSize()%>;font-family:<%=pageSettings.getFontType()%>;">
<h1>Page Settings</h1>
<p>This is a sample page with customized settings.</p>
</body>
</html>
```
这样,当用户选择不同的选项时,页面的背景颜色、文字大小、字体和颜色就会发生变化。希望这个示例能够对您有所帮助!