发布网友
共3个回答
热心网友
首先:采用什么技术实现
java语言可以使用awt 和swing等技术实现图形界面
推荐使用Swing,因为Swing比AWT更专业,更漂亮,组件更丰富,功能更强大。
2. 其次:分析采用什么布局
边界布局BorderLayout,配合表格布局GridLayout,既简单又美观
3. 最后:分析需求中需要用的组件
学生姓名 学号 显示信息 需要用到文本框JTextField
单选按钮 需要用到组件 JRadioButton
复选框 需要用到组件 JCheckBox
组合框 需要用到组件 JComboBox
图片效果
参考代码如下
//导入所需要的包
热心网友
你的意思是图形编辑器??
java开发工具eclipse和myeclipse都不具备图形编译功能
不过你可以试一试Dreamweaver 这个是专业的网页编辑工具
热心网友
<!DOCTYPE html>
<html
class="chrome js no-touch rgba multiplebgs backgroundsize boxshadow textshadow opacity cssanimations cssgradients csstransitions generatedcontent
js no-touch rgba multiplebgs backgroundsize boxshadow textshadow opacity cssanimations cssgradients csstransitions generatedcontent">
<head>
<script type="text/javascript">
var viewInfo = function(){
var name=document.getElementById('name').value;
var number=document.getElementById('number').value;
var sex=document.getElementById('sex').value;
var selection1=document.getElementById('selection1').value;
var selection2=document.getElementById('selection2').value;
var selection3=document.getElementById('selection3').value;
var selection4=document.getElementById('selection4').value;
var message = "姓名:"+name+"\r\n"
+"学号:"+number+"\r\n"
+"性别:"+sex+"\r\n"
+"课程:"+selection1+"中的"+selection2+"\r\n"
+"教师:"+selection3+"中的"+selection4+"\r\n"
document.getElementById("message").value = message;
}
</script>
<style id="holderjs-style" type="text/css">
.bootstrap-frm {
margin-left:auto;
margin-right:auto;
max-width: 500px;
background: #FFF;
padding: 20px 30px 20px 30px;
font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #888;
text-shadow: 1px 1px 1px #FFF;
border:1px solid #DDD;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.bootstrap-frm h1 {
font: 25px "Helvetica Neue", Helvetica, Arial, sans-serif;
padding: 0px 0px 10px 40px;
display: block;
border-bottom: 1px solid #DADADA;
margin: -10px -30px 30px -30px;
color: #888;
}
.bootstrap-frm h1>span {
display: block;
font-size: 11px;
}
.bootstrap-frm label {
display: block;
margin: 0px 0px 5px;
}
.bootstrap-frm label>span {
float: left;
width: 20%;
text-align: right;
padding-right: 10px;
margin-top: 10px;
color: #333;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: bold;
}
.bootstrap-frm input[type="text"], .bootstrap-frm input[type="email"], .bootstrap-frm textarea, .bootstrap-frm select{
border: 1px solid #CCC;
color: #888;
height: 20px;
line-height:15px;
margin-bottom: 16px;
margin-right: 6px;
margin-top: 2px;
outline: 0 none;
padding: 5px 0px 5px 5px;
width: 70%;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.bootstrap-frm input[type="radio"]{
height: 15px;
line-height:15px;
margin-bottom: 16px;
padding: 5px 0px 5px 5px;
margin-right: 6px;
margin-top: 2px;
}
.bootstrap-frm select {
background: #FFF url('down-arrow.png') no-repeat right;
background: #FFF url('down-arrow.png') no-repeat right;
appearance:none;
-webkit-appearance:none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
width: 30%;
height: 35px;
line-height:15px;
}
.bootstrap-frm textarea{
height:100px;
padding: 5px 0px 0px 5px;
width: 70%;
}
.bootstrap-frm .button {
background: #FFF;
border: 1px solid #CCC;
padding: 10px 25px 10px 25px;
color: #333;
border-radius: 4px;
}
.bootstrap-frm .button:hover {
color: #333;
background-color: #EBEBEB;
border-color: #ADADAD;
}
</style>
</head>
<body>
<form action="" method="post" class="bootstrap-frm">
<h1>Table
<span>Please fill all the texts in the fields.</span>
</h1>
<label>
<span>姓名 :</span>
<input id="name" type="text" name="name" placeholder="姓名" />
</label>
<label>
<span>学号 :</span>
<input id="number" type="email" name="number" placeholder="学号" />
</label>
<label>
<span>性别 :</span>
<input id="sex" type="radio" name="email" value="男" />男
<input id="sex" type="radio" name="email" value="女" />女
</label>
<label>
<span>课程 :</span><select name="selection" id="selection1">
<option value="理科">理科</option>
<option value="文科">文科</option>
</select>
<select name="selection" id="selection2">
<option value="语文">语文</option>
<option value="数学">数学</option>
</select>
</label>
<label>
<span>任课教师 :</span><select name="selection" id="selection3">
<option value="理科老师">理科老师</option>
<option value="文科老师">文科老师</option>
</select>
<select name="selection" id="selection4">
<option value="语文老师">语文老师</option>
<option value="数学老师">数学老师</option>
</select>
</label>
<label>
<span>显示信息 :</span>
<textarea id="message" name="message" placeholder="显示信息"></textarea>
</label>
<label>
<span> </span>
<input type="button" class="button" value="Send" onclick="viewInfo();"/>
</label>
</form>
</body>
</html>追问求一个·能用netbeans运行的,不是网页,