《软件工程综合实践》第二次小结
第一周第三、四、五天老师主要带领我们完成了网页前端样式的编写和网页前端与数据库后台的连接,前端一共做了三个jsp格式的网页
进入web工程的第一个网页界面是:
该页面代码如下:
index.jsp
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
</head>
<body>
<center>
<div class="divcss5">
<center><h1><font color="red">操作列表</font></h1>
<s:a href="jsp/custInfo.jsp">客户信息管理</s:a><br><br><br>
<s:a href="listComany.action">查询公司信息</s:a></center>
</div>
<center>
</body>
</html>
查询公司信息功能暂时没有完成,点击客户信息管理就会进入第二个网页:
页面编写代码:
<%@ page language="java" pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>客户信息维护</title>
<style>
.divcss5{width:600px;height:120px;border:1px solid #000}
body,table{
font-size:12px;
}
table{
table-layout:fixed;
empty-cells:show;
border-collapse: collapse;
margin:0 auto;
}
td{
height:30px;
}
h1,h2,h3{
font-size:12px;
margin:0;
padding:0;
}
.table{
border:1px solid #000;
color:#000;
}
.table th {
background-repeat:repeat-x;
height:30px;
}
.table td,.table th{
border:1px solid #000;
padding:0 1em 0;
}
.table tr.alter{
background-color:#000;
}
</style>
</head>
<script language="JavaScript" type="text/javascript">
function openwind(){
feature="dialogWidth:650px;dialogHeight:200px;status:no;help:no;scrollbars:no;dialogTop:150;";
window.showModalDialog("custAdd.jsp",null,feature);
};
function funDelete(){
//window.onload = alert(111);
if(confirm('确定要执行此操作吗?')){
return true;
}else{
return false;
}
}
</script>
<body>
<s:action name="listCust"></s:action>
<CENTER>
<center><div><font color="red" size="6">客户信息维护</font></div></center>
<div style="width:20px"></div>
<div class="divcss5">
<s:form action="findCdtCustList" theme="simple">
<div style="width:10px"></div>
客户编号:<s:textfield name="cust.custno" label="custno"></s:textfield>
客户名称:<s:textfield name="cust.custname" label="custname"></s:textfield>
公司地址:<s:textfield name="cust.address" label="address"></s:textfield>
电话号码:<s:textfield name="cust.telephone" label="telephone"></s:textfield>
<div style="width:20px:"></div>
<input width="100" type="button" id="add" name="btn" value="新增" onClick="openwind();"/>
<s:submit value="查询"></s:submit>
<input width="100" type="button" id="smt" name="btn" value="返回" onClick="history.go(-1)"/>
</s:form>
</div>
<div style="width:20px"></div>
<table border="1" width="47%" class="table">
<tr>
<td>客户编号</td>
<td>姓名</td>
<td>性别</td>
<td>年龄</td>
<td>联系方式</td>
<td>公司职务</td>
<td>录入时间</td>
<td width="80">操作</td>
</tr>
<s:iterator value="#request.list" id="cust">
<tr>
<td><s:property value="#cust.custno"/></td>
<td><s:property value="#cust.custname"/></td>
<td>
<s:if test="#cust.sex==1">
<s:property value="'男'"/>
</s:if>
<s:elseif test="#cust.sex==2">
<s:property value="'女'"/>
</s:elseif>
<s:elseif test="#cust.sex==3">
<s:property value="'其它'"/>
</s:elseif>
</td>
<td><s:property value="#cust.age"/></td>
<td><s:property value="#cust.telephone"/></td>
<td><s:property value="#cust.position"/></td>
<td><s:property value="#cust.logindate"/></td>
<td>
<s:a href="updateCust.action?cust.id=%{#cust.id}">修改</s:a>
<s:a href="delectCust.action?cust.id=%{#cust.id}" onClick="return funDelete();">删除</s:a>
</td>
</tr>
</s:iterator>
</table>
</CENTER>
</body>
</html>
最上面的表格是用于查询功能,下面的表格是进入该页面时刻数据库中的数据,每次进入该页面都会自己读取并显示,列出表格的右端有两个按钮,其中删除按钮已经实现其功能,修改功能尚未完成,点击新增进入第三个网页:
新增客户信息页面代码如下:
<%@ page language="java" pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!-- 下拉菜单 -->
<s:action name="typeAction" id="list"></s:action>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>新增客户信息</title>
</head>
<body>
<CENTER>
<div><font size="5" color="red">新增客户信息</font></div>
<center></center>
<div style="width:20px"></div>
<div class="divcss5">
<s:form action="saveCust" theme="simple">
<div style="width:10px"></div>
客户编号:<s:textfield name="cust.custno" label="custno"></s:textfield><br>
客户名称:<s:textfield name="cust.custname" label="custname"></s:textfield><br>
性别:<s:select name="strList" headerKey="0" headerValue="-----------请选择-----------" list="#list.strList" listKey="id" listValue="name"/><br>
电话号码:<s:textfield name="cust.telephone" label="telephone"></s:textfield><br>
客户年龄:<s:textfield name="cust.age" label="age"></s:textfield><br>
<tr><td> </td></tr>
<s:submit value="保存"></s:submit>
<input width="100" type = "button" id = "smt" name = "btn" value="关闭" onClick="window.close();"/>
</s:form>
</div>
<div style="width:20px"></div>
</CENTER>
</body>
</html>
在这个页面下可以填入客户信息,点击保存后会将数据存入数据库中
在第一周的实现过程中,遇到最多的问题是各种别名的对应,一个别名对应用在多个不同的地方,有一个地方打错一个字母就无法完整实现功能。