信息系统分析与设计技能训练

上传者：刘坤臣
|
上传时间：2015-05-12
|
密次下载

信息系统分析与设计技能训练

1、脚本语言编程训练

脚本语言编程训练中，设计了一个可排序的表格，其中表格通过CSS实现表格样式，通过javaScript实现了表格的排序功能，其中设计的表格颜色为间隔显示，并且当鼠标悬浮在行上是实现了行的颜色高亮的功能：

JavaScript代码：test.js

function trColor(){ //实现行颜色间隔显示功能 var tabNode=document.getElementsByTagName("table")[0]; var trNodes=tabNode.rows;

for(var x=0;x<trNodes.length;x++){

if(x%2==0){

trNodes[x].className="two";

}else{

trNodes[x].className="one";

}

var name;

trNodes[x].onmouseover=function(){

name=this.className;

this.className="over";

}

trNodes[x].onmouseout=function(){

this.className=name;

}

window.onload=trColor;

var flag=true;

function list(){ //表格排序功能

var arr=new Array();

var tabNode=document.getElementsByTagName("table")[0]; var trNodes=tabNode.rows;

for(var x=1;x<trNodes.length;x++){

arr[x-1]=trNodes[x]

}

if(flag){

sortArray(arr);

flag=false;

}else{

sortArray1(arr);

flag=true;

} } var tbNode=tabNode.childNodes[1]; for(var x=0;x<arr.length;x++){ tbNode.appendChild(arr[x]); } trColor(); function sortArray(arr){ //由小到大排序 for(var x=0;x<arr.length-1;x++){ for(var y=x+1;y<arr.length;y++){ if(parseInt(arr[x].cells[1].innerText)>parseInt(arr[y].cells[1].innerText)){ var temp=arr[x]; arr[x]=arr[y]; arr[y]=temp; } } } } function sortArray1(arr){ //由大到小排序 for(var x=0;x<arr.length-1;x++){ for(var y=x+1;y<arr.length;y++){ if(parseInt(arr[x].cells[1].innerText)<parseInt(arr[y].cells[1].innerText)){ var temp=arr[x]; arr[x]=arr[y]; arr[y]=temp; } } } }

总的来说，这个脚本训练中的难点就是：将表格中的行根据年龄进行排序，其中将年龄变为一个int型数据是一个容易忽略的知识点，还有取出行的单元格中的数据也是一个不错的点，以上这个程序是一个运用javaScript、css、html、DOM的综合应用。

2、JSP的内置对象应用和数据库操作综合训练

通过数据库操作+jsp内置对象构成了一个简单的登录程序，当点击登录提交表单后，程序会在数据库中进行查询用户ID和密码，如存在此用户则提示登录成功，否则提示登录失败，而后通过一些jsp技术实现页面跳转，注销登录等操作。本程序采用DAO模式将数据库连接等操作与页面显示分离开，在JSP中只需调用包中的方法即可对数据库进行操作。本程序由于不涉及servlet操作，所以一些处理数据的操作会在jsp页面中完成.

在与数据库交互中，由于我采用的是DAO设计模式，所以我认为比较有难度的就是真实操作类的编写，在真实操作类中编写SQL语句从而实现与数据库的交互，由于我编写的这个登录比较简单，所以没有遇到太大困难。

public class DAOImpl implements IDAO<User>{

private Connection conn=null;

private PreparedStatement pstm=null;

private ResultSet rs=null;

public DAOImpl(Connection conn) {

super();

this.conn = conn;

}

@Override

public boolean find(User user) throws SQLException {

// TODO Auto-generated method stub

boolean flag=false;

String sql="select name from member where mid=? and password=?"; pstm=conn.prepareStatement(sql);

pstm.setString(1, user.getMid());

pstm.setString(2, user.getPassword());

rs=pstm.executeQuery();

if(rs.next()){

String name=rs.getString(1);

user.setName(name);

flag=true;

}

pstm.close();

return flag;

}

在jsp操作方面，我遇到的难点不算太大，其中比较给力的就是下面这个check.jsp，由于我没有编写servlet代码，所以讲显示层与数据库操作类的沟通交给了下面这个代码，其中开始他先验证操作者输入的验证码是否正确，如果正确在执行查询操作，从而断定登陆者是否能登陆成功。

负责连接并操作查询数据库，对登录者进行判断并处理的jsp代码：check.jsp

<%@page import="DAOFactory.DAOFactory"%>

<%@page import="http://wendang.chazidian.comer"%>

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<body>

String rand = (String) session.getAttribute("rand");

String code = request.getParameter("code");

if (!rand.equalsIgnoreCase(code)) {

request.setAttribute("info", "输入了错误的验证码");

<jsp:forward page="login.jsp"></jsp:forward>

} %> <% String mid = request.getParameter("userid"); String pass = request.getParameter("pass"); User user = new User(); user.setMid(mid); user.setPassword(pass); if (DAOFactory.getInstance().find(user)) { session.setAttribute("mid", user.getName()); %> <jsp:forward page="welcome.jsp"></jsp:forward> <% } else { request.setAttribute("info", "用户名或密码错误！"); %> <jsp:forward page="login.jsp"></jsp:forward> <% }

总的来说，我根据Jsp内置对象与数据库操作所做的登陆程序的训练比较简单，但里面涉及的的关于jsp内置对象与数据库操作的的知识点还算比较全面，通过脚本语言编程训练、JSP的内置对象应用训练、JSP中数据库操作训练，使我对web开发的了解更深入了，这方面的知识也掌握的更为深刻，可谓是获益不小，希望我能在开发这条路一直走下去。