关于BBS的一些功能性补充以及踩坑记录(持续补充)

声明：以下记录了本人实验性地探索过程，不代表正确，请谨慎食用。
也欢迎提出各种批评建议，帮助我改正错误。谢谢!

1.注册

注册时在注册的jsp页面使用js函数进行合法性验证（包括空值、两次输入密码是否相同等），并设置为onclick或onsubmit触发。
具体触发顺序如下
1) onclick: Y();

2) onsubmit: X();

3) submit();

第一种：onsubmit

在表单submit之前会调用onsubmit（），注意调用时为onsubmit="return CheckPost();"如果直接写"CheckPost()"则无法生效。如果返回false则不会调用submit，返回true才会执行到submit。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
 <script language="javascript" type="text/javascript"> 
    function check()
    {
    if (document.sign.username.value==""){
        alert("请输入登录账号!");
        return false;
    }
    if (document.sign.password1.value==""){
        alert("请输入登录密码!");
        return false;
    }
    if (document.sign.password2.value==""){
        alert("请输入重复密码!");
        return false;
    }
    var pd1=document.sign.password1.value;
    var pd2=document.sign.password2.value;
    if (pd1!=pd2){
        alert("对不起!重复密码不等于登录密码");
        return false;
    }
    return true;
    }
</script>  
<title>注册</title>
</head>
<body>

    <form action="Signup" method="post" name ="sign" onSubmit="return check()">
    <input type="hidden" name="action" value="signup"/>
        用户名：<input type="text" name="username" />
        密码：<input type="password" name="password1" />
        确认密码：<input type="password" name="password2" />
         <input type="submit" value="注册"  />
    </form>

</body>
</html>

第二种：onclick

点击提交按钮时触发，此时需要在函数中手动submit提交。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
 <script language="javascript" type="text/javascript"> 
    function check()
    {
    if (document.sign.username.value==""){
        alert("请输入登录账号!");
        return false;
    }
    if (document.sign.password1.value==""){
        alert("请输入登录密码!");
        return false;
    }
    if (document.sign.password2.value==""){
        alert("请输入重复密码!");
        return false;
    }
    var pd1=document.sign.password1.value;
    var pd2=document.sign.password2.value;
    if (pd1!=pd2){
        alert("对不起!重复密码不等于登录密码");
        return false;
    }
    document.sign.submit();
    return true;
    }
</script>  
<title>注册</title>
</head>
<body>

    <form action="Signup" method="post" name ="sign" >
    <input type="hidden" name="action" value="signup"/>
        用户名：<input type="text" name="username" />
        密码：<input type="password" name="password1" />
        确认密码：<input type="password" name="password2" />
         <input type="button" value="注册" onClick="check()" />
    </form>
</body>
</html>

2.加密

1.前端到后台的安全性

在用户登录以及注册时，有必要对数据进行加密。任何语言最终都会形成html，事实上前端也只能处理html,css,js代码，其他如java,php,c#都是在后端工作的，在html通过web服务器发送给访问者的时候已经脱离了后端的控制。因此前端的唯一加密手段就是js，但是js是明文的，也就是说你的加密过程是透明的，自然完全没有破解难度。当然，md5之类的单向加密依然无法破解，问题是后端拿到单向加密的数据完全没用，因为它推导不出原始数据是什么。所以，要安全就用https。
设置Tomcat的HTTPS配置方法如下：
① keytool工具生成证书
打开 JDK 自带的 keytool 目录。

按住 Shift 键，同时右键点击空白处。

此时，进入cmd窗口。输入下面命令。

keytool -genkeypair -alias "tomcat" -keyalg "RSA" -keystore "F:\tomcat.keystore"

接着会让你填写一些基本信息。

下面简要介绍一下。

密钥库口令:123456（这个密码非常重要）
名字与姓氏:localhost（以后访问的域名或IP地址，非常重要，证书和域名或IP绑定）
组织单位名称:anything（随便填）
组织名称:anything（随便填）
城市:anything（随便填）
省市自治区:anything（随便填）
国家地区代码:anything（随便填）

② 应用证书到Tomcat
打开 Tomcat 配置文件 confserver.xml。
取消注释，并添加两个属性 keystoreFile，keystorePass。

<Connector port="8443" protocol="HTTP/1.1" SSLEnabled="true"
               maxThreads="150" scheme="https" secure="true"
               clientAuth="false" sslProtocol="TLS" keystoreFile="F:/tomcat.keystore" keystorePass="123456" />

2.后台数据的加密

后台获得数据（用户名和密码）后，需要对密码数据进行加密。由于username在mysql中被设置成了unique的，所以并不适合加密存入。这里只对密码进行加密。
加密方法为：
加密工具类：

import java.security.MessageDigest;
public class MD5Util {
    public final static String MD5(String s) {
        char hexDigits[]={'0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F'};       
        try {
            byte[] btInput = s.getBytes();
            // 获得MD5摘要算法的 MessageDigest 对象
            MessageDigest mdInst = MessageDigest.getInstance("MD5");
            // 使用指定的字节更新摘要
            mdInst.update(btInput);
            // 获得密文
            byte[] md = mdInst.digest();
            // 把密文转换成十六进制的字符串形式
            int j = md.length;
            char str[] = new char[j * 2];
            int k = 0;
            for (int i = 0; i < j; i++) {
                byte byte0 = md[i];
                str[k++] = hexDigits[byte0 >>> 4 & 0xf];
                str[k++] = hexDigits[byte0 & 0xf];
            }
            return new String(str);
        } catch (Exception e) {
            e.printStackTrace();
            return null;
        }
    }
}

加密过程：

String salt =  MD5Util.MD5(username);
if(username.length()%2==0)
    password = password+salt;
else password = salt+password;
password = MD5Util.MD5(password);

通过unique的username通过MD5加密作为每个user独有的salt，再将password与salt连接后再MD5加密。MD5算法hash碰撞的可能性很小，因此基本可以保证salt和password加密后都是独一无二的，防止黑客用彩虹表爆表。
不建议将salt与用户信息存在一起，防止数据库被黑后黑客可以轻易破解用户密码。

存储结果如下：

可以看到密码已经被加密。

3.防止SQL注入

1、检查变量数据类型和格式

如果你的SQL语句是类似where id={$id}这种形式，数据库里所有的id都是数字，那么就应该在SQL被执行前，检查确保变量id是int类型；如果是接受邮箱，那就应该检查并严格确保变量一定是邮箱的格式，其他的类型比如日期、时间等也是一个道理。总结起来：只要是有固定格式的变量，在SQL语句执行前，应该严格按照固定格式去检查，确保变量是我们预想的格式，这样很大程度上可以避免SQL注入攻击。

2、绑定变量，使用预编译语句

使用PreparedStatement代替Statement是最有效也是最简单的防止SQL注入的方式。

3、用户数据加密

正如上面所说，对用户数据进行加密是一个必要的手段。虽说不能完全防止SQL注入攻击，但是能增大黑客暴力破解的难度。

总之

1、不要随意开启生产环境中Webserver的错误显示（避免1=1 1=2刺探漏洞以及爆字段）
2、永远不要信任来自用户端的变量输入，有固定格式的变量一定要严格检查对应的格式，没有固定格式的变量需要对引号等特殊字符进行必要的过滤转义。
3、使用预编译绑定变量的SQL语句。
4、做好数据库帐号权限管理。
5、严格加密处理用户的机密信息。

4.数据库表的结构选择（存疑）

原来是用户表用MyISAM 帖子表用InnoDB提高并发性。

1、用户信息

我们将用户id、用户名、密码存在一张表上，同时要确保id和用户名是唯一的，这里我将id作为主键索引，用户名作为唯一索引。选择MyISAM存储引擎，有以下原因：

对MyISAM表的读操作（登录、注册前验证），不会阻塞其他用户对同一表的读请求（其他用户依然可以登录），但会阻塞对同一表的写（注册）请求，对 MyISAM表的写操作，则会阻塞其他用户对同一表的读和写操作（注册完成前，其他用户不能进行注册验证，否则会重复注册）；
虽然MyISAM写的优先度比较高，但是注册的频率远远小于登录和验证的频率，所以不会出现用户读操作的饥饿状态。
实现简单

理论上也可以把用户名作为主键。但不推荐，理由大概有：

用户名可以是千奇百怪的字符串，而用ID（一般用guid或自增int）是比较规则字母数字序列，这可能导致性能上有所差别
假如以用户名作为主键并与其他表关联，当删除用户时，再创建一个同名的用户，可能导致这些关联紊乱。而绝对唯一的ID则不会。
后期可能会允许修改用户名，如果以用户名为主键，将带来很多麻烦。而如果以ID为主键进行关联，则没有此问题。

2、帖子信息

主题帖包括以下字段：
id（主键索引） title(标题) cont(内容) pdata（发帖时间） user（作者）isleaf
回复贴包括以下字段：
id pid(父贴) rootid(主题帖id，建立索引) title cont（内容） pdata（发帖时间） user（作者）isleaf

主题帖存储引擎使用MyISAM，有以下原因：

只需要在主页上显示，读多写少，对并发要求低。
实现简单，非聚簇索引占用空间小

回复帖存储引擎使用InnoDB，有以下原因：

所有主题帖的回复都存储在这一张表上，对并发要求高，尽管聚簇索引会占用大量空间，但是为了并发性能必须有所取舍。
InnoDB会在insert delete update语句默认加排它锁，但是select不加锁。此时也不需要手动给select加共享锁或排它锁。
不能用MyISAM的另一个原因是，MyISAM的写会阻塞所有的读操作，不适用于大量写的情况，容易降低性能

5.细节问题

1、在JS代码中调用jsp的变量

<script type="text/javascript">
    var url = "<%=url%>";
    delayURL(url);
</script>

2、设置操作成功后N秒后跳转

<span id="time" style="background:red">3</span>秒钟后跳转，或者点击下面跳转。

<script language="javascript" type="text/javascript">
function delayURL(url){//每隔一秒递归调用一次该函数，刷新秒数，直到秒数小于0跳转
    var delay = document.getElementById("time").innerHTML;//获得目前秒数
    if (delay>0){
        delay--;
        document.getElementById("time").innerHTML = delay
    }else{
        window.top.location.href= url;
    }
    setTimeout("delayURL('"+url+"')",1000);//每隔一秒，调用一次delayURL
}
</script>

关于BBS的一些功能性补充以及踩坑记录(持续补充)

1.注册

第一种：onsubmit

第二种：onclick

2.加密

1.前端到后台的安全性

2.后台数据的加密

3.防止SQL注入

1、检查变量数据类型和格式

2、绑定变量，使用预编译语句

3、用户数据加密

总之

4.数据库表的结构选择（存疑）

1、用户信息

2、帖子信息

5.细节问题

1、在JS代码中调用jsp的变量

2、设置操作成功后N秒后跳转

Myosotis

引用和评论

搞定服务端面试 - HTTP协议知识点整理

在Java程序中监听mysql的binlog

Jerry和您聊聊Chrome开发者工具

Bitmap 和布隆过滤器傻傻分不清？你这不应该啊

Just for fun——迅速写完快速排序

Spring 实现 3 种异步流式接口，干掉接口超时烦恼

💢线上高延迟请求排查

关于BBS的一些功能性补充以及踩坑记录(持续补充)

1.注册

第一种：onsubmit

第二种：onclick

2.加密

1.前端到后台的安全性

2.后台数据的加密

3.防止SQL注入

1、检查变量数据类型和格式

2、绑定变量，使用预编译语句

3、用户数据加密

总之

4.数据库表的结构选择（存疑）

1、用户信息

2、帖子信息

5.细节问题

1、在JS代码中调用jsp的变量

2、设置操作成功后N秒后跳转

Myosotis

引用和评论

搞定服务端面试 - HTTP协议知识点整理

在Java程序中监听mysql的binlog

Jerry和您聊聊Chrome开发者工具

Bitmap 和 布隆过滤器傻傻分不清？你这不应该啊

Just for fun——迅速写完快速排序

Spring 实现 3 种异步流式接口，干掉接口超时烦恼

💢线上高延迟请求排查

Bitmap 和布隆过滤器傻傻分不清？你这不应该啊