soul,,,明灵
soul,,,明灵

基于JavaScript的网页设计

基于JavaScript的网页设计

所用软件：Notepad++
基本功能：实现“学生信息管理系统”，实现基础的增，删，改，查，以及一些“花里胡哨”的操作。
（代码及图片文件在文末）

文章目录

  • 基于JavaScript的网页设计
    • 基础的“增删查改”
      • 配置的文件（这两个放在新建的“inc”文件夹下）
      • 主界面框架及“查”功能的实现
      • 信息增加界面——“增”
      • 信息修改界面——“改”
      • 信息删除——“删”
    • “花里胡哨”的附加功能
      • 登录界面
      • 注册界面
      • 忘记密码界面
      • 登录判断
      • 过滤器（防止用户不通过登录，直接访问网页）
    • 源文件

基础的“增删查改”

配置的文件（这两个放在新建的“inc”文件夹下）

这个放在每个网页文件开头处
connmysql.jsp:

<%@ page language="java" import="java.sql.*"%>
<%
Class.forName("com.mysql.jdbc.Driver").newInstance(); 
String url="jdbc:mysql://127.0.0.1:3306/qq?useUnicode=true&characterEncoding=utf8";
String dbusername="root";
String dbpassword="123456";
Connection conn=null;
Statement stmt=null;
Statement stmt2=null;
try{
 conn= DriverManager.getConnection(url,dbusername,dbpassword);
 stmt=conn.createStatement();
 stmt2=conn.createStatement();
%>

这个放在每个网页文件结尾处
connmysql_close.jsp:

<%@ page language="java" import="java.sql.*"%>
<%
}catch(Exception e){
 System.out.println(request.getRequestURI()+" conn error:"+e.getMessage());
}finally{
 stmt2.close();
 stmt.close();
 conn.close();
}
%>

主界面框架及“查”功能的实现

演示：

代码：
student.jsp:

<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<%@ include file="inc/connmysql.jsp"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<center>
<title>学生成绩列表</title>
<link rel="stylesheet" type="text/css" href="css/inputstyle.css" />
<style type="text/css">
<!--
.STYLE1 {color: #666666}
-->
</style>
</center>
</head>
<%
//处理查询的操作
String sname="";
sname=request.getParameter("sname");//这个方法用来取出JSP中的input的值
if(sname==null){sname="";}
sname=new String(sname.getBytes("iso-8859-1"),"utf-8");
String cond="";
if(!"".equals(sname)){
 cond=" AND name LIKE '%"+sname+"%'";
}else{
 cond="";
}
%>
<body>
<style>
 body{
  background-image:url("009.jpg");
  background-size: 100%;
  color:black;
 }
</style>
<form name="myForm" method="post" action="">
<center>
  <table width="60%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td><div align="center" class="tableTitle">学生成绩列表</div></td>
    </tr>
    <tr>
      <td color="black">请输出学生姓名：
      <input name="sname" type="text" id="sname" size="15" color="black">
      <input name="btn1" type="submit" id="btn1" value="查询"></td color="black">
    </tr>
    <tr>
      <td><table width="800" height="100" border="1" cellspacing="0" cellpadding="0">
        <tr>
          <td bgcolor="#999999"><div align="center" class="STYLE1">序号</div></td>
          <td bgcolor="#999999"><div align="center" class="STYLE1">姓名</div></td>
          <td bgcolor="#999999"><div align="center" class="STYLE1">学号</div></td>
          <td bgcolor="#999999"><div align="center" class="STYLE1">课程</div></td>
          <td bgcolor="#999999"><div align="center" class="STYLE1">成绩</div></td>
        </tr>
  <%
  //session.setAttribute("mes","123");
  ResultSet rs=stmt.executeQuery("SELECT * FROM information WHERE 1=1 "+cond);//这个information是我数据库的名字
  //out.println("SELECT * FROM information WHERE 1=1 "+cond);
  int xh=1;
  while(rs.next()){
  %>
        <tr>
          <td><div align="center"><%=xh++%></div></td>
          <td><div align="center"><%=rs.getString("name").replaceAll(sname,""+sname+"")%></div></td>
          <td><div align="center"><%=rs.getString("Id")%></div></td>
          <td><div align="center"><%=rs.getString("class1")%></div></td>
          <td><div align="center"><%=rs.getString("score")%></div></td>
        </tr>
  <%}%>
      </table></td>
    </tr>
  </table>
  </center>
</form>
</body>
</html>
<%@ include file="inc/connmysql_close.jsp"%>

上边的代码我们当作“学生主界面”使用；略作改动，下面我们作为“管理员主界面”使用：
演示：

代码：

<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<%@ include file="inc/connmysql.jsp"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<center>
<title>学生成绩列表</title>
<link rel="stylesheet" type="text/css" href="css/inputstyle.css" />
<style type="text/css">
<!--
.STYLE1 {color: #666666}
-->
</style>
</center>
</head>
<script language="javascript">
function AddInfo(){
 //直接把页面定位到student_add.jsp
 window.location="student_add.jsp";
}
function AddInfo1(){
 window.location="delete.jsp";
}
function AddInfo2(){
 window.location="student_add.jsp";
}
</script>
<%
//处理查询的操作
String sname="";
sname=request.getParameter("sname");//这个方法用来取出JSP中的input的值
if(sname==null){sname="";}
sname=new String(sname.getBytes("iso-8859-1"),"utf-8");
String cond="";
if(!"".equals(sname)){
 cond=" AND name LIKE '%"+sname+"%'";
}else{
 cond="";
}
%>
<body>
<style>
 body{
  background-image:url("009.jpg");
  background-size: 100%;
  color:black;
 }
</style>
<form name="myForm" method="post" action="">
<center>
  <table width="60%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td><div align="center" class="tableTitle">学生成绩列表</div></td>
    </tr>
    <tr>
      <td color="black">请输出学生姓名：
      <input name="sname" type="text" id="sname" size="15" color="black">
      <input name="btn1" type="submit" id="btn1" value="查询"></td color="black">
    </tr>
    <tr>
      <td><table width="800" height="100" border="1" cellspacing="0" cellpadding="0">
        <tr>
          <td bgcolor="#999999"><div align="center" class="STYLE1">序号</div></td>
          <td bgcolor="#999999"><div align="center" class="STYLE1">姓名</div></td>
          <td bgcolor="#999999"><div align="center" class="STYLE1">学号</div></td>
          <td bgcolor="#999999"><div align="center" class="STYLE1">课程</div></td>
          <td bgcolor="#999999"><div align="center" class="STYLE1">成绩</div></td>
    <td bgcolor="#999999"><div align="center" class="STYLE1">删除</div></td>
    <td bgcolor="#999999"><div align="center" class="STYLE1">修改</div></td>
        </tr>
        <%
  //session.setAttribute("mes","123");
  ResultSet rs=stmt.executeQuery("SELECT * FROM information WHERE 1=1 "+cond);
  //out.println("SELECT * FROM information WHERE 1=1 "+cond);
  int xh=1;
  while(rs.next()){
  %>
  <tr>
          <td><div align="center"><%=xh++%></div></td>
          <td><div align="center"><%=rs.getString("name").replaceAll(sname,""+sname+"")%></div></td>
          <td><div align="center"><%=rs.getString("Id")%></div></td>
          <td><div align="center"><%=rs.getString("class1")%></div></td>
          <td><div align="center"><%=rs.getString("score")%></div></td>
    <td><a href="delete.jsp?id=<%=rs.getString("Id")%>">删除</a></td>
    <td><a href="change.jsp?id=<%=rs.getString("Id")%>&n=<%=rs.getString("name")%>&c=<%=rs.getString("class1")%>">修改</a></td>
        </tr>
  <%}%>
  
      </table></td>
    </tr>
 <tr>
  <td><input name="cmdAdd" type="button" class="btn_warning" onClick="AddInfo();" value="增加"/>
  </td>
 </tr>
  </table>
  </center>
</form>
</body>
</html>
<%@ include file="inc/connmysql_close.jsp"%>

信息增加界面——“增”

演示：

代码：
student_add.jsp:

<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<%@ include file="inc/connmysql.jsp"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>学生信息增加页面</title>
<link rel="stylesheet" type="text/css" href="css/inputstyle.css" />
<style type="text/css">
<!--
.STYLE1 {color: #666666}
-->
</style>
</head>
<body>
<style>
 body{
  background-image:url("011.jpg");
  background-size: 100%;
  color:black;
 }
</style>
<form name="myForm" method="post" action="student_save.jsp">
  <table align="center" width="50%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td><div align="center" class="tableTitle">学生信息增加</div></td>
    </tr>    
    <tr>
      <td><table width="100%" border="1" cellspacing="0" cellpadding="0">
        <tr>
          <td><div align="center"><font size=5 color="yellow">姓名：</div></td>
          <td><input name="studentname" type="text" id="studentname"></td>
        </tr>
        <tr>
          <td><div align="center"><font size=5 color="yellow">学号：</div></td>
          <td><input name="studentno" type="text" id="studentno"></td>
        </tr>
        <tr>
          <td><div align="center"><font size=5 color="yellow">课程：</div></td>
          <td><input name="coursename" type="text" id="coursename"></td>
        </tr>
        <tr>
          <td><div align="center"><font size=5 color="yellow">成绩：</div></td>
          <td><input name="coursescore" type="text" id="coursescore"></td>
        </tr>
      </table></td>
    </tr>
 <tr>
  <td height="30"><div align="center">
    <input name="cmdSave" type="submit" class="btn_warning" id="cmdSave" onClick="" value="保存"/>
    <input name="cmdCancel" type="button" class="btn_warning" id="cmdCancel" onClick="javascript:window.location='student_list.jsp';" value="取消"/>
  </div></td>
 </tr>
  </table>
</form>
</body>
</html>
<%@ include file="inc/connmysql_close.jsp"%>

student_save.jsp:

<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<%@ include file="inc/connmysql.jsp"%>
<%@ include file="utils/function.jsp"%>
<html>
<head>
<meta http-equiv="refresh" content="3;url=student_list.jsp">
</head>
<body>
<%
//这里面直接写业务逻辑代码
String studentname=toUTF(request.getParameter("studentname"));
String studentno=toUTF(request.getParameter("studentno"));
String coursename=toUTF(request.getParameter("coursename"));
String coursescore=toUTF(request.getParameter("coursescore"));
out.println(studentname);
//软件重构：改善代码的既有设计
PreparedStatement psmt=conn.prepareStatement("insert into information (name,Id,class1,score) VALUES ('"+studentname+"','"+studentno+"','"+coursename+"','"+coursescore+"')");
psmt.executeUpdate();
%>
</body>
</html>
<%@ include file="inc/connmysql_close.jsp"%>

信息修改界面——“改”

只有管理员有权限修改：
change.jsp:

<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<%@ include file="inc/connmysql.jsp"%>
<%@ include file="utils/function.jsp"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" meta charset="UTF-8">
<title>学生信息修改页面</title>
<link rel="stylesheet" type="text/css" href="css/inputstyle.css" />
<style type="text/css">
<!--
.STYLE1 {color: #666666}
-->
</style>
</head>
<body>
<style>
 body{
  background-image:url("012.jpg");
  background-size: 100%;
  color:black;
 }
</style>
<%
String getName=toUTF(request.getParameter("id"));
int i = Integer.parseInt(getName);
ResultSet rs=stmt.executeQuery("SELECT * FROM information WHERE id ="+i+"");
String studentname1 ="";
String studentclass1 = "";
String studentscore1 = "";
while(rs.next()){
 studentname1=rs.getString("name");
 studentclass1=rs.getString("class1");
 studentscore1=rs.getString("score");
}
%>
<form name="myForm" method="post" action="change_save.jsp">
  <table align="center" width="50%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td><div align="center" class="tableTitle">学生信息修改</div></td>
    </tr>    
    <tr>
      <td><table width="1000" height="100" border="1" cellspacing="0" cellpadding="0">
        <tr>
          <td><div align="center"><font size=5 color="yellow">学号：</div></td>
    <td><div align="center"><font size=5 color="yellow"><%=getName%></div></td>
    <input name="number" type="hidden" value=<%=getName%> id="number"></input>
        </tr>
  <tr>
          <td><div align="center"><font size=5 color="yellow">姓名：</div></td>
    <td><div align="center"><font size=5 color="yellow"><%=studentname1%></div></td>
        </tr>
  <tr>
          <td><div align="center"><font size=5 color="yellow">课程名称：</div></td>
    <td><div align="center"><font size=5 color="yellow"><%=studentclass1%></div></td>
        </tr>
        <tr>
          <td><div align="center"><font size=5 color="yellow">成绩：</div></td>
          <td><input name="coursescore1" type="text" id="coursescore1"></td>
        </tr>
      </table></td
    </tr>
 
 <tr>
  <td height="30"><div align="center">
    <input name="cmdSave" type="submit" class="btn_warning" id="cmdSave" onClick="" value="保存"/>
    <input name="cmdCancel" type="button" class="btn_warning" id="cmdCancel" onClick="javascript:window.location='student_list.jsp';" value="取消"/>
  </div></td>
 </tr>
  </table>
</form>
</body>
</html>
<%@ include file="inc/connmysql_close.jsp"%>

change_save.jsp:

<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<%@ include file="inc/connmysql.jsp"%>
<%@ include file="utils/function.jsp"%>
<html>
<head>
<meta http-equiv="refresh" content="3;url=student_list.jsp">
</head>
<body>
<%
//这里面直接写业务逻辑代码
String coursescore1=toUTF(request.getParameter("coursescore1"));
String getName=toUTF(request.getParameter("number"));
int i = Integer.parseInt(getName);
int s = Integer.parseInt(coursescore1);
out.println("修改成功,"+"学号为"+i+"的成绩修改为"+coursescore1);
//软件重构：改善代码的既有设计
PreparedStatement psmt=conn.prepareStatement("update information set score="+s+" where Id="+i+"");
psmt.executeUpdate();
%>
</body>
</html>
<%@ include file="inc/connmysql_close.jsp"%>

信息删除——“删”

(同样只有管理员能进行)
delete.jsp:

<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<%@ include file="inc/connmysql.jsp"%>
<%@ include file="utils/function.jsp"%>
<html>
<head>
<meta http-equiv="refresh" content="3;url=student_list.jsp">
</head>
<body>
<%
String getName=toUTF(request.getParameter("id"));
int i = Integer.parseInt(getName);
out.println("删除"+i);
PreparedStatement psmt=conn.prepareStatement("delete from information where Id="+i+"");
psmt.executeUpdate();
%>
</body>
</html>
<%@ include file="inc/connmysql_close.jsp"%>

“花里胡哨”的附加功能

登录界面

演示：
基于JavaScript的网页设计_第1张图片
代码：
login.jsp:

<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<%@ include file="inc/connmysql.jsp"%>
<title>登录</title>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
</style>
</head>
<body >
<table border=0 >
<tr>
 <th width=2000 height=150 border=1 bgcolor='ccffff'>
  <center>
   <table>
    <th><img src="001.jpg" width='100' height='100'></th>
    <th><font size='7' color='ff7517'>学生成绩管理系统</th>
   </table>
  </center>
 </th>
</tr>
<table style="background-image:url(images/.jpg);background-size: 100%; opacity: 1; filter: alpha(opacity = 30)"><th>
<table border=0><tr><th width=1500 height=600 border=1><img src="003.jpg" height='600' width=800></th><th>
<form action="judge.jsp" method="post">
<table border=0 bgcolor=F0F0F0>
<tr><th width=12 height=45></th><th colspan=3 width=82 height=45 align='left'>账户登录</th></tr>
<tr><th width=12 height=20></th><th width=20 height=20><img src="004.png" ></th><th width=50 height=20>
<input type="text" style="height:40px" placeholder="手机号/会员号/邮箱地址" size=40 id="user" name="user"></th><th width=12 height=20></th></tr>
<tr><th colspan=4 width=94 height=20></th></tr>
<tr><th width=12 height=20></th><th width=20 height=20><img src="005.jpg" ></th><th width=50 height=20>
<input type="password" style="height:40px" placeholder="密码" id="password" name="password" size=40></th><th width=12 height=20></th></tr>
<tr><th colspan=4 width=94 height=20></th></tr>
<tr><th width=12 height=20></th>
<th colspan=2 width=70 height=20 bgcolor=FF5809><input type="submit" 
    style="background-color:FF5809;height:40px;width:140px;font-size:20px;color:white;border:none" 
    value="登录" ></th>
    <th width=12 height=20></th></tr>
    <tr><th colspan=4 width=94 height=20></th></tr>
 <tr><th width=12 height=20></th><th width=70  height=20 colspan=2><img src="006.png" ></th><th width=12 height=20></th></form></tr>
<tr><th colspan=4 width=94 height=6></th></tr>
<tr><th width=12 height=40><th colspan=2><table width=310 border=0><tr><th  width=35 height=20 align='left'><font size=2><a href="new.jsp">忘记密码</font></th>
<th  width=35 height=20 align='right'><font size=2><a href="zhuce.jsp">免费注册</a></font></th></tr></table></th><th></th></tr>
<tr><th colspan=4 width=94 height=6></th></tr>
</table>
</th><th width='700'></th></tr></table></th><tr><th bgcolor='f9fa9b' height=120><p>联系邮箱：1486266298@qq.com</p><p>联系地址：中国石油大学(华东)11号楼439宿舍</p><p>联系电话：17854266309</p></th></table>
</body>
<%@ include file="inc/connmysql_close.jsp"%>

注册界面

界面：

代码：
zhuce.jsp:

<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<%@ include file="inc/connmysql.jsp"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>用户注册页面</title>
<link rel="stylesheet" type="text/css" href="css/inputstyle.css" />
<style type="text/css">
<!--
.STYLE1 {color: #666666}
-->
</style>
</head>
<body>
<style>
 body{
  background-image:url("010.png");
  background-size: 100%;
  color:black;
 }
</style>
<form name="myForm" method="post" action="zhuce_save.jsp">
  <table align="center" width="50%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td><div align="center" class="tableTitle">用户注册</div></td>
    </tr>    
    <tr>
      <td><table width="1000" height="100" border="1" cellspacing="0" cellpadding="0">
        <tr>
          <td><div align="center" type="5">用户名：</div></td>
          <td><input name="studentname" type="text" id="studentname"></td>
        </tr>
        <tr>
          <td><div align="center">密码：</div></td>
          <td><input name="studentno" type="text" id="studentno"></td>
        </tr>
  <tr>
          <td><div align="center">预置码：</div></td>
          <td><input name="studentno1" type="text" id="studentno1"></td>
        </tr>
      </table></td>
    </tr>
 <tr>
  <td height="30"><div align="center">
    <input name="cmdSave" type="submit" class="btn_warning" id="cmdSave" onClick="" value="保存"/>
    <input name="cmdCancel" type="button" class="btn_warning" id="cmdCancel" onClick="javascript:window.location='login.jsp';" value="取消"/>
  </div></td>
 </tr>
  </table>
</form>
</body>
</html>
<%@ include file="inc/connmysql_close.jsp"%>

zhuce_save.jsp:

<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<%@ include file="inc/connmysql.jsp"%>
<%@ include file="utils/function.jsp"%>
<html>
<head>
<meta http-equiv="refresh" content="3;url=login.jsp">
</head>
<body>
<%
String studentname=toUTF(request.getParameter("studentname"));
String studentno=toUTF(request.getParameter("studentno"));
String studentno1=toUTF(request.getParameter("studentno1"));
out.println(studentname);
PreparedStatement psmt=conn.prepareStatement("insert into login_it (User,Password,number) VALUES ('"+studentname+"','"+studentno+"','"+studentno1+"')");
psmt.executeUpdate();
%>
</body>
</html>
<%@ include file="inc/connmysql_close.jsp"%>

忘记密码界面


new.jsp:

<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<%@ include file="inc/connmysql.jsp"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>忘记密码</title>
<link rel="stylesheet" type="text/css" href="css/inputstyle.css" />
<style type="text/css">
<!--
.STYLE1 {color: #666666}
-->
</style>
</head>
<body>
<style>
 body{
  background-image:url("013.png");
  background-size: 100%;
  color:black;
 }
</style>
<form action="action.jsp" method="POST">
  <table align="center" width="50%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td><div align="center" class="tableTitle">忘记密码</div></td>
    </tr>    
    <tr>
      <td><table width="1000" height="100" border="1" cellspacing="0" cellpadding="0">
        <tr>
          <td><div align="center" type="5"><font size=5 color="yellow">用户名：</div></td>
          <td><input name="studentname1" type="text" id="studentname1"></td>
        </tr>
        <tr>
          <td><div align="center"><font size=5 color="yellow">新密码(无前置0且均为数字)：</div></td>
          <td><input name="studentno1" type="text" id="studentno1"></td>
        </tr>
  <tr>
          <td><div align="center"><font size=5 color="yellow">预置码：</div></td>
          <td><input name="studentno2" type="text" id="studentno2"></td>
        </tr>
        <label class="captchaCode">
   <font size=5 color="yellow">验证码： <img src="img.jsp" style="cursor: pointer;" onclick="this.src=this.src + '?' + new Date().valueOf();" /> 
   <input type="text" name="captchaImgCode" />
  </label>
      </table></td>
    </tr>
 <tr>
  <td height="30"><div align="center">
    <input name="cmdSave" type="submit" class="btn_warning" id="cmdSave" onClick="" value="保存"/>
    <input name="cmdCancel" type="button" class="btn_warning" id="cmdCancel" onClick="javascript:window.location='login.jsp';" value="取消"/>
  </div></td>
 </tr>
  </table>
</form>
</body>
</html>
<%@ include file="inc/connmysql_close.jsp"%>

动态验证码要靠下面三个代码块实现：
img.jsp:

<%@include file="captcha.jsp"%>
<%
 init(pageContext);// 加载图片
%>

captcha.jsp:

<%@page pageEncoding="UTF-8" import="java.io.IOException, java.awt.*, java.awt.image.BufferedImage, java.util.Random, javax.imageio.ImageIO"%>
<%!
 public static class Captcha {
  private int width = 60;
  private int height = 20;
  private String code;
  public BufferedImage get() {
   BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);// 在内存中创建图像
   Graphics g;
   g = image.getGraphics(); // 获取图形上下文 
   g.setColor(getRandColor(200, 250)); // 设定背景 
   g.fillRect(0, 0, width, height);
   g.setFont(new Font("Times New Roman", Font.PLAIN, 18)); // 设定字体 
   g.setColor(getRandColor(160, 200)); 
   Random random = new Random();// 随机产生干扰线
   for (int i = 0; i < 155; i++) {
    int x = random.nextInt(width), y = random.nextInt(height);
    int xl = random.nextInt(12), yl = random.nextInt(12);
    g.drawLine(x, y, x + xl, y + yl);
   }
   String sRand = ""; // 随机产生4位验证码
   for (int i = 0; i < 4; i++) {
    String rand = String.valueOf(random.nextInt(10));
    sRand += rand;
    g.setColor(new Color(20 + random.nextInt(110), 20 + random.nextInt(110), 20 + random.nextInt(110))); // 将认证码显示到图象中  
    g.drawString(rand, 13 * i + 6, 16);// 调用函数出来的颜色相同，可能是因为种子太接近，所以只能直接生成 
   }
   // 将认证码存入SESSION
   // session.setAttribute("rand", sRand);
   setCode(sRand);
   g.dispose();// 图象生效     
   return image;
  }
  private Color getRandColor(int fc, int bc) {
   if (fc > 255)
    fc = 255;
   if (bc > 255)
    bc = 255;
   Random random = new Random();
   int r = fc + random.nextInt(bc - fc);
   int g = fc + random.nextInt(bc - fc);
   int b = fc + random.nextInt(bc - fc);
   return new Color(r, g, b);
  }
  public int getHeight() {
   return height;
  }
  public void setHeight(int height) {
   this.height = height;
  }
  public String getCode() {
   return code;
  }
  public void setCode(String code) {
   this.code = code;
  }
  public int getWidth() {
   return width;
  }
  public void setWidth(int width) {
   this.width = width;
  }
 }
 public static final String SESSION_KEY = "rand";
 public static void init(HttpServletResponse response, HttpSession session) {
  Captcha img = new Captcha();
  // 不用缓存
  response.setHeader("Pragma", "No-cache");
  response.setHeader("Cache-Control", "no-cache");
  response.setDateHeader("Expires", 0);
  response.setContentType("image/jpg");
  try {
   ImageIO.write(img.get(), "JPEG", response.getOutputStream());
  } catch (IOException e) {
   e.printStackTrace();
  }
  session.setAttribute(SESSION_KEY, img.getCode()); // 将认证码存入 SESSION 
  System.out.println("生成验证码:" + img.getCode());
 }
 public static void init(PageContext pageContext) {
  init((HttpServletResponse) pageContext.getResponse(), pageContext.getSession());
 }
 public static boolean isPass(PageContext pageContext, String code) throws Throwable {
  boolean isCaptchaPass = false;
  String rand = (String) pageContext.getSession().getAttribute(SESSION_KEY);
  System.out.println("rand:" + rand);
  System.out.println("CaptchaCode:" + code);
  if (rand == null)
   throw new UnsupportedOperationException("请刷新验证码。");
  else if (code == null || code.equals("")) {
   throw new IllegalArgumentException("没提供验证码参数");
  } else {
   isCaptchaPass = rand.equals(code);
   if (!isCaptchaPass)
    throw new IllegalAccessError("验证码不正确");
  }
  return isCaptchaPass;
 }
%>

action.jsp:

<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<%@ include file="inc/connmysql.jsp"%>
<%@ include file="utils/function.jsp"%>
<%@include file="captcha.jsp"%>
<html>
<head>
<meta http-equiv="refresh" content="3;url=login.jsp">
</head>
<body>
<%
 String captchaImgCode = request.getParameter("captchaImgCode");
 try {
  if (isPass(pageContext, captchaImgCode)) {
   out.println("验证码通过！");
  }
 } catch (Throwable e) {
  out.println(e);
 }
 String studentname=toUTF(request.getParameter("studentname1"));
 String studentno=toUTF(request.getParameter("studentno1"));
 String studentno2=toUTF(request.getParameter("studentno2"));
 out.println(studentno);
 PreparedStatement psmt=conn.prepareStatement("update login_it set Password="+studentno+" where number="+studentno2+"");
 psmt.executeUpdate();
%>
</body>
</html>
<%@ include file="inc/connmysql_close.jsp"%>

登录判断

judge.jsp:

<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<%@ include file="utils/function.jsp"%>
<%@ include file="inc/connmysql.jsp"%>
<html>
<head>
</head>
<body>
<%
//这里面直接写业务逻辑代码
String cond="";
String user=toUTF(request.getParameter("user"));
String password=toUTF(request.getParameter("password"));
out.println(user+" "+password);
ResultSet rs=stmt.executeQuery("SELECT * FROM login_it WHERE 1=1 "+cond);
int flag=0;
while(rs.next()){
 if(user.equals(rs.getString("User"))&&password.equals(rs.getString("Password")))
 {
  flag=1;
  if(user.equals("admin"))
   flag=2;
 }
}
if(flag==1){
%>
 <script type="text/javascript">
    window.location="student.jsp";  
    </script>
<%
}else if(flag==2){%>
 <script type="text/javascript">
 window.location="student_list.jsp";
    </script>
<% 
}else{
%>
    <script type="text/javascript">  
    window.location="wrong.jsp";  
    </script>
<%
}
%>
</body>
</html>
<%@ include file="inc/connmysql_close.jsp"%>

wrong.jsp:

<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<html>
<head>
<meta http-equiv="refresh" content="5;url=login.jsp">
</head>
<body>
 <th width=2000 height=500 border=1 bgcolor='#ffff'>
  <center>
   <table border=0 bgcolor="yellow">
    <tr>
     <th><img src="007.jpg" width='500' height='500'></th>
     <th><font size='6' color='ff7517'>糟了！用户名或密码记错了（即将返回原页面）</th>
    </tr>
   </table>
  </center>
 </th>
</body>
</html>

过滤器（防止用户不通过登录，直接访问网页）

应用之前，要改WEB-INF文件，怎么改由代码包的位置决定。
LoginFilter.jsp:

import java.io.IOException;
import java.util.ArrayList;
import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.annotation.WebFilter;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
<%@ include file="student_list.jsp"%>
/**
 * Servlet Filter implementation class LoginFilter
 */
@WebFilter("/LoginFilter")
public class LoginFilter implements Filter {
 //不被拦截的页面
 private static ArrayList<String> initPages = new ArrayList<>();
 static {
  initPages.add("login.jsp");
  initPages.add("new.jsp");
  initPages.add("zhuce.jsp");
  initPages.add("zhuce_save.jsp");
  initPages.add("judge.jsp");
  initPages.add("action.jsp");
  initPages.add("captcha.jsp");
  initPages.add("img.jsp");
 }
 /**
  * Default constructor.
  */
 public LoginFilter() {
 }
 /**
  * @see Filter#destroy()
  */
 public void destroy() {
  // TODO Auto-generated method stub
 }
 /**
  * @see Filter#doFilter(ServletRequest, ServletResponse, FilterChain)
  */
 public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain chain)
   throws IOException, ServletException {
  HttpServletRequest request = (HttpServletRequest) servletRequest;
  HttpServletResponse response = (HttpServletResponse) servletResponse;
  String currentURL = request.getRequestURI();
  String ctxPath = request.getContextPath();
  // 除掉项目名称时访问页面当前路径
  String targetURL = currentURL.substring(ctxPath.length());
  HttpSession session = request.getSession(false);
                //判断是否为 不被拦截的界面
  Boolean isInitPage = false;
  for (int i = 0; i < initPages.size();i++) {
   String initPage = initPages.get(i);
   System.out.print("\ninitPage:  " + initPage);
   if (initPage.equals(targetURL)) {
    isInitPage = true;
   }
  }
  if (!isInitPage) {
   System.out.println(
     "\ntargetURL:   " + targetURL + "\nctxPath:   " + ctxPath + "\ncurrentURL:   " + currentURL);
   // 在不为登陆页面时，再进行判断，如果不是登陆页面也没有session则跳转到登录页面，
   if (session == null || session.getAttribute("user") == null) {
    response.sendRedirect("/student_list.jsp");
    return;
   } else {
    // 这里表示正确，会去寻找下一个链，如果不存在，则进行正常的页面跳转
    chain.doFilter(request, response);
    return;
   }
  } else {
   chain.doFilter(request, response);
   return;
  }
 }
 /**
  * @see Filter#init(FilterConfig)
  */
 public void init(FilterConfig fConfig) throws ServletException {
  // TODO Auto-generated method stub
 }
}

源文件

源代码在此：（基于JavaScript的网页设计.zip）
https://me.csdn.net/download/soul_mingling
不需要积分，供大家参考学习。如需转载，请注明原地址；如有错误，请大家积极指出。

你可能感兴趣的:(JS,javascript,网页设计)

  • element实现动态路由+面包屑 软件技术NINI vue案例vue.js前端
    el-breadcrumb是ElementUI组件库中的一个面包屑导航组件，它用于显示当前页面的路径，帮助用户快速理解和导航到应用的各个部分。在Vue.js项目中，如果你已经安装了ElementUI，就可以很方便地使用el-breadcrumb组件。以下是一个基本的使用示例：安装ElementUI（如果你还没有安装的话）:你可以通过npm或yarn来安装ElementUI。bash复制代码npmi
  • Long类型前后端数据不一致 igotyback 前端
    响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问
  • C#中使用split分割字符串 互联网打工人no1 c#
    1、用字符串分隔：usingSystem.Text.RegularExpressions;stringstr="aaajsbbbjsccc";string[]sArray=Regex.Split(str,"js",RegexOptions.IgnoreCase);foreach(stringiinsArray)Response.Write(i.ToString()+"");输出结果：aaabbbc
  • DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理 STU学生网页设计 网页设计期末网页作业html静态网页html5期末大作业网页设计web大作业
    ️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
  • 【华为OD机试真题2023B卷 JAVA&JS】We Are A Team 若博豆 java算法华为javascript
    华为OD2023（B卷）机试题库全覆盖，刷题指南点这里WeAreATeam时间限制：1秒|内存限制：32768K|语言限制：不限题目描述：总共有n个人在机房，每个人有一个标号（1<=标号<=n），他们分成了多个团队，需要你根据收到的m条消息判定指定的两个人是否在一个团队中，具体的：1、消息构成为：abc，整数a、b分别代
  • 数组去重 好奇的猫猫猫
    整理自js中基础数据结构数组去重问题思考？如何去除数组中重复的项例如数组：[1,3,4,3,5]我们在做去重的时候，一开始想到的肯定是，逐个比较，外面一层循环，内层后一个与前一个一比较，如果是久不将当前这一项放进新的数组，挨个比较完之后返回一个新的去过重复的数组不好的实践方式上述方法效率极低，代码量还多，思考？有没有更好的方法这时候不禁一想当然有了！！！hashtable啊，通过对象的hash办法
  • 关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript 二挡起步 web前端期末大作业javascripthtmlcss旅游风景
    ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
  • HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动 二挡起步 web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端
    Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
  • 【JS】执行时长(100分) |思路参考+代码解析（C++） l939035548 JS算法数据结构c++
    题目为了充分发挥GPU算力，需要尽可能多的将任务交给GPU执行，现在有一个任务数组，数组元素表示在这1秒内新增的任务个数且每秒都有新增任务。假设GPU最多一次执行n个任务，一次执行耗时1秒，在保证GPU不空闲情况下，最少需要多长时间执行完成。题目输入第一个参数为GPU一次最多执行的任务个数，取值范围[1,10000]第二个参数为任务数组长度，取值范围[1,10000]第三个参数为任务数组，数字范围
  • node.js学习 小猿L node.jsnode.js学习vim
    node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行
  • docker igotyback eureka云原生
    Docker容器的文件系统是隔离的，但是可以通过挂载卷（Volumes）或绑定挂载（BindMounts）将宿主机的文件系统目录映射到容器内部。要查看Docker容器的映射路径，可以使用以下方法：查看容器配置：使用dockerinspect命令可以查看容器的详细配置信息，包括挂载的卷。例如：bashdockerinspect在输出的JSON格式中，查找"Mounts"部分，这里会列出所有的挂载信息
  • 在Ubuntu中编译含有JSON的文件出现报错 芝麻糊76 Linuxkill_buglinuxubuntujson
    在ubuntu中进行JSON相关学习的时候，我发现了一些小问题，决定与大家进行分享，减少踩坑时候出现不必要的时间耗费截取部分含有JSON部分的代码进行展示char*str="{\"title\":\"JSONExample\",\"author\":{\"name\":\"JohnDoe\",\"age\":35,\"isVerified\":true},\"tags\":[\"json\",\"
  • Xinference如何注册自定义模型 玩人工智能的辣条哥 人工智能AI大模型Xinference
    环境：Xinference问题描述：Xinference如何注册自定义模型解决方案：1.写个model_config.json，内容如下{"version":1,"context_length":2048,"model_name":"custom-llama-3","model_lang":["en","ch"],"model_ability":["generate","chat"],"model
  • Python神器！WEB自动化测试集成工具 DrissionPage 亚丁号 python开发语言
    一、前言用requests做数据采集面对要登录的网站时，要分析数据包、JS源码，构造复杂的请求，往往还要应付验证码、JS混淆、签名参数等反爬手段，门槛较高。若数据是由JS计算生成的，还须重现计算过程，体验不好，开发效率不高。使用浏览器，可以很大程度上绕过这些坑，但浏览器运行效率不高。因此，这个库设计初衷，是将它们合而为一，能够在不同须要时切换相应模式，并提供一种人性化的使用方法，提高开发和运行效率
  • JavaScript 中，深拷贝（Deep Copy）和浅拷贝（Shallow Copy） 跳房子的前端 前端面试javascript开发语言ecmascript
    在JavaScript中，深拷贝（DeepCopy）和浅拷贝（ShallowCopy）是用于复制对象或数组的两种不同方法。了解它们的区别和应用场景对于避免潜在的bugs和高效地处理数据非常重要。以下是对深拷贝和浅拷贝的详细解释，包括它们的概念、用途、优缺点以及实现方式。1.浅拷贝（ShallowCopy）概念定义：浅拷贝是指创建一个新的对象或数组，其中包含了原对象或数组的基本数据类型的值和对引用数
  • Mongodb Error: queryTxt ETIMEOUT xxxx.wwwdz.mongodb.net 佛一脚 errorreactmongodb数据库
    背景每天都能遇到奇怪的问题，做个记录，以便有缘人能得到帮助！换了一台电脑开发nextjs程序。需要连接mongodb数据，对数据进行增删改查。上一台电脑好好的程序，新电脑死活连不上mongodb数据库。同一套代码，没任何修改，搞得我怀疑人生了，打开浏览器进入mongodb官网毫无问题，也能进入线上系统查看数据，网络应该是没问题。于是我尝试了一下手机热点，这次代码能正常跑起来，连接数据库了！！！是不
  • Vue( ElementUI入门、vue-cli安装) m0_l5z elementuivue.js
    一.ElementUI入门目录：1.ElementUI入门1.1ElementUI简介1.2Vue+ElementUI安装1.3开发示例2.搭建nodejs环境2.1nodejs介绍2.2npm是什么2.3nodejs环境搭建2.3.1下载2.3.2解压2.3.3配置环境变量2.3.4配置npm全局模块路径和cache默认安装位置2.3.5修改npm镜像提高下载速度2.3.6验证安装结果3.运行n
  • 博客网站制作教程 2401_85194651 javamaven
    首先就是技术框架：后端：Java+SpringBoot数据库：MySQL前端：Vue.js数据库连接：JPA(JavaPersistenceAPI)1.项目结构blog-app/├──backend/│├──src/main/java/com/example/blogapp/││├──BlogApplication.java││├──config/│││└──DatabaseConfig.java
  • 00. 这里整理了最全的爬虫框架（Java + Python） 有一只柴犬 爬虫系列爬虫javapython
    目录1、前言2、什么是网络爬虫3、常见的爬虫框架3.1、java框架3.1.1、WebMagic3.1.2、Jsoup3.1.3、HttpClient3.1.4、Crawler4j3.1.5、HtmlUnit3.1.6、Selenium3.2、Python框架3.2.1、Scrapy3.2.2、BeautifulSoup+Requests3.2.3、Selenium3.2.4、PyQuery3.2
  • vue 创建项目报错：command failed: npm install --loglevel error 那鱼、会飞 vue.jsvue-cli3
    这个问题其实很好解决，只是很多种情况，逐一排除即可。稳下心来~vuecli3创建项目我的node版本是node14.15.0，（永远不要尝试最新版本）node各种版本下载地址：以往的版本|Node.js(nodejs.org)vue/[email protected]@vue/[email protected]（注意vue/cli2和vue/cli3的下载命名有所改变，2是-形式，3是/形式）其实报错
  • 更改npm镜像源为淘宝镜像 骆小骆 基于node.js
    npm常用指令后缀*最近复习了一下node.js整理了一下跟node.js相关的指令后缀*--save、-S参数意思是把模块的版本信息保存到dependencies（生产环境依赖）中，即你的package.json文件的dependencies字段中；–--save-dev、-D参数意思是把模块版本信息保存到devDependencies（开发环境依赖）中，即你的package.json文件的de
  • COCO 格式的数据集转化为 YOLO 格式的数据集 QYQY77 YOLOpython
    """--json_path输入的json文件路径--save_path保存的文件夹名字，默认为当前目录下的labels。"""importosimportjsonfromtqdmimporttqdmimportargparseparser=argparse.ArgumentParser()parser.add_argument('--json_path',default='./instances
  • JavaScript `Map` 和 `WeakMap`详细解释 跳房子的前端 JavaScript原生方法javascript前端开发语言
    在JavaScript中，Map和WeakMap都是用于存储键值对的数据结构，但它们有一些关键的不同之处。MapMap是一种可以存储任意类型的键值对的集合。它保持了键值对的插入顺序，并且可以通过键快速查找对应的值。Map提供了一些非常有用的方法和属性来操作这些数据对：set(key,value):将一个键值对添加到Map中。如果键已经存在，则更新其对应的值。get(key):获取指定键的值。如果键
  • 切换淘宝最新npm镜像源是 hai40587 npm前端node.js
    切换淘宝最新npm镜像源是一个相对简单的过程，但首先需要明确当前淘宝npm镜像源的状态和最新的镜像地址。由于网络环境和服务更新，镜像源的具体地址可能会发生变化，因此，我将基于当前可获取的信息，提供一个通用的切换步骤，并附上最新的镜像地址（截至回答时）。一、了解npm镜像源npm（NodePackageManager）是JavaScript的包管理器，用于安装、更新和管理项目依赖。由于npm官方仓库
  • NPM私库搭建-verdaccio（Linux） Beam007 npmlinux前端
    1、安装nodelinux服务器安装nodea)、官网下载所需的node版本https://nodejs.org/dist/v14.21.0/b)、解压安装包若下载的是xxx.tar.xz文件，解压命令为tar-xvfxxx.tar.xzc)、修改环境变量修改：/etc/profile文件#SETPATHFORNODEJSexportNODE_HOME=NODEJS解压安装的路径exportPAT
  • 前端代码上传文件 余生逆风飞翔 前端javascript开发语言
    点击上传文件import{ElNotification}from'element-plus'import{API_CONFIG}from'../config/index.js'import{UploadFilled}from'@element-plus/icons-vue'import{reactive}from'vue'import{BASE_URL}from'../config/index'i
  • golang获取用户输入的几种方式 余生逆风飞翔 golang开发语言后端
    一、定义结构体typeUserInfostruct{Namestring`json:"name"`Ageint`json:"age"`Addstring`json:"add"`}typeReturnDatastruct{Messagestring`json:"message"`Statusstring`json:"status"`DataUserInfo`json:"data"`}二、get请求的
  • VUE3 + xterm + nestjs实现web远程终端 或 连接开启SSH登录的路由器和交换机。 焚木灵 node.jsvue
    可远程连接系统终端或开启SSH登录的路由器和交换机。相关资料：xtermjs/xterm.js:Aterminalfortheweb(github.com)后端实现(NestJS)：1、安装依赖：npminstallnode-ssh@nestjs/websockets@nestjs/platform-socket.io2、我们将创建一个名为RemoteControlModule的NestJS模块，
  • 《HTML 与 CSS—— 响应式设计》 陈在天box htmlcss前端
    一、引言在当今数字化时代，人们使用各种不同的设备访问互联网，包括智能手机、平板电脑、笔记本电脑和台式机等。为了确保网站在不同设备上都能提供良好的用户体验，响应式设计成为了网页开发的关键。HTML和CSS作为网页开发的基础技术，在实现响应式设计方面发挥着重要作用。本文将深入探讨HTML与CSS中的响应式设计原理、方法和最佳实践。二、响应式设计的概念与重要性（一）概念响应式设计是一种网页设计方法，旨在
  • 高性能javascript--算法和流程控制 海淀萌狗
    -for,while和do-while性能相当-避免使用for-in循环，==除非遍历一个属性量未知的对象==es5:for-in遍历的对象便不局限于数组，还可以遍历对象。原因：for-in每次迭代操作会同时搜索实例或者原型属性，for-in循环的每次迭代都会产生更多开销，因此要比其他循环类型慢，一般速度为其他类型循环的1/7。因此，除非明确需要迭代一个属性数量未知的对象，否则应避免使用for-i
  • TOMCAT在POST方法提交参数丢失问题 357029540 javatomcatjsp
    摘自http://my.oschina.net/luckyi/blog/213209 昨天在解决一个BUG时发现一个奇怪的问题，一个AJAX提交数据在之前都是木有问题的，突然提交出错影响其他处理流程。 检查时发现页面处理数据较多，起初以为是提交顺序不正确修改后发现不是由此问题引起。于是删除掉一部分数据进行提交，较少数据能够提交成功。 恢复较多数据后跟踪提交FORM DATA ，发现数
  • 在MyEclipse中增加JSP模板 删除-2008-08-18 ljy325 jspxmlMyEclipse
    在D:\Program Files\MyEclipse 6.0\myeclipse\eclipse\plugins\com.genuitec.eclipse.wizards_6.0.1.zmyeclipse601200710\templates\jsp  目录下找到Jsp.vtl，复制一份，重命名为jsp2.vtl,然后把里面的内容修改为自己想要的格式，保存。 然后在 D:\Progr
  • JavaScript常用验证脚本总结 eksliang JavaScriptjavaScript表单验证
         转载请出自出处：http://eksliang.iteye.com/blog/2098985        下面这些验证脚本，是我在这几年开发中的总结，今天把他放出来，也算是一种分享吧，现在在我的项目中也在用！包括日期验证、比较，非空验证、身份证验证、数值验证、Email验证、电话验证等等...! &nb
  • 微软BI（4） 18289753290 微软BI SSIS
    1） Q:查看ssis里面某个控件输出的结果：  A MessageBox.Show(Dts.Variables["v_lastTimestamp"].Value.ToString()); 这是我们在包里面定义的变量 2):在关联目的端表的时候如果是一对多的关系，一定要选择唯一的那个键作为关联字段。 3) Q：ssis里面如果将多个数据源的数据插入目的端一
  • 定时对大数据量的表进行分表对数据备份 酷的飞上天空 大数据量
    工作中遇到数据库中一个表的数据量比较大，属于日志表。正常情况下是不会有查询操作的，但如果不进行分表数据太多，执行一条简单sql语句要等好几分钟。。   分表工具：linux的shell + mysql自身提供的管理命令 原理：使用一个和原表数据结构一样的表，替换原表。   linux shell内容如下： =======================开始 
  • 本质的描述与因材施教 永夜-极光 感想随笔
             不管碰到什么事,我都下意识的想去探索本质,找寻一个最形象的描述方式。        我坚信,世界上对一件事物的描述和解释,肯定有一种最形象,最贴近本质,最容易让人理解        &
  • 很迷茫。。。 随便小屋 随笔
    小弟我今年研一，也是从事的咱们现在最流行的专业（计算机）。本科三流学校，为了能有个更好的跳板，进入了考研大军，非常有幸能进入研究生的行业（具体学校就不说了，怕把学校的名誉给损了）。   先说一下自身的条件，本科专业软件工程。主要学习就是软件开发，几乎和计算机没有什么区别。因为学校本身三流，也就是让老师带着学生学点东西，然后让学生毕业就行了。对专业性的东西了解的非常浅。就那学的语言来说
  • 23种设计模式的意图和适用范围 aijuans 设计模式
    Factory Method 意图 定义一个用于创建对象的接口，让子类决定实例化哪一个类。Factory Method 使一个类的实例化延迟到其子类。 　　适用性 当一个类不知道它所必须创建的对象的类的时候。 　　当一个类希望由它的子类来指定它所创建的对象的时候。 　　当类将创建对象的职责委托给多个帮助子类中的某一个，并且你希望将哪一个帮助子类是代理者这一信息局部化的时候。 Abstr
  • Java中的synchronized和volatile aoyouzi javavolatilesynchronized
    说到Java的线程同步问题肯定要说到两个关键字synchronized和volatile。说到这两个关键字，又要说道JVM的内存模型。JVM里内存分为main memory和working memory。 Main memory是所有线程共享的，working memory则是线程的工作内存，它保存有部分main memory变量的拷贝，对这些变量的更新直接发生在working memo
  • js数组的操作和this关键字 百合不是茶 js数组操作this关键字
    js数组的操作;   一:数组的创建: 1、数组的创建 var array = new Array();　//创建一个数组 var array = new Array([size]);　//创建一个数组并指定长度，注意不是上限，是长度 var arrayObj = new Array([element0[, element1[, ...[, elementN]]]
  • 别人的阿里面试感悟 bijian1013 面试分享工作感悟阿里面试
    原文如下：http://greemranqq.iteye.com/blog/2007170         一直做企业系统，虽然也自己一直学习技术，但是感觉还是有所欠缺，准备花几个月的时间，把互联网的东西，以及一些基础更加的深入透析，结果这次比较意外，有点突然，下面分享一下感受吧！    &nb
  • 淘宝的测试框架Itest Bill_chen springmaven框架单元测试JUnit
    Itest测试框架是TaoBao测试部门开发的一套单元测试框架，以Junit4为核心， 集合DbUnit、Unitils等主流测试框架，应该算是比较好用的了。 近期项目中用了下，有关itest的具体使用如下： 1.在Maven中引入itest框架： <dependency>   <groupId>com.taobao.test</groupId&g
  • 【Java多线程二】多路条件解决生产者消费者问题 bit1129 java多线程
    package com.tom; import java.util.LinkedList; import java.util.Queue; import java.util.concurrent.ThreadLocalRandom; import java.util.concurrent.locks.Condition; import java.util.concurrent.loc
  • 汉字转拼音pinyin4j 白糖_ pinyin4j
    以前在项目中遇到汉字转拼音的情况，于是在网上找到了pinyin4j这个工具包，非常有用，别的不说了，直接下代码：   import java.util.HashSet; import java.util.Set; import net.sourceforge.pinyin4j.PinyinHelper; import net.sourceforge.pinyin
  • org.hibernate.TransactionException: JDBC begin failed解决方案 bozch ssh数据库异常DBCP
    org.hibernate.TransactionException: JDBC begin failed:     at org.hibernate.transaction.JDBCTransaction.begin(JDBCTransaction.java:68)    at org.hibernate.impl.SessionImp
  • java-并查集（Disjoint-set）-将多个集合合并成没有交集的集合 bylijinnan java
    import java.util.ArrayList; import java.util.Arrays; import java.util.HashMap; import java.util.HashSet; import java.util.Iterator; import java.util.List; import java.util.Map; import java.ut
  • Java PrintWriter打印乱码 chenbowen00 java
    一个小程序读写文件，发现PrintWriter输出后文件存在乱码，解决办法主要统一输入输出流编码格式。 读文件： BufferedReader 从字符输入流中读取文本，缓冲各个字符，从而提供字符、数组和行的高效读取。 可以指定缓冲区的大小，或者可使用默认的大小。大多数情况下，默认值就足够大了。 通常，Reader 所作的每个读取请求都会导致对基础字符或字节流进行相应的读取请求。因
  • [天气与气候]极端气候环境 comsci 环境
          如果空间环境出现异变...外星文明并未出现,而只是用某种气象武器对地球的气候系统进行攻击,并挑唆地球国家间的战争,经过一段时间的准备...最大限度的削弱地球文明的整体力量,然后再进行入侵......      那么地球上的国家应该做什么样的防备工作呢?  &n
  • oracle order by与union一起使用的用法 daizj UNIONoracleorder by
    当使用union操作时，排序语句必须放在最后面才正确，如下： 只能在union的最后一个子查询中使用order by，而这个order by是针对整个unioning后的结果集的。So： 如果unoin的几个子查询列名不同，如 Sql代码  select supplier_id, supplier_name  from suppliers  UNI
  • zeus持久层读写分离单元测试 deng520159 单元测试
    本文是zeus读写分离单元测试,距离分库分表,只有一步了.上代码: 1.ZeusMasterSlaveTest.java package com.dengliang.zeus.webdemo.test; import java.util.ArrayList; import java.util.List; import org.junit.Assert; import org.j
  • Yii 截取字符串(UTF-8) 使用组件 dcj3sjt126com yii
    1.将Helper.php放进protected\components文件夹下。 2.调用方法：   Helper::truncate_utf8_string($content,20,false);   //不显示省略号  Helper::truncate_utf8_string($content,20);  //显示省略号  &n
  • 安装memcache及php扩展 dcj3sjt126com PHP
    安装memcache    tar zxvf memcache-2.2.5.tgz     cd memcache-2.2.5/     /usr/local/php/bin/phpize (?)    ./configure --with-php-confi
  • JsonObject 处理日期 feifeilinlin521 javajsonJsonOjbectJsonArrayJSONException
        写这边文章的初衷就是遇到了json在转换日期格式出现了异常 net.sf.json.JSONException: java.lang.reflect.InvocationTargetException  原因是当你用Map接收数据库返回了java.sql.Date 日期的数据进行json转换出的问题话不多说  直接上代码  &n
  • Ehcache（06）——监听器 234390216 监听器listenerehcache
    监听器          Ehcache中监听器有两种，监听CacheManager的CacheManagerEventListener和监听Cache的CacheEventListener。在Ehcache中，Listener是通过对应的监听器工厂来生产和发生作用的。下面我们将来介绍一下这两种类型的监听器。  
  • activiti 自带设计器中chrome 34版本不能打开bug的解决 jackyrong Activiti
      在acitivti modeler中，如果是chrome 34，则不能打开该设计器，其他浏览器可以， 经证实为bug，参考 http://forums.activiti.org/content/activiti-modeler-doesnt-work-chrome-v34 修改为，找到 oryx.debug.js 在最头部增加 if (!Document.
  • 微信收货地址共享接口-终极解决 laotu5i0 微信开发
       最近要接入微信的收货地址共享接口，总是不成功，折腾了好几天，实在没办法网上搜到的帖子也是骂声一片。我把我碰到并解决问题的过程分享出来，希望能给微信的接口文档起到一个辅助作用，让后面进来的开发者能快速的接入，而不需要像我们一样苦逼的浪费好几天，甚至一周的青春。各种羞辱、谩骂的话就不说了，本人还算文明。    如果你能搜到本贴，说明你已经碰到了各种 ed
  • 关于人才 netkiller.github.com 工作面试招聘netkiller人才
    关于人才 每个月我都会接到许多猎头的电话，有些猎头比较专业，但绝大多数在我看来与猎头二字还是有很大差距的。 与猎头接触多了，自然也了解了他们的工作，包括操作手法，总体上国内的猎头行业还处在初级阶段。 总结就是“盲目推荐，以量取胜”。 目前现状 许多从事人力资源工作的人，根本不懂得怎么找人才。处在人才找不到企业，企业找不到人才的尴尬处境。 企业招聘，通常是需要用人的部门提出招聘条件，由人
  • 搭建 CentOS 6 服务器 - 目录 rensanning centos
    (1) 安装CentOS ISO（desktop/minimal）、Cloud（AWS/阿里云）、Virtualization（VMWare、VirtualBox） 详细内容 (2) Linux常用命令 cd、ls、rm、chmod...... 详细内容 (3) 初始环境设置 用户管理、网络设置、安全设置...... 详细内容 (4) 常驻服务Daemon
  • 【求助】mongoDB无法更新主键 toknowme mongodb
      Query query = new Query();          query.addCriteria(new Criteria("_id").is(o.getId()));                &n
  • jquery 页面滚动到底部自动加载插件集合 xp9802 jquery
    很多社交网站都使用无限滚动的翻页技术来提高用户体验，当你页面滑到列表底部时候无需点击就自动加载更多的内容。下面为你推荐 10 个 jQuery 的无限滚动的插件： 1. jQuery ScrollPagination jQuery ScrollPagination plugin 是一个 jQuery 实现的支持无限滚动加载数据的插件。 2. jQuery Screw S
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他