JavaWeb华北理工大学课程设计课设

1、课程设计说明书课设题目：指导教师：学院:学生姓名：学号:专业班级：2015年01月02日成绩评定姓名：学号：班级：评分项目分数程序功能完善（30分）回答问题止确（20分）设计报告规范（30分）（结构完整，图表止确，文字通顺，版向工整）代码质量（10分）（类、方法及变量等的命名符合规范，主要方法及字段有注释，程序有适当缩进）平时表现（10分）（独立完成，态度认真）评定成绩1系统开发目标及设计思想1.1 系统开发基本目标1.2 系统开发设计思想2关键技术3系统功能设计4各功能代码设计5使用说明2.96设计体会3.3参考文献3.41 系统开发目标及设计思想1.1 系统开发基本目标该系统包括以下功能：

2、1 面向图书的功能有：图书列表的查询，图书入库，图书修订，图书的快速定位查询，由于此系统所面向的功能有限，所以将图书的作者和出版社加以细分，有出版社的管理，包括出版社的添加，出版社的修改，出版社的移除等，为了更方便的实现添加图书。同时还有对图书作者的单独管理，如对作者的查询，增加以及修改等。2面向管理员的功能有：管理员的登录，注册功能，管理员的修改以及显示等，还有管理员对读者的管理，即对用户实现的一些列操作，如对读者的增删改查，以及读者借阅图书和归还图书等。此系统功能设计以图书和管理员为重心：本系统的主要功能模块主要有以上所提及的这些，还有较多小功能设计，如一些特效的显示等。1.2 系统开发设

3、计思想(1) 采用学校现有的软件和硬件环境以及设计要求开发系统。(2) 系统采用模块化程序设计方法，既便于系统功能的各种组合和修改，又便于未参与开发的技术维护人员补充，维护。(3) 程序设计符合面向对象的思想和原则。(4) 要有良好的程序风格(类、方法及变量等的命名要符合规范；类、方法及字段要有注释；程序有适当缩进)(5) 采用文件对数据进行存储。(6) 人机界面美观，操作方便、实用。2关键技术一、数据库逻辑结构设计（1）E-R图向关系模型的转换：读者（读者ID,姓名，学号，性别，所在院系）此为读者实体对应的关系模式管理员（管理员ID,姓名，帐号，密码，注册时间）此为管理员实体对应的关系模式图

4、书（ISBN，书名，出版社，价格，版本号，出版日期，图书图片，作者，库存量，借阅状态）借阅（图书ISBN,读者ID）此为联系“借阅”的关系模型归还（图书ISBN,读者ID）此为联系“归还”的关系模式（2）数据模型的优化：1）确定数据依赖。2）对于各个关系模式之间的数据依赖进行极小化处理，消除冗余的联系。3）按照数据依赖的理论对关系模式进行逐一分析。4）按照要求分析阶段得到的处理要求，分析这样的应用环境这些模式是否合适。确定是否要对某些模式进行合并或分解。5）对关系模式进行必要的分解，提高数据操作的效率和存储空间的利用率。（水平分解，垂直分解）、数据库表设计根据系统需求，可以进行具体的表的设计，

5、表4-1是所有数据库表的汇总表2-1数据库汇总表表名说明borrowUser读者列表，存放读者借书的相关信息bookusers管理员表，存放管理员的相关信息数据库中的各个表的逻辑结构设计结果如下面的几个表格所示，每个表格表示数据库中的一个表。表2-2图书表（titles）字段名说明isbnvarchar(20)PrimaryKeytitlevarchar(100)图书名，非空editionNumberint版本号，非空imageFilevarchar(20)文件图片路径pricefloat图书价格borrowTimeint借阅最大期限isBorrowint是否被借出borrowIDint外键，

6、读者ID,非空表2-3读者表(borrowUser)字段名说明borrowIDintPrimaryKeyborrowNamevarchar(50)读者姓名，非空departmentvarchar(50)所在系sexvarchar(50)性别studyNumvarchar(20)学号，非空表2-4管理员表(bookusers)字段名说明userIdintPrimaryKeyaccoutvarchar(20)帐号，非空passwordvarchar(20)密码，非空namevarchar(20)用户名，非空3系统功能设计1、 系统管理员模块功能该模块主要包括对管理员进行注册，销户，修改账户信息等。

7、管理员可以通过注册一个账号登录管理系统，之后对所注册用户进行统一管理，用户列表显示了所有注册用户的用户名，密码，帐号以及注册时间等操作，管理员可以对所有注册的帐号进行修改和移除。2、 读者模块功能该模块主要有对读者用户的注册，销户修改功能。读者列表主要显示读者的姓名，学号，性别，所在系，这里主要存放借书还书的对象。如果想要借书或还书，就必须先通过管理员登录进行注册，成为该系统的读者用户，进而才能对书籍进行借还。3、 图书借还模块功能该模块主要是对图书进行借还操作的一个管理模块，列表主要显示图书的isbn号，书名，借阅状态以及最大借阅期限等信息。对于书名加以不同的链接，由于图书和作者的关系是一对

8、多，即一本图书只能借给一个人，一个人可以借多本不同的图书，所以根据每本书的借阅状态不同，链接对象也不一样，当此书已借出，点击进入的就是归还页面，归还对象即为借书的读者；若此书状态为未借出，则点击链接会进入到借书页面，借书对象是所有注册的读者用户。管理员可以选择某一位用户进行借出工作。4、 图书管理模块功能该模块主要是对图书进行统一的管理，功能包括对图书的入库，移出，修订，快速检索等，图书列表主要显示图书的isbn，书名，出版社，价格，版本号，出版年份。点击书名进入图书详细页面，能看到该图书的详细信息，除刚才所说信息外还有该书籍的作者以及图片，和正被借阅的读者用户名。同时在列表页面可根据图书的i

9、sbn和书名进行模糊查询，能更好的定位某本书或某些书。4各功能代码设计一、管理员模块1 .登录页面截图：*甘K不可声一占,二!但婢41卫工包班抚际Em. BM图4-1登陆界面代码部分：通过网址的login.ii在web.xml文件中找到控制器ListUserServlet类，在获得切割后字符串login,找到下面处理代码，再调用DAOmlogin()方法进行处理，如果传入的帐号和密码能够获得一个用户，则让其登陆成功，并加载用户列表，若用户名密码不正确则提示错误信息。if(action.equals("/login")tryStringaccount=request.getP

10、arameter("userAccount");Stringpassword=request.getParameter("password");booleanflag=false;PrintWriterout=response.getWriter();UserModeluser=dao.login(account.trim(),password.trim();if(user!=null)flag=true;session.setAttribute(userNameuser.getUserName();out.print(flag);out.flush()

11、;out.close();catch(Exceptione)System.out.println("用户登录异常！");e.printStackTrace();thrownewServletException();数据层login()方法实现:传入两个字符串变量，在用sql语句查询数据库，返回用户对象。public UserModel login(final String account,final String password) Stringsql=List<UserModel> list =nullsql = "select*frombookus

12、erswhereaccount=?andpassword=?new IParamBingding() list=super.querySql(sql,publicvoidbingParam(PreparedStatementstmt)throwsSQLExceptionstmt.setString(1,account);stmt.setString(2,password);,newUserRowMapper();return(list.size()=0|list=null)?null:list.get(0);2 .列表显示页面截图：端户14图4-2管理员列表显示模块B潜中Mii呼侨，用词an工

13、同”端百生白科*和舌耳叩守代码部分：控制器代码，页面通过请求list转到web.xml通过匹配找到servlet包下面的ListUserServlet类，然后通过字符串切割得到list字符串，根据list找到下面控制器代码，再调用数据层的queryAll部分查询数据库的所有管理员信息，并在列表上显示。if(action.equals("/list")tryList<UserModel>users=dao.queryAll();request.setAttribute("users",users);/step2获得转发器RequestDispa

14、tcherrd=request.getRequestDispatcher("userMain.jsp");/step3转发rd.forward(request,response);catch(Exceptione)e.printStackTrace();thrownewServletException();queryAll()方法的实现(查询所有管理员用户的信息)：publicList<UserModel>queryAll()Stringsql="select*frombookusers"returnsuper.querySql(sql,ne

15、wUserRowMapper();queryAll()调用querySql()方法进行sql查询语句操作publicListquerySql(Stringsql,IRowMappermapper)Connectionconn=nullPreparedStatementstmt=null;ResultSetrs=null;Listlist=newArrayList();tryconn=db.getConnection();stmt=conn.prepareStatement(sql);logger.debug(sql);rs=stmt.executeQuery();while(rs.next()

16、Objectobj=mapper.mappingRow(rs);list.add(obj);catch(Exceptione)logger.debug("执行sql语句异常");e.printStackTrace();finallydb.closeResultSet(rs);db.closeStatement(stmt);db.closeConnection(conn);returnlist;3.管理员注册截图:图4-3管理员注册模块save()将用户注册代码部分:根据regist.ii找到此类的部分，在从页面获得文本框的内容，通过业务层方法信息保存到数据库，并调用通用类的

17、方法getAccount()给用户生成随机且不重复帐号，作为用户登录时的id。tryusername" );StringuserName=request.getParameter(System.out.println(userName);String password = request.getParameter("pwd");UserModel user =new UserModel();user.setUserName(userName);user.setPassword(password);dao.save(user);/用session保存用户帐号sess

18、ion.setAttribute("userName" , userName);Stringacc=dao.getAccount(userName,password);session.setAttribute("account" , acc);response.sendRedirect("bookusers/registOk.jsp");catch(Exceptione)response.sendRedirect("bookusers/registFail.jsp");生成图片验证码的方法:Map<Strin

19、g,BufferedImage>map=ImageUtil.getImage();Stringcode=map.keySet().iterator().next();/将验证码暂时保存，用来与用户输入做比较session.setAttribute("code",code);Bufferedlmageimage=map.get(code);response.setContentType("image/jepg");Outputstreamops=response.getOutputStream();/对原始图片(image)按照指定的压缩算法(jpe

20、g)进行压缩，然后再输出到opsjavax.imageio.ImageIO.write(image,"jpeg",ops);0Ps.close();生成随机不重复账号:通过所在年份和0-9999之间的随机数之和产生4-7位不等的数据，作为唯一的idpublicclassAccountMakerstaticRandomrandom=newRandom。；publicstaticStringgetAccount()List<Character>list=newArrayList<Character>();Stringstr=getYear();intnu

21、m=str.length();intk=random.nextInt(num);System.out.println(k);for(inti=0;i<num;i+)list.add(str.charAt(i);for(intj=0;j<k;j+)Stringc=String.valueOf(random.nextInt(9);list.add(k,c.charAt(0);StringBuffersb=newStringBuffer();for(Characterc:list)sb.append(c);returnsb.toString();()/1000/3600/24/365+1

22、970 +publicstaticStringgetYear()longnow=System.currentTimeMillisrandom.nextInt(9999);returnString.valueOf(now);二、读者管理模块1 .读者列表截图:JavaWeb图书信息管理系统JavaWehMokManagerSystemi期双密制在他作古甘程出躯比专任由书营也剪部后苴鹿看甘过|SPSS雪石洋号1王手建另帆学联际Ua*&IU>n可用J项TW周韶”忻1-1b包图4-4读者列表代码部分:此控制器为BorrowUserServlet,里面主要对读者的一些功能进行处理并转发页面

23、。该控制器会响应用户在浏览器输入的后缀带.uu的请求，如"list.uu"。当web.xml接收到"list.uu”时会自动跳到该类中处理。该类分割字符串得到“list”，在跳到以下分支代码处理if(action.equals("/list")tryList<BorrowUser>users=dao.findAll();request.setAttribute("users",users);/step2获得转发器RequestDispatcherrd=request.getRequestDispatcher(&q

24、uot;userMain.jsp");/step3转发rd.forward(request,response);catch(Exceptione)e.printStackTrace();thrownewServletException();该分支调用DAO!findAll()方法查询数据库，返回读者列表的list集合。以下是findAll()方法的实现：publicList<BorrowUser>findAll()Stringsql="select*fromborrowUser'return super .querySql(sql,new BorrowU

25、serMapper();同样此处调用数据封装的querySql()方法，此处要对sql查询的结果集进行处理，故创建一个内部类BorrowUserMapper:class BorrowUserMapperimplements IRowMapperthrows SQLException publicObjectmappingRow(ResultSetrs)BorrowUseruser=newBorrowUser();user.setBorrowId(rs.getInt( user.setBorrowName(rs.getString( user.setStudyNum(rs.getString(

26、user.setSex(rs.getString( user.setDepartMent(rs.getString( return user;"borrowID" );"borrowName");"studyNum");sex");"department" );2 .添加读者:截图:JavaWeb图书信息管理系统JavaWebBookManagerSystem度&/rismKirwiftifwwi靠的射r*iim七受j神管g山th住物号十：0图4-5添加读者代码部分：对于读者的数据库表进行分析得到

27、，添加读者信息应该包括姓名，学号，性别，所在系等字段。在点击添加按钮时，用户会发送add.uu请求,web.xml会将请求转发到控制器。再根据分割得到字符串“add”，进入以下代码块：通过request获得页面参数，b并将其绑定到实体类BorrowUser的user实体中，再调用DAO层add方法，将数据插入数据库中tryString(ParamUtil."iso-8859-1"),StringborrowName=getString(request.getParameter("gbk");newborrowName").getBytes(St

28、ring(ParamUtil.so-8859-1"),"gbk"StringstudyNum=newgetString(request.getParameter();studyNum").getBytes(String(ParamUtil.59-1"),"gbk");Stringsex=newgetString(request.getParameter(sex").getBytes("iso-88Stringdepartment=newString(ParamUtil.getString(request.

29、getParameter("iso-8859-1"),"gbk");"department").getBytes(BorrowUseruser=newBorrowUser();user.setBorrowName(borrowName);user.setStudyNum(studyNum);user.setSex(sex);user.setDepartMent(department);dao.add(user);response.sendRedirect("jump_do.jsp");catch(Exception

30、e)e.printStackTrace();thrownewServletException();DAO层add()方法的实现：publicvoidadd(finalBorrowUserbUser)Stringsql="insertintoborrowUser(borrowName,studyNum,sex,department)values(?,?,?,?)"super.updateSql(sql,newIParamBingding()publicvoidbingParam(PreparedStatementstmt)throwsSQLExceptionstmt.setS

31、tring(1,bUser.getBorrowName();stmt.setString(2,bUser.getStudyNum();stmt.setString(3,bUser.getSex();stmt.setString(4,bUser.getDepartMent(););三、图书借还管理模块1 .借还列表截图：it者甘春出稣社奇理图仲管营回肉梃湃甘s*rapffffJavaWeb困书信息管理系统JavaWebBookManagerSystecu闾若二箴墨aihJiin-伯知尢£Jm曲MEeqm0m2J己情力30bjTU*JtB«.-1N-irldM也MbNe&quo

32、t;Tt口b期平口WXVL曲，3Eh0一.E惜曰%Eerl血M玉惜0事5p】Xm】修irB/i麻匕«£d*一仆“皿3MowS打。目即玉情也%flbiBffiffirCmgI抬电Jw*UmcUmUw：L>米借zi£%干帚印r配取冷飞诵丹赤目析书后能入便孽息部H需，3用=tlTd窟L靠w一X1*1下，1.18图4-6图书借还一览代码部分:会以“list.rr ”的方式去发送请求, list”进而进入以下代码：此模块控制器类为BookBRServlet,用户进入借还图书的模块,此时web.xml会将请求转到该控制器，经控制器处理会得到字符串“Stringisbn=

33、ParamUtil.getString(request.getParameter("qisbn");StringbookName=ParamUtil.getString(request.getParameter("bookName");StringqueryParam="&isbn="+isbn+"&bookName="+bookName;List<BookModel>books=dao.quickSearch(isbn,bookName);for(BookModelbook:books

34、)int口countNum=dao.getCountAndNum(book.getTitle();book.setBorrowNum(countNum1);book.setCount(countNum0);request.setAttribute("books",books);request.setAttribute(queryParam",queryParam);/step2获得转发器RequestDispatcherrd=request.getRequestDispatcher("bRMain.jsp" );/step3转发rd.forwa

35、rd(request,response);其中要将浏览器地址后附带的参数用queryParam进行绑定组合，以便后面的分页操作，其次调用了quickSearch()方法进行快速搜索，当方法参数的isbn和书名为空时为全部检索，不为空时为快速条件搜索。以下为quickSearch()方法体：publicList<BookModel>quickSearch(Stringisbn,Stringtitle)throwsSQLExceptionStringsql="selectt.*,publisherNamefromtitlestleftouterjoinpublisherspo

36、nt.publisherID=p.publisherID"sql+="whereisbnlike'%"+isbn+"%'andtitlelike'%"+title+"%'"returnquerySql(sql,newTitleRowMapper();2 .图书借阅截图：JavaWeb图书信息管理系统JavaWebBookManagerten®I出版社卷登I图相菅翌IBl呼凿逐|雷罟管理用户言建,M吊借出岸堀国书mjiJxikTJ-kt0小£0111Hidjaa2h版在*存旦

37、二-J胃苗上朝庆Jbo的名强片工芈嗖”唐醉，败施光蛤一寸图4-7图书借阅代码部分:对于图书借还列表显示的图书状态分为两种，当数据库中图书的借阅状态字段为1时表明此书已借出，其显示背景成灰色，当点击书名链接时，会根据借阅状态自动判断进入归还图书的页面还是借阅图书的页面。当该图书已经借出，则进入归还页面，该页面显示该图书的借阅者、借阅期限、书名等详细信息int flag = Integer.parseInt (request.getParameter(br");Stringisbn=ParamUtil.getString(request.getParameter("qisbn&

38、quot;);intborrowNum=Integer.parseInt(request.getParameter("borrowNum");BookModel book =new BookModel();将图书绑定book = dao.findBookBylsbn(isbn);book.setBorrowNum(borrowNum);book.setCount(count);request.setAttribute("book" , book);如果图书借阅标志位为0说明，则转发到该图书的借阅页面，进行借阅操作:if (flag = 0) equest

39、.getRequestDispatcher("bRDetails.jsp").forward(request, response);如果发生错误，则至错误页面else request.getRequestDispatcher( onse);"fail.jsp").forward(request,resp3.图书归还截图:图4-8图书归还代码部分:当点击背景条为灰色的书籍链接时，会进入归还页面，此时标志位为if (flag = 1) intcount="count")；Integer.parseInt(request.getParame

40、ter(request.getRequestDispatcher("rBDetails.jsp").forward(request, response);四、图书管理模块1 .图书列表显示截图:JavaWeb图书信息管理系统JavaWebBookManagerSysteu罂J出煤也名物像本导出耳拼IT、1Jar*K”t*Fr*cr<i仃附口5)pTen.llCt肮鹏9aw修点：|阳耳2I&WMi.Mf-rl4力枭Mb产阳loProflr'WPrtftikiHill驻鹏L3TO格4|H>¥.zjtnywLkVUL.劭，tfrfreasic

41、iIhll阱ce厂OWl1w前的1剧Tflrlt*P!rflp.iiir4ii呻落1grm斯名|HR511贰氏4旧e-Buia"55孙H*-iTsmtiiErreHwtoPv早FTcnli:=,1HQ1阱便t林|W«TheJ's立IrtTLTi-；CrnneCTtlt-i11PreniiceHillE却i»5.改匿楞比慌曾右者雅出依世m迎的I：（甘悝I创/怡过售菁膏副jurs-tt£不总会期里行星霞示睡当E苣亮嵌1/4Tff|I下典图4-9图书列表显不代码部分:图书管理模块的控制器在ListBookServlet类中，其分辨的后缀为“.xx”，当

42、进入图书列表页面时，浏览器会发送"list.xx”的请求到web.xml,web.xml根据后缀找到该控制器，在将请求切割成“list”字符串，到下面代码块：tryStringisbn=ParamUtil.getString(request.getParameter("qisbn");StringbookName=newString(ParamUtil.getString(request.getParameter("bookName").getBytes("iso-8859-1"),"GBK");Stri

43、ngqueryParam="&isbn="+isbn+"&bookName="+bookName;List<BookModel>books=dao.quickSearch(isbn,bookName);request.setAttribute("books",books);request.setAttribute("queryParam",queryParam);/step2获得转发器RequestDispatcherrd="booksMain.jsp" );requ

44、est.getRequestDispatcher(/step3 转发rd.forward(request,response);catch(Exceptione)e.printStackTrace();thrownewServletException();在获得通过空的书名和isbn,去DAO层调用quickSearch()方法，查询所有书籍2 .图书添加截图:JavaWch图书信息管理系统Erm而naila博*由二i己IF-出廿Fr吊巾匚.旧墓11y侪格joe审静平带3WB*1'IF*麻聿*4作牙Faulm111sli"«BdlSulltFIkiri温录h善支-te

45、.二皆殖131fMd总竺kuuB年J辜#的局日慎处畏ft帕».11,门口口Esiarrt.b/m!S«t4倒照ManagerSystemr«»wi'-#rwitwetim-fMivi用“田小irewiFmnWw海图4-10图书添加代码部分：当点击图书添加按钮时，页面会重定向到addBook.jsp页面，如上图。在该页面将要添加图书的各项信息。其中作者添加要从数据库作者表中去选择。当添加的isbn号已存在数据库时，则无法添加。添加isbn时，点击检查sibn按钮，调用下面方法检查isbn是否重复：if(action.equals("/ch

46、eckIsbn")tryStringisbn=ParamUtil.getString(request.getParameter("isbn");booleanflag=dao.checkIsbn(isbn);PrintWriterout=response.getWriter();out.print(flag);out.flush();out.close();catch(Exceptione)e.printStackTrace();thrownewServletException();对于添加信息的合理性检查，代码如下(jquery代码)：检查isbn合理性：$(&

47、quot;#checkISBN").click(function()$("#checkImg").show();varisbn=$("#isbn").val();if(isbn="")alert("isb不能为空！");$("#checkImg").fadeOut(1000);flag0=false;else实行ajax同步处理，并发送post请求，调用checkIsbn()方法：$.ajaxSetup(async:false);$.post("checkIsbn.xx&qu

48、ot;,"isbn":isbn,function(data)if(data="true")名可用已经存在alert("isbn");$("#checkImg").fadeOut(1000);flag0=true;elsealert("isbn");$("#checkImg").fadeOut(1000);););,"text"flag0= false);$("#isbn").change(function()varisbnTxt=$(t

49、his).val();if(isbnTxt="").css( "color" , "red" );$("#checkDetails").text("isbn不能为空flag1=false;else$("#checkDetails").text("");flag1=true;);对书名的非空检查$("#bookName").change(function()vartext=$(this).val();if(text="")$(&

50、quot;#checkName").text("书名不能为空").css("color","red");flag2=false;else$("#checkName").text("正确").css("color","green");flag2=true;对价格的合理性进行检查，必须为数字，不能为0，必须为正数varreg=/Nd1,4(.d1,6)?$/;varreg11=/A01,4$(.0*)?/;$("#bookPrice&quo

51、t;).change(function()varval1=$(this).val();if(!val1.match(reg)$( "#priceDetail").text(" 价格必须为合理数字格式 " ).css( "color", "red" ); elseflag3 = false ;if (val1.match(reg11)|val1<=0)输入 " ).css( "color", "red" );$( "#priceDetail"

52、).text(" 价格不能为 0 ，请重新flag3=falseelse$( "#priceDetail").text(" 输入正确").css("color","green");对于年份的合理性检查，年份所要求格式为：);flag3 =trueXXXXvar reg1 = /Ad4$/;$( "#age" ).change(function()var age = $(this ).val();if(!age.match(reg1)$( "#ageDetail").

53、text(" 年份格式不符合要求" ).css( "color", "red" );flag4=falseelse$( "#ageDetail").text(" 输入正确" ).css( "color", "green" );flag4=true;对于版本号的合理性检查varreg2=/Nd1,2$/;$("#edition").change(function()varedition=$(this).val();if(edition=&

54、quot;"|!edition.match(reg2)$("#editionDetail").text("版本号格式不符合要求").css("color","red");flag6=false;else$("#editionDetail").text("输入正确").css("color","green");flag6=true;);对于出版社的非空检查，将数据库中所以出版社集合放在下拉框中$("#selectPub

55、lisher").change(function()if($("#selectPublisher").val()="")flag5=false;alert("请选择出版社");elseflag5=true;);提交添加表单操作$( "#form1" ).submit(function ()$("#isbn").change();$("#bookName").change();$("#age").change();$("#edition&

56、quot;).change$("#selectPublisher").change();$("#bookPrice").change();checkForm1(this);returnflag1&&flag2&&flag3&&flag4&&flag5&&flag6;););实现图片上传功能的代码：functionupload()varpath=$("#path").val();$.ajaxSetup(async:false);$.post("./

57、upload","path":path,function(data)if(data="true")$("#picImg").src("bms/images/"+path);elsealert("上传失败");,"text");returntrue;作者下拉框左右移动的方法代码：functionmoveitem(fromSel,toSel)varj=0;varfromOpt=fromSel.options;vartoOpt=toSel.options;vartoLen=toSel.length;/当前目标选择菜单的项数for(vari=fromOpt.length-1;i>=0;i-)if (fromOpti.selected) toSeltoLen+j=newOption(fromOpti.text,fromOpti.value);fromOpti=null;j+;提交所选作者：functionche