发送好友邀请页面实现

最新推荐文章于 2023-11-30 14:08:50 发布

iteye_9466

最新推荐文章于 2023-11-30 14:08:50 发布

阅读量395

点赞数 1

CC 4.0 BY-SA版权

文章标签： Struts XHTML CSS HTML

本文链接：https://blog.youkuaiyun.com/iteye_9466/article/details/81890590

这是一个关于庄园时代游戏中的好友邀请系统的页面实现介绍。页面使用了Java和HTML进行开发，并通过Struts框架进行标签库的引用。该系统允许玩家选择并邀请游戏中的好友。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%@ page import="com.siku.manorage.common.renrenApi.QiDianApi" %>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ page import="java.util.*" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>庄园时代</title>
<style type="text/css">
* {
margin: 0px;
padding: 0px;
}

body {
font-size: 12px;
color: #333333
}

a {
color: #895f02;
text-decoration: none;
}

a:hover {
color: #bb943e;
text-decoration: underline;
}

ul,ul li {
list-style: none;
padding: 0px;
margin: 0px;
}

.box {
width: 700px;
margin: 10px 0;
}

.cont {
width: 95%;
margin-left: auto;
margin-right: auto;
}

h3 {
padding: 0px;
margin: 0px;
}

.box h3 {
line-height: 30px;
text-align: center;
font-size: 15px;
}

.cont_msg {
width: 95%;
border: solid 1px #ccc;
margin: 10px 0;
height: 400px;
line-height: 22px;
/**/
overflow: scroll;
}

.cont_msg ul {
width: 98%;
margin-top: 10px;
margin-bottom: 10px;
/*margin:10px;
width:21%;
list-style:none;
border:solid 1px #CCC;*/
}

.cont_msg ul li {
float: left;
line-height: 21px;
list-style: none;
text-align: center;
display: inline;
margin-left: 20px;
margin-top: 15px;
}

.cont_msg ul li img {
width: 60px;
height: 60px;
padding: 2px;
border: solid 1px #ccc;
}

.clear {
clear: both;
}

.input {
background-color: #FFFFFF;
height: 16px;
width: 180px;
border: solid 1px #ccc;
}

.btn a {
background-color: #d5ac4f;
padding: 0 8px;
line-height: 16px;
border: solid 1px #c39839;
text-align: center;
color: #fff;
float: left;
margin-right: 10px;
display: block;
}

.btn a:hover {
color: #aa7e1d;
background-color: #dec282;
border: solid 1px #d1ab54;
}

.tLeft {
float: left;
width: 225px;
}

h3 {
color: #a77609;
}
</style>

<body>

<%
   List<HashMap> list = new ArrayList<HashMap>();
   Map map1 = new HashMap();
   for(int i =0;i<1;i++){
    map1.put("1" ,"img/ph01.jpg");
    map1.put("2" ,"张三");
    map1.put("3" ,"12131");
    list.add((HashMap) map1);
   }

%>

<div class="box">
<h3>请选择您要添加的好友</h3>
<br />
<div class="cont">
<p><span class="tLeft">输入：<input name="" type="text"
class="input" /></span> <span class="btn"><a href="#">查找</a></span></p>
<div class="clear"></div>

<%
   for (HashMap hashMap : list) {
       %>
        <li><a href="#"><img src="<%=hashMap.get("1") %>" border="0" /><br />
         <input name="uid" type="checkbox" id ="uid" value="<%=hashMap.get("3") %>" />
<%=hashMap.get("2") %></a></li>

       <%
      }
   %>

</p>
<p><span class="btn"><a href="#" onclick="return fmsubmit();">发送好友请求</a></span> <span
class="btn"><a href="#">跳过</a></span></p>

</div>
</div>
</form>
</body>
</html>