终于写完了这个要求比较高的模组—通讯录(1)
2005-06-09 16:13
429 查看
<!--这个模组做了近10个工作日其中比较难的地方是,
1. Javascript 的动态多行输入
2. 灵活地各种查询(近一步理解了group by , order by )
其实这个功能并不重要,完全可以用普通的word 做一个htm表格就可以了.可是既然要这样我,我还是比较完美地实现其功能,近来做项目每次都是感叹对数据库理解的进步,自己的编程能力也是在每一行语句中提高,包括,JSP, HTML , Javascript,整个模组完全是别人提出近乎苛刻地要求,而由我自己完全设计实现!
这个项目中用到了以下技术:
javascript 动态输入多行
分页
新增加的技术,替换数据库查询出来的null 值:
1.用到JSP 里的声明: (其实完全可以写一个额外的类来import, 然后再用,我原先不怎么用声明的)
<%!
//wonderful!!!
String replacenull(String a){
if(a==null||a.equals("")){
return "N/A";
}else{
return a;
}
}
2.一个form里面不该显示的东西,下一个网页却要提交的值<input type=”submit”>
这里用到了
<!--ugly-->
<input type="hidden" size=15 name="id" value="<%=rsNameDep.getString("id")%>"/></td>
It is well known that 传值在html里有两种方法 input type=”submit” <a href=”?&”>
整个模组实现起来功能既强又复杂,在JDBC查询操作的方面也颇费心思!页面整合能力也增强了,值得常回顾!
不够完美的地方:
1. 用户输入多行的时候空值检验,我是检查是否有空值,然后如果没有输入重要栏位,返回到前页面(addressBookManage.jsp)
2. 修改的时候没有设空值检验
以上两个问题都是javascript问题
3. 显示通讯录的时候以处为单位,但是没有排序.解决方法,table 里加一个栏位用于排序!
目[/b] [/b]录[/b]
[/b]解决技术问题[/b]………………………………………….2
[/b]1.Javascript 动态多行输入问题:
2.比较好看的table……11
NO .3 sql :alter table
需求分析[/b]
[/b]
[/b]结构[/b]
[/b]
[/b]数据库设计[/b]
[/b]
[/b]临时代码[/b]
[/b] 解决技术问题[/b]
[/b]1.[/b]Javascript [/b]动态多行输入问题[/b]:
[/b]//input.jsp
<%@ page contentType="text/html;charset=Big5"%>
<%request.setCharacterEncoding("big5");%>
<script language="javascript">
function tbladdrow()
{
var i=lines.rows.length;
var row = Table1.insertRow(Table1.rows.length);
var col = row.insertCell(0);
col.innerHTML = "<INPUT id=line["+i+"][name1] name=line["+i+"]name1 SIZE=10>";
[/b] col = row.insertCell(1);
[/b] col.innerHTML = "<INPUT id=line["+i+"][name2] name=line["+i+"]name2 SIZE=10>";
[/b] col = row.insertCell(2);
[/b] col.innerHTML = "<INPUT id=line["+i+"][name3] name=line["+i+"]name3 SIZE=10>";
[/b] col = row.insertCell(3);
[/b] col.innerHTML = "<INPUT id=line["+i+"][name4] name=line["+i+"]name4 SIZE=10>";
[/b]}
function tbladdrows(items)
{
for( i = 1 ; i <= items ; i++)
{
tbladdrow();
}
}
function delrow()
{
if(lines.rows.length==0)
{
return false ;
}
lines.deleteRow();
}
</script>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Big5">
<title>輸入</title>
</head>
<body>
<form action="getInput.jsp">
<DIV align=center><FONT size=2>輸入測試</FONT></DIV></TD>
<TD width=412 bgColor=#e4e4e4>
<TABLE id=Table1 cellSpacing=0 borderColorDark=#ffffff cellPadding=0
width=350 align=center borderColorLight=#000000 border=1>
<TBODY>
<TR bgColor=#999999>
<TH width=94><FONT size=2>參數一</FONT></TH>
<TH width=84><FONT size=2>參數二</FONT></TH>
<TH width=85><FONT size=2>參數三</FONT></TH>
<TH width=77><FONT size=2>參數四</FONT></TH></TR>
<TBODY id=lines name="lines"><!--
<TR>
<TD><INPUT id="things_name" TYPE="text" NAME="things_name" SIZE="15"></TD>
<TD><INPUT id="things_model" TYPE="text" NAME="things_model" SIZE="10"></TD>
<TD><INPUT id="things_number" TYPE="text" NAME="things_number" SIZE="5"></TD>
<TD><input id="things_unit" type="text" name="things_unit" size="5"></TD>
</TR>
--></TBODY></TABLE>
<DIV align=center><BR></DIV>
<DIV align=center>
<INPUT id=items type=hidden value=1 name=items> <INPUT onclick=tbladdrow(items.value); type=button value=新增一行 name=insert/>
<font color="#e4e4e4"> </font>
<INPUT language=javascript onclick="return delrow()" type=button value=刪除一行 name=del/>
</DIV></TD></TR></TBODY></TABLE>
<input type="submit" value="commit"/>
</form>
</body>
</html>
//getInput.jsp
<%@ page contentType="text/html;charset=Big5"%>
<%@ page import="java.util.*"%>
<%
request.setCharacterEncoding("big5");
//for(){
/*int items =Integer.parseInt(request.getParameter("items"));
out.println(items);
for(int i=1; i<=items; i++){*/
//get the user's input text name
Enumeration paramNames=request.getParameterNames();
String paramName=null;
while(paramNames.hasMoreElements()){
paramName=(String)paramNames.nextElement();
String paramValues=request.getParameter(paramName);
out.println("<font color=red>param'name </font>"+paramName+" ");
out.println("<font color=red>paramValues</font>"+paramValues+"<br>");
//out.println("***<br>");
/*String param=request.getParameter(paramName);
out.println(paramName+" "+param+"<br>");*/
/*String paramValues[]=request.getParameterValues(paramName);
for(int i=0; i<=paramValues.length-1; i++)
{
out.println("<font color=red>param'name </font>"+paramName+" ");
out.println("<font color=red>pramValues["+i+"]</font>"+paramValues[i]+"<br>");}
*/
}
//out.println("<br>"+name);
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Big5">
<title>接受輸入</title>
</head>
<body>
</body>
</html>
运行效果:
param'name line[0]name2 paramValues12
param'name line[0]name3 paramValues13
param'name items paramValues1
param'name line[0]name1 paramValues11
param'name line[1]name4 paramValues24
param'name line[1]name1 paramValues21
param'name line[0]name4 paramValues14
param'name line[1]name3 paramValues23
param'name line[1]name2 paramValues22
可以看到,我们可以得到正确的值,但是,有一个问题,值是乱的,没有规律地出现,我们要把值插入数据库的时候,需要整理后再插入(废话).怎么办?
如果我们知道到底输入了几行,这个问题几乎可以迎刃而解了,可是,我们如何知道,前面的一个页面是靠javascript 进行动态输入的,我在迷茫中终于发现了解决的方法:
param'name items paramValues1
这个1不是我们想要得到的,但是它就是代表了多少栏!
这样就好办了!
经过修改几次代码,我终于实现了自己的想法
<%@ page contentType="text/html;charset=Big5"%>
<%@ page import="java.util.*"%>
<%
request.setCharacterEncoding("big5");
//receive parammeter's name as the type of Enumeration
/*Enumeration paramNames=request.getParameterNames();
String paramName=null;
paramName=(String)paramNames.nextElement();
String paramValues=request.getParameter(paramName);*/
int column=0;
String tempCol=request.getParameter("items").trim();
column=Integer.parseInt(tempCol);// notice exception!
//while(paramNames.hasMoreElements()){
for(int i=0 ;i<=column; i++)
{
for(int j=1 ;j<=4; j++)
{
String getInputTemp="line["+i+"]name"+j;
//out.println(getInputTemp);
out.println("<font color=red>line["+i+"]"+"name["+j+"]</font>"+request.getParameter(getInputTemp));
}
out.println("<br>");
}
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Big5">
<title>接受輸入</title>
</head>
<body>
</body>
</html>
这里我们根本没有用到Enumeration, paramName=(String)paramNames.nextElement(); 为什么,因为我已经知道了输入的参数的名字!其实想一想很简单的,呵呵
总结一下,动态输入的javascript 代码是google搜索来的,而它那个代码是php,而我这里要用JSP接受代码的输入.关于javascript 的代码基本能看懂,但是让我写却写不出来,但是,好像目前已经够用了.原先博客写过一篇文章,关于此问题,这次再次研究(被逼的,没有办法),终于解决了.
其实想到数据结构上,这里就是一个不固定rows却固定columns 的二维数组而已,如果想到此,解决问题会很快,说到这里,想到数据结构自己掌握还不行,而且好像没有用到过,如果作为一个程序员却不能熟练掌握data stutcture , 只有忏悔和低下头来猛学!
本来以为可以了,可是,我测试了3columns以上的数据,突然发现错误!那个items一点意义都没有,怎么办?遍历得到参数名总数量-1/4
<%@ page contentType="text/html;charset=Big5"%>
<%@ page import="java.util.*"%>
<%
request.setCharacterEncoding("big5");
//receive parammeter's name as the type of Enumeration
/*Enumeration paramNames=request.getParameterNames();
String paramName=null;
paramName=(String)paramNames.nextElement();
String paramValues=request.getParameter(paramName);*/
int columnTemp=0;
String paramName=null;
Enumeration paramNames=request.getParameterNames();
while(paramNames.hasMoreElements()){
paramName=(String)paramNames.nextElement();
columnTemp++;
}
int column=0;
column=(columnTemp-1)/4;
out.println(column+"<br>");
for(int i=0 ;i<column; i++)
{
for(int j=1 ;j<=4; j++)
{
String getInputTemp="line["+i+"]name"+j;
//out.println(getInputTemp);
out.println("<font color=red>line["+i+"]"+"name["+j+"]</font>"+request.getParameter(getInputTemp));
}
out.println("<br>");
}
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Big5">
<title>接受輸入</title>
</head>
<body>
</body>
</html>
这里终于可以了,可是
String paramName=null;
Enumeration paramNames=request.getParameterNames();
while(paramNames.hasMoreElements()){
paramName=(String)paramNames.nextElement();// necessary
columnTemp++;
}
必需paramName=(String)paramNames.nextElement();// necessary
否则不能遍历,或死掉一样,不知道为什么?
像ResutltSet rs.next() 都可以遍历(分页的时候),高人请指点一下,moonsoft_su@126.com!
操,极其难的问题,本来可以实现了自动增加行的程序,可是,增加的要是下拉选择框,而且,选择的内容要从数据库里查询得出!要求真是刁!
不管怎么样,如果还能写出来是对自己有好处!
此问题正在研究中……
-->
1. Javascript 的动态多行输入
2. 灵活地各种查询(近一步理解了group by , order by )
其实这个功能并不重要,完全可以用普通的word 做一个htm表格就可以了.可是既然要这样我,我还是比较完美地实现其功能,近来做项目每次都是感叹对数据库理解的进步,自己的编程能力也是在每一行语句中提高,包括,JSP, HTML , Javascript,整个模组完全是别人提出近乎苛刻地要求,而由我自己完全设计实现!
这个项目中用到了以下技术:
javascript 动态输入多行
分页
新增加的技术,替换数据库查询出来的null 值:
1.用到JSP 里的声明: (其实完全可以写一个额外的类来import, 然后再用,我原先不怎么用声明的)
<%!
//wonderful!!!
String replacenull(String a){
if(a==null||a.equals("")){
return "N/A";
}else{
return a;
}
}
2.一个form里面不该显示的东西,下一个网页却要提交的值<input type=”submit”>
这里用到了
<!--ugly-->
<input type="hidden" size=15 name="id" value="<%=rsNameDep.getString("id")%>"/></td>
It is well known that 传值在html里有两种方法 input type=”submit” <a href=”?&”>
整个模组实现起来功能既强又复杂,在JDBC查询操作的方面也颇费心思!页面整合能力也增强了,值得常回顾!
不够完美的地方:
1. 用户输入多行的时候空值检验,我是检查是否有空值,然后如果没有输入重要栏位,返回到前页面(addressBookManage.jsp)
2. 修改的时候没有设空值检验
以上两个问题都是javascript问题
3. 显示通讯录的时候以处为单位,但是没有排序.解决方法,table 里加一个栏位用于排序!
目[/b] [/b]录[/b]
[/b]解决技术问题[/b]………………………………………….2
[/b]1.Javascript 动态多行输入问题:
2.比较好看的table……11
NO .3 sql :alter table
需求分析[/b]
[/b]
[/b]结构[/b]
[/b]
[/b]数据库设计[/b]
[/b]
[/b]临时代码[/b]
[/b] 解决技术问题[/b]
[/b]1.[/b]Javascript [/b]动态多行输入问题[/b]:
[/b]//input.jsp
<%@ page contentType="text/html;charset=Big5"%>
<%request.setCharacterEncoding("big5");%>
<script language="javascript">
function tbladdrow()
{
var i=lines.rows.length;
var row = Table1.insertRow(Table1.rows.length);
var col = row.insertCell(0);
col.innerHTML = "<INPUT id=line["+i+"][name1] name=line["+i+"]name1 SIZE=10>";
[/b] col = row.insertCell(1);
[/b] col.innerHTML = "<INPUT id=line["+i+"][name2] name=line["+i+"]name2 SIZE=10>";
[/b] col = row.insertCell(2);
[/b] col.innerHTML = "<INPUT id=line["+i+"][name3] name=line["+i+"]name3 SIZE=10>";
[/b] col = row.insertCell(3);
[/b] col.innerHTML = "<INPUT id=line["+i+"][name4] name=line["+i+"]name4 SIZE=10>";
[/b]}
function tbladdrows(items)
{
for( i = 1 ; i <= items ; i++)
{
tbladdrow();
}
}
function delrow()
{
if(lines.rows.length==0)
{
return false ;
}
lines.deleteRow();
}
</script>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Big5">
<title>輸入</title>
</head>
<body>
<form action="getInput.jsp">
<DIV align=center><FONT size=2>輸入測試</FONT></DIV></TD>
<TD width=412 bgColor=#e4e4e4>
<TABLE id=Table1 cellSpacing=0 borderColorDark=#ffffff cellPadding=0
width=350 align=center borderColorLight=#000000 border=1>
<TBODY>
<TR bgColor=#999999>
<TH width=94><FONT size=2>參數一</FONT></TH>
<TH width=84><FONT size=2>參數二</FONT></TH>
<TH width=85><FONT size=2>參數三</FONT></TH>
<TH width=77><FONT size=2>參數四</FONT></TH></TR>
<TBODY id=lines name="lines"><!--
<TR>
<TD><INPUT id="things_name" TYPE="text" NAME="things_name" SIZE="15"></TD>
<TD><INPUT id="things_model" TYPE="text" NAME="things_model" SIZE="10"></TD>
<TD><INPUT id="things_number" TYPE="text" NAME="things_number" SIZE="5"></TD>
<TD><input id="things_unit" type="text" name="things_unit" size="5"></TD>
</TR>
--></TBODY></TABLE>
<DIV align=center><BR></DIV>
<DIV align=center>
<INPUT id=items type=hidden value=1 name=items> <INPUT onclick=tbladdrow(items.value); type=button value=新增一行 name=insert/>
<font color="#e4e4e4"> </font>
<INPUT language=javascript onclick="return delrow()" type=button value=刪除一行 name=del/>
</DIV></TD></TR></TBODY></TABLE>
<input type="submit" value="commit"/>
</form>
</body>
</html>
//getInput.jsp
<%@ page contentType="text/html;charset=Big5"%>
<%@ page import="java.util.*"%>
<%
request.setCharacterEncoding("big5");
//for(){
/*int items =Integer.parseInt(request.getParameter("items"));
out.println(items);
for(int i=1; i<=items; i++){*/
//get the user's input text name
Enumeration paramNames=request.getParameterNames();
String paramName=null;
while(paramNames.hasMoreElements()){
paramName=(String)paramNames.nextElement();
String paramValues=request.getParameter(paramName);
out.println("<font color=red>param'name </font>"+paramName+" ");
out.println("<font color=red>paramValues</font>"+paramValues+"<br>");
//out.println("***<br>");
/*String param=request.getParameter(paramName);
out.println(paramName+" "+param+"<br>");*/
/*String paramValues[]=request.getParameterValues(paramName);
for(int i=0; i<=paramValues.length-1; i++)
{
out.println("<font color=red>param'name </font>"+paramName+" ");
out.println("<font color=red>pramValues["+i+"]</font>"+paramValues[i]+"<br>");}
*/
}
//out.println("<br>"+name);
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Big5">
<title>接受輸入</title>
</head>
<body>
</body>
</html>
运行效果:
param'name line[0]name2 paramValues12
param'name line[0]name3 paramValues13
param'name items paramValues1
param'name line[0]name1 paramValues11
param'name line[1]name4 paramValues24
param'name line[1]name1 paramValues21
param'name line[0]name4 paramValues14
param'name line[1]name3 paramValues23
param'name line[1]name2 paramValues22
可以看到,我们可以得到正确的值,但是,有一个问题,值是乱的,没有规律地出现,我们要把值插入数据库的时候,需要整理后再插入(废话).怎么办?
如果我们知道到底输入了几行,这个问题几乎可以迎刃而解了,可是,我们如何知道,前面的一个页面是靠javascript 进行动态输入的,我在迷茫中终于发现了解决的方法:
param'name items paramValues1
这个1不是我们想要得到的,但是它就是代表了多少栏!
这样就好办了!
经过修改几次代码,我终于实现了自己的想法
<%@ page contentType="text/html;charset=Big5"%>
<%@ page import="java.util.*"%>
<%
request.setCharacterEncoding("big5");
//receive parammeter's name as the type of Enumeration
/*Enumeration paramNames=request.getParameterNames();
String paramName=null;
paramName=(String)paramNames.nextElement();
String paramValues=request.getParameter(paramName);*/
int column=0;
String tempCol=request.getParameter("items").trim();
column=Integer.parseInt(tempCol);// notice exception!
//while(paramNames.hasMoreElements()){
for(int i=0 ;i<=column; i++)
{
for(int j=1 ;j<=4; j++)
{
String getInputTemp="line["+i+"]name"+j;
//out.println(getInputTemp);
out.println("<font color=red>line["+i+"]"+"name["+j+"]</font>"+request.getParameter(getInputTemp));
}
out.println("<br>");
}
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Big5">
<title>接受輸入</title>
</head>
<body>
</body>
</html>
这里我们根本没有用到Enumeration, paramName=(String)paramNames.nextElement(); 为什么,因为我已经知道了输入的参数的名字!其实想一想很简单的,呵呵
总结一下,动态输入的javascript 代码是google搜索来的,而它那个代码是php,而我这里要用JSP接受代码的输入.关于javascript 的代码基本能看懂,但是让我写却写不出来,但是,好像目前已经够用了.原先博客写过一篇文章,关于此问题,这次再次研究(被逼的,没有办法),终于解决了.
其实想到数据结构上,这里就是一个不固定rows却固定columns 的二维数组而已,如果想到此,解决问题会很快,说到这里,想到数据结构自己掌握还不行,而且好像没有用到过,如果作为一个程序员却不能熟练掌握data stutcture , 只有忏悔和低下头来猛学!
本来以为可以了,可是,我测试了3columns以上的数据,突然发现错误!那个items一点意义都没有,怎么办?遍历得到参数名总数量-1/4
<%@ page contentType="text/html;charset=Big5"%>
<%@ page import="java.util.*"%>
<%
request.setCharacterEncoding("big5");
//receive parammeter's name as the type of Enumeration
/*Enumeration paramNames=request.getParameterNames();
String paramName=null;
paramName=(String)paramNames.nextElement();
String paramValues=request.getParameter(paramName);*/
int columnTemp=0;
String paramName=null;
Enumeration paramNames=request.getParameterNames();
while(paramNames.hasMoreElements()){
paramName=(String)paramNames.nextElement();
columnTemp++;
}
int column=0;
column=(columnTemp-1)/4;
out.println(column+"<br>");
for(int i=0 ;i<column; i++)
{
for(int j=1 ;j<=4; j++)
{
String getInputTemp="line["+i+"]name"+j;
//out.println(getInputTemp);
out.println("<font color=red>line["+i+"]"+"name["+j+"]</font>"+request.getParameter(getInputTemp));
}
out.println("<br>");
}
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Big5">
<title>接受輸入</title>
</head>
<body>
</body>
</html>
这里终于可以了,可是
String paramName=null;
Enumeration paramNames=request.getParameterNames();
while(paramNames.hasMoreElements()){
paramName=(String)paramNames.nextElement();// necessary
columnTemp++;
}
必需paramName=(String)paramNames.nextElement();// necessary
否则不能遍历,或死掉一样,不知道为什么?
像ResutltSet rs.next() 都可以遍历(分页的时候),高人请指点一下,moonsoft_su@126.com!
操,极其难的问题,本来可以实现了自动增加行的程序,可是,增加的要是下拉选择框,而且,选择的内容要从数据库里查询得出!要求真是刁!
不管怎么样,如果还能写出来是对自己有好处!
此问题正在研究中……
-->
相关文章推荐
- ios 开发,通讯录信息调用常用方法,这个比较全,不用再整理了;
- ios 开发,通讯录信息调用常用方法,这个比较全,不用再整理了;
- 24.定义一个整型变量,赋予1-100值。要求用户猜这个数,比较两数大小,把结果提示给用户,直到猜对为止
- ios 开发,通讯录信息调用常用方法,这个比较全,不用再整理了
- ios 开发,通讯录信息调用常用方法,这个比较全,不用再整理了;
- ios 开发,通讯录信息调用常用方法,这个比较全,不用再整理了;
- ios 开发,通讯录信息调用常用方法,这个比较全,不用再整理了;
- 知道CSDN很久了,终于加入这个大家庭了~
- Quercus 介绍: 这个TMD对我太用了,终于在JAVA和PHP找到平衡点了
- JS 弹出层 这个比较实用
- 终于加入这个.NET大家庭了!
- 终于找到了一篇比较全的bcg教程博文
- 这个问题要求你写一个程序来计算的确切价值Rnwhere R是一个实数(0.0 < R < 99.999)和n是一个整数,0 < n < = 25。
- 实现一个比较高级的字符匹配算法,即一串很长的字符,要求找到符合要求字符的字符串
- linux 设置时间(hadoop 对于时间要求比较高,所有在集群时特别要注意时间)
- 【Python】Learn Python the hard way, ex40 模块,类和对象,这个解释比较容易理解
- POJ 3126 Prime Path(首相的无厘头要求,这个是不是华盛顿,BFS)
- 最近的事情比较多,很久没有回来了,这次终于又回来了。。。。。。
- 已知一个几乎有序的数组,几乎有序是指,如果把数组排好顺序的话,每个元素移动的距离可以不超过k,并且k相对于数组来说比较小。请选择一个合适的排序算法针对这个数据进行排序。 给定一个int数组A,同时给定
- 现在正在搞博士的东西,导师要求将一个二维的图片转换成现实生活中的三维图片,实现仿真,这个课题真有点难度,现在还莫不着头绪,查了相关的一些知识,可就是没有一个系统的,希望大家各抒己见,提一些好的建议,好的文章