使用java随机数,生成前端标签,再对字符串标签进行排版
<h2><span><h4></h4></span><h4></h4></h2><p><img><p></p></img><div><h5></h5><h6><div><h4><h3><h5><h6><h1><img></img></h1></h6><span></span></h5></h3><h3></h3></h4><h5><h6></h6></h5></div><div><a><h4><h2></h2><a></a></h4><p><h2><img><a></a></img><h3></h3></h2><h1><h3></h3><h1></h1></h1></p></a><h4></h4></div></h6></div></p><span></span><span></span><h2><h3><h3></h3></h3><h2></h2></h2><h2><a></a><h5><span><h3><span><div><h1></h1><span></span></div><span><a></a><h2><p></p></h2></span></span></h3><img><h5><h3></h3><h3></h3></h5></img></span><h1><a><img><h1></h1></img></a></h1></h5></h2><div></div><h2></h2><img><div></div><p></p></img><img><h5><img><h2></h2><p></p></img></h5></img><h6></h6><h5></h5><h4><h1></h1></h4><h1></h1>
具体的问题是?
不知道你这个问题是否已经解决, 如果还没有解决的话:众所周知,java常用来做服务器开发。常有的功能如:
登录操作,用来写账号密码验证逻辑。
转账操作。
等,一些私密性的操作。
那么前端呢?前端主要是用来展示的,将后端的这些逻辑友好的展示给用户。如。
登录的时候有正在登录的提示。
网卡的时候展示loding的提示
等等。久而久之,随着与用户交互的方式越来越多,出现了很多其它的端,如pc端(QQ)、安卓端(安卓上的QQ)、ios端、小程序等等,这些都是与用户交互的端,也都是用来展示的端。。
综上所述,可以总结来说:后端是主要做业务逻辑的,超级复杂的功能业务代码都在后端来处理。展示的端主要是用来跟用户交互的,展示性的代码,有前端、pc端、安卓端等等。这些用来展示的端一般都会对应同一套后端代码。例如:电脑和手机玩qq的时候,信息都是同步的。
前端请求如何到达后端的?
试想,我的在浏览器输入一个网站都发生了什么?难道是一个浏览器里面保存了世界上所有的信息吗?有的网页游戏那么好玩,几百兆的浏览器里面还能玩游戏?这也太厉害了。是如何实现的呢?
这里先放下四个字:信息传输。
针对问题中的具体需求,使用Java的随机数生成器可以生成指定数量的字符串标签。然后可以使用HTML的表格或列表标签进行排版,并使用CSS进行样式设置,使排版更美观。
具体步骤如下:
import java.util.Random;
public class TagGenerator {
private static final String CHARACTERS = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
public static String generateTag(int length) {
Random random = new Random();
StringBuilder sb = new StringBuilder();
for (int i = 0; i < length; i++) {
sb.append(CHARACTERS.charAt(random.nextInt(CHARACTERS.length())));
}
return sb.toString();
}
}
<!-- 表格排版 -->
<table>
<tr>
<td><span class="tag">标签1</span></td>
<td><span class="tag">标签2</span></td>
<td><span class="tag">标签3</span></td>
</tr>
<tr>
<td><span class="tag">标签4</span></td>
<td><span class="tag">标签5</span></td>
<td><span class="tag">标签6</span></td>
</tr>
<tr>
<td><span class="tag">标签7</span></td>
<td><span class="tag">标签8</span></td>
<td><span class="tag">标签9</span></td>
</tr>
</table>
<!-- 列表排版 -->
<ul>
<li><span class="tag">标签1</span></li>
<li><span class="tag">标签2</span></li>
<li><span class="tag">标签3</span></li>
<li><span class="tag">标签4</span></li>
<li><span class="tag">标签5</span></li>
<li><span class="tag">标签6</span></li>
<li><span class="tag">标签7</span></li>
<li><span class="tag">标签8</span></li>
<li><span class="tag">标签9</span></li>
</ul>
<!-- CSS样式设置 -->
<style>
table {
border-collapse: collapse;
}
td {
padding: 10px;
}
.tag {
display: inline-block;
padding: 5px;
border-radius: 10px;
background-color: #E6E6E6;
color: #333;
font-size: 14px;
}
ul {
list-style: none;
padding: 0;
}
li {
display: inline-block;
margin: 5px;
}
.tag {
display: inline-block;
padding: 5px;
border-radius: 10px;
background-color: #E6E6E6;
color: #333;
font-size: 14px;
}
</style>
<!-- HTML代码 -->
<div id="tags">
</div>
<!-- JavaScript和jQuery代码 -->
<script>
var numTags = 20; // 指定要生成的标签的数量
for (var i = 0; i < numTags; i++) {
$("#tags").append('<span class="tag">' + generateTag(8) + '</span>');
}
</script>
<!-- CSS样式设置 -->
<style>
#tags {
display: block;
margin: 0 auto;
text-align: center;
}
.tag {
display: inline-block;
padding: 5px;
border-radius: 10px;
background-color: #E6E6E6;
color: #333;
font-size: 14px;
margin: 5px;
}
</style>