Bennie's Blog

首先说一下使用方法，然后下面说一下运行过程！

使用方法

首先在 web.xml 中加入 KaptchServlet

1
2
3
4
5
6
7
8

<servlet> 
    <servlet-name>Kaptcha</servlet-name>
    <servlet-class>com.google.code.kaptcha.servlet.KaptchaServlet</servlet-class>
</servlet> 
<servlet-mapping>
    <servlet-name>Kaptcha</servlet-name>
    <url-pattern>/kaptcha.jpg</url-pattern>
</servlet-mapping>

参考:
http://blog.csdn.net/izard999/article/details/6708738
http://bbs.itheima.com/thread-41997-1-1.html

异常 1

异常: java.util.ConcurrentModificationException (并发修改异常)

link: http://bbs.itheima.com/thread-41997-1-1.html 此贴描述了第一种异常.
当我们在使用 foreach 这个增强型 for 循环遍历 List 时，除了 System.out.println(); 打印可以之外，其他 add, remove 等操作会发生异常 (执行set方法不会抛出异常).

今天偶然看到这个东西，想起来以前学的时候有点绕糊，这里随笔记一下吧.

个人认为虚方法的调用发生在多态中.
例如以下两个类，一个是 Employee, 一个是 Programmer

效果：

用 CSS 做了一些界面上的处理，预览是用 HTML5 中的 File 和 FileRead 对象来实现 (具体看下文代码注释中描述)，AJAX 上传部分主要用到了 FormData 对象，该对象的作用就是可以让 AJAX 来异步上传一个二进制文件。
后端的处理代码用到是 Servlet 中提供的两个框架，分别是: commons-fileupload-1.3.1.jar 和 commons-io-2.4.jar，可以在: http://archive.apache.org/dist/commons/ 下载到这 2 个 jar 包.

下面的实现代码中，会对 CSS，JS，以及后端的 Java 部分进行说明，相关的 HTML5 对象会提供详细的文档链接。

最后推荐大家 Web API 接口一览表: https://developer.mozilla.org/zh-CN/docs/Web/API 这个地方。
理由是：当使用 Javascript 编写网页代码时，有很多 API 可以使用并提供相关的示例代码。

Reference: http://w3schools.bootcss.com/jsref/dom_obj_event.html

在 H5 中所有的元素都是可以被拖拽的，通过给元素添加 draggable="true" 属性.

相关的地方:

1. ondragover 事件发生在：元素拖拽到拖放的目标元素之上时.(事件处理程序多次调用)
2. ondragstart 事件发生在：元素开始拖拽之时 (事件处理程序 1 次调用)
3. ondrop 事件发生在: 被拖拽的元素完成拖放到目标元素盒子区域这一动作.(事件处理程序 1 次调用)
4. 事件的默认行为 , 比如说在复选框上点击按钮会发生选中或取消选中事件。这里需要在 ondragover 事件里阻止浏览器默认打开的行为.
5. dataTransfer 对象. 在进行拖放操作时，进行数据的存储，这个对象也保存了拖拽元素的数据.

写程序的时候在 JS 里面需要用到项目路径，所以网上找了个例子，然后看了下，差不多如下.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

function getRootPath() {
	// 获取主机地址, 如: http://example.com:8080
	var hostPath = document.location.origin;

	/**
	 * 获取URL中路径部分.
	 *
	 * 假设当前的URL是: http://example.com:8080/project_name/test.html
	 * 返回: /project_name/test.html
	 */
	var pathName = document.location.pathname;

	/**********************获取项目名****************************/
	var str = pathName.substr(1); // 返回: project_name/test.html
	var index = str.indexOf('/'); // 获取/所在的位置.

	/**
	 * 从 /project_name/test.html 截取项目名
	 * 这里加上1是因为index是在str的位置, 也就是在project_name/test.html中的位置
	 * 而这时候的截取是从/project_name/test.html这里开始的, 多了个长度, 所以要加上1.
	 */
	var projectName = pathName.substring(0, index + 1);

	/**
	 * 上面的三步可以直接这么写.
	 * var projectName = pathName.substring(0, pathName.substr(1).indexOf('/') + 1);
	 */

	return hostPath + projectName;
}

在 web 开发中，我们需要用 dao 从数据库中查询数据，此时我们可以定义一个 BaseDao, 就是用于做一些增删改查的基础 DAO, 其后的其他的具体 DAO, 只需要继承这个 DAO, 然后再根据具体的业务逻辑去写具体方法就行，实现代码重用.

这是增删改查的基础代码，利用 DBUtils 写的.

下面是具体的代码，我一一对其解释.

今晚整理博客一个小功能的时候写个 js, 发现了一个坑.. 一不小心就掉进去的坑..
弄明白之后，本想针对此坑写写见解就完了，但觉得趁这个机会顺便再次说一下 HTML DOM 相关的东东以加深理解及知识的相关性.

我一般喜欢以提问然后解决问题的方式学习，在开始之前我先提出 3 个问题并对其说明及解释，然后再引出后面的一些小问题及表述.
此文也算是作为本人个人的学习笔记，与大家共勉.

曾经我天真的以为 json 对象和 js 对象是一个样子的.. 后来入了坑才知道其实是不一样的 - -. 所以在开始之前我先强调一下 js 对象和 json 对象这两个对象的文本表现形式的书写格式.

在下文我会按照以下规则对变量进行命名加以区分，以免混乱:

端口占用分析

想将 tomcat6 绑定到 80 端口上。但是提示我绑定失败，想起来自带的 Apache Server 占用了这个端口.
首先用
ps -ef | grep apache2 查看 Apache 进程 pid 值.
然后用 netstat -anp | grep pid 查看他所占用的端口号。确定它占用的是 80 端口.

更换 Apache Server 端口

于是我将 Apache Server 的端口修改为 8081.
用: vi /etc/apache2/ports.conf 打开这个文件，将 Listen 后的端口号改成 8081. 然后根据文件上面的提示说还需要修改 000-default 的文件中的端口号.

# If you just change the port or add more ports here, you will likely also
# have to change the VirtualHost statement in
# /etc/apache2/sites-enabled/000-default.conf

于是用 vi /etc/apache2/sites-enabled/000-default.conf 打开这个文件将 <VirtualHost *:80> 也改成 <VirtualHost *:8081>