好的，我可以为您提供
一个简单的设计方案：
前端
HTML 和 CSS 部分：
```
html
<!DOCTYPE
html>
<
html>
<head>
<meta charset="UTF-8">
<title>
随机数生成器</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="container">
<h1>
随机数生成器</h1>
<p>生成
一个范围内的随机整数</p>
<form>
<label for="min">最小值：</label>
<input type="number" id="min" name="min" required>
<br>
<label for="max">最大值：</label>
<input type="number" id="max" name="max" required>
<br><br>
<button type="button" id="generate-btn">生成</button>
</form>
<div id="output"></div>
</div>
<script src="script.js"></script>
</body>
</
html>
```
```css
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
.container {
max-width: 600px;
margin: 0 auto;
padding: 20px;
box-sizing: border-box;
}
h1 {
text-align: center;
}
form {
display: flex;
flex-direction: column;
align-items: center;
}
input[type="number"] {
padding: 8px;
border: 1px solid #ccc;
border-radius: 4px;
text-align: center;
width: 100px;
margin: 10px;
}
button {
padding: 8px 16px;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
}
button:hover {
background-color: #3e8e41;
}
#output {
margin-top: 20px;
text-align: center;
font-size: 24px;
}
```
后台 Java 部分：
```java
import java.util.
Random;
public class
RandomNumberGenerator {
public static int generate
RandomNumber(int min, int max) {
Random random = new
Random();
return
random.nextInt(max - min + 1) + min;
}
}
```
以上代码定义了
一个 `
RandomNumberGenerator` 类，其中有
一个 `generate
RandomNumber` 方法，接受最小值和最大值作为参数，并返回
一个在这个
范围内的随机整数。
前端
JavaScript 部分：
```
javascript
const generateBtn = document.getElementById('generate-btn');
const output = document.getElementById('output');
generateBtn.addEventListener('click', () => {
const min = parseInt(document.getElementById('min').value);
const max = parseInt(document.getElementById('max').value);
const
randomNumber = generate
RandomNumber(min, max);
output.innerText =
randomNumber;
});
function generate
RandomNumber(min, max) {
const xhr = new XMLHttpRequest();
xhr.open('GET', '
RandomNumberServlet?min=' + min + '&max=' + max, false);
xhr.send();
return xhr.responseText;
}
```
以上代码定义了
一个 `generateBtn` 变量，表示生成按钮，以及
一个 `output` 变量，表示输出区域。当点击生成按钮时，会从输入框中
获取最小值和最大值，并调用 `generate
RandomNumber` 函数生成
随机数，最后将
随机数显示在输出区域中。
`generate
RandomNumber` 函数通过 AJAX 请求后台的 `
RandomNumberServlet`，将最小值和最大值作为参数。后台会生成
一个随机数，并将其返回给前端，前端将其作为函数的返回值返回。
最后，还需要编写
一个 `
RandomNumberServlet`，它会接收前端传来的最小值和最大值，调用 `
RandomNumberGenerator` 类生成
随机数，并将其返回给前端。
希望这个设计方案能够满足您的需求。
848
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
