当前位置:  编程技术>WEB前端
本页文章导读:
    ▪Oracle培训(四十九)——JSP第二章知识点总结——开发模式      Oracle培训(四十九)——JSP第二章知识点总结——开发模式   知识点预览   一.在JSP中使用JavaBean 二.JSP使用JavaBean的标准动作 三.以MVC架构模式的Java Web实现     一 在JSP中使.........
    ▪jQuery event(上)      由于jQuery事件管理内容比较多,所以进行了分段,这篇文章主要讲的是事件的绑定。 jQuery.fn.on在选择元素上绑定一个或多个事件的事件处理函数。jQuery.fn.on = function( types, selector, data, fn, /*.........
    ▪网站学习备忘009——阿里云LAMP的搭建及phpmyadmin的安装      (俺是linux地地道道的菜鸟) step1 选择Linux操作系统CentOS 6.3 64位(原因:可以直接使用yum命令安装软件) step2 按照《鸟哥的Linux私房菜》中的命令, yum install httpd mysql-server php php-devel php-mysql .........

[1]Oracle培训(四十九)——JSP第二章知识点总结——开发模式
    来源: 互联网  发布时间: 2013-11-06

Oracle培训(四十九)——JSP第二章知识点总结——开发模式

 

知识点预览

 

一.在JSP中使用JavaBean

二.JSP使用JavaBean的标准动作

三.以MVC架构模式的Java Web实现

 

 

一 在JSP中使用JavaBean

 

a)         JavaBean本质上就是一个普通的Java类

b)        需要遵循一定的编码规范

c)         标准的JavaBean组件具有以下几个特征

i.          JavaBean 类必须是一个公共类,并将其访问属性设置为 public。

ii.        JavaBean 类必须有一个空的构造函数

iii.      一个JavaBean类不应有公共实例变量,类变量都为private。要访问这些类变量,应该通过一组存取方法(getXxx 和 setXxx)来访问

iv.       JavaBean应该是可序列化(serializable)的,即实现java.io.Serializable 接口 

 

二 JSP使用JavaBean的标准动作

 

a)         <jsp:useBean>动作

 

<jsp:useBean id="beanName" scope="page|request|session|application" class="className" />

 

<jsp:useBean id="myBean" scope="request" class="com.lovobook.CustomerBean" />

它实际上等同于如下的Servlet代码:

CustomerBean myBean = (CustomerBean) request.getAttribute("myBean");

if ( myBean == null ) {

   myBean = new CustomerBean();

   request.setAttribute("myBean", myBean);

}

 

跟JavaBean里的属性名名字无关也可以没有这个属性只要有get/set方法即可


 

 

b)        <jsp:getProperty>动作

 

<jsp:getProperty name="beanname" property="propertyname"/>

 

<jsp:useBean id="myBean" class="com.lovobook.CustomerBean" scope="page" />

<p>Name: <jsp:getProperty name="myBean" property="name" />

等价于

<jsp:useBean id="myBean" class="com.lovobook.customerBean" scope="page" />

<%String name=myBean.getName();%>


 

c)         <jsp:setProperty>动作

 

<jsp:setProperty name="BeanName" property="属性名"/>

<jsp:setProperty name="BeanName" property="属性名" param="参数名"/>

<jsp:setProperty name="BeanName" property="属性名" value="属性值" />

<jsp:setProperty name="BeanName" property="*"/> 


 

三 以MVC架构模式的Java Web实现

 

a)         采用JSP+Servlet+JavaBean的技术实现Java Web的开发

 

架构模式

表现层

       M(Model):Bean(类、JavaBean)数据封装

       V(View):视图 html/JSP

       C(Controller):servlet

数据持久层:Dao

业务逻辑层:Service

 

 

  @Wentasy 博文仅供参考,欢迎大家来访。如有错误之处,希望批评指正。原创博文如需转载请注明出处,谢谢 :) [CSDN博客]
作者:Wentasy 发表于2013-1-22 10:27:17 原文链接
阅读:45 评论:0 查看评论

    
[2]jQuery event(上)
    来源:    发布时间: 2013-11-06

由于jQuery事件管理内容比较多,所以进行了分段,这篇文章主要讲的是事件的绑定。

 

jQuery.fn.on

在选择元素上绑定一个或多个事件的事件处理函数。

jQuery.fn.on = function( types, selector, data, fn, /*INTERNAL*/ one ) {
var origFn, type;

// types可以是一个由types/handlers组成的map对象
if ( typeof types === "object" ) {
// 如果selector不是字符串
// 则将传参由( types-Object, selector, data )变成( types-Object, data )
if ( typeof selector !== "string" ) {
data = data || selector;
selector = undefined;
}
//遍历所有type
for ( type in types ) {
//添加type事件处理函数
this.on( type, selector, data, types[ type ], one );
}
return this;
}

// 如果data为空,且fn为空
if ( data == null && fn == null ) {
// 则传参由( types, selector )变成( types, fn )
fn = selector;
data = selector = undefined;
// 否则如果只是fn为空
} else if ( fn == null ) {
// 如果selector为字符串
if ( typeof selector === "string" ) {
// 则传参从( types, selector, data )变成( types, selector, fn )
fn = data;
data = undefined;
} else {
// 否则传参从( type, selector, data )变成( types, data, fn )
fn = data;
data = selector;
selector = undefined;
}
}

//……弄了半天其实就是在模拟重载而已……囧rz

if ( fn === false ) {
//如果fn为false则变成一个return false的函数
fn = returnFalse;
} else if ( !fn ) {
//如果fn现在还不存在,则直接return this
return this;
}

// 如果one为1
if ( one === 1 ) {
// 保存fn
origFn = fn;
// 重新定义fn
fn = function( event ) {
// 这个事件只用一次,用完就用off取消掉。
jQuery().off( event );
return origFn.apply( this, arguments );
}
// 使用相同的ID,为了未来好删除事件
fn.guid = origFn.guid || ( origFn.guid = jQuery.guid++ );
}
// 对所有用jQuery.event.add来添加
return this.each( function() {
jQuery.event.add( this, types, fn, data, selector );
});
};

文档中对selector的描述是:

  一个选择器字符串用于过滤器的触发事件的选择器元素的后代。如果选择的< null或省略,当它到达选定的元素,事件总是触发。

  A selector string to filter the descendants of the selected elements that trigger the event. If the selector isnull or omitted, the event is always triggered when it reaches the selected element.

说得貌似很悬乎,不过其实主要是在delegate绑定事件中去过滤元素的一些用不着的后代的。

 

jQuery.event.add

jQuery.event.add = function( elem, types, handler, data, selector ) {

var handleObjIn, eventHandle, tmp,
events, t, handleObj,
special, handlers, type, namespaces, origType,
// 通过内部缓存获取元素数据
elemData = jQuery._data( elem );

// 不会没有数据或者text、comment节点添加事件
if ( !elemData ) {
return;
}

// 如果handler是个包含handler和selector的对象
if ( handler.handler ) {
// 则定位必要的参数
handleObjIn = handler;
handler = handleObjIn.handler;
selector = handleObjIn.selector;
}

// 如果handler没有ID,则给个ID给他
// 用于未来寻找或者删除handler
if ( !handler.guid ) {
handler.guid = jQuery.guid++;
}

// 如果缓存数据中没有events数据
if ( !(events =
    
[3]网站学习备忘009——阿里云LAMP的搭建及phpmyadmin的安装
    来源: 互联网  发布时间: 2013-11-06

(俺是linux地地道道的菜鸟)

step1

选择Linux操作系统CentOS 6.3 64位(原因:可以直接使用yum命令安装软件)

step2

按照《鸟哥的Linux私房菜》中的命令,

yum install httpd mysql-server php php-devel php-mysql


安装apache,mysql,php,但貌似mysql不能安装成功,借鉴http://www.2cto.com/database/201207/141878.html,安装mysql,摘录如下。

查看有没有安装过:
          yum list installed mysql*
          rpm -qa | grep mysql*
 
查看有没有安装包:
          yum list mysql*
 
安装mysql客户端:
          yum install mysql
 
安装mysql 服务器端:
          yum install mysql-server
 
          yum install mysql-devel

step3

启动apache,mysql。

# /etc/init.d/httpd start       <==启动服务器
# /etc/init.d/httpd stop        <==关闭服务器

# /etc/init.d/mysqld start   <==启动msql

step4

设置mysql密码

mysqladmin -u root password 123abc  (123abc为密码示例)

登陆mysql

mysql -u root -p
然后输入密码

然后就可以用mysql命令查看数据库信息了。

show databases;    <==显示所有数据库列表
use test;      <==进入名为“use”数据库
show tables;   <==显示“test”数据库中所有的数据。

退出命令

quit

step5安装phpmyadmin准备工作

首先推荐远程控制工具,Xshell 4和Xftp 4




网页默认存放路径为/var/www/html

另外要配置一下apache,/etc/httpd/conf路径下有http.conf文件,打开查找DirectoryIndex,在其后添加index.php

如: DirectoryIndex index.php index.html index.html.var


step6 下载phpmyadmin

下载地址为http://www.phpmyadmin.net/

我下载的是phpMyAdmin-3.5.5-all-languages.zip。在自己的电脑上解压好,然后用Xftp上传到想存放的路径下,比如在/var/www/html路径下新建phpmyadmin文件夹。

然后访问,http://XX.XX.XX.XX/phpmyadmin/index/php就可以看到phpmyadmin的界面了。


step7 phpmyadmin相关报错的解决办法,及配置

参考文章http://www.thegeekstuff.com/2010/09/install-phpmyadmin/

虽然我们可以访问到http://XX.XX.XX.XX/phpmyadmin/index/php,但是经常会出现一些错误,这需要我们对phpmyadmin进行配置,推荐的方法是用配置向导。

在/var/www/html/phpmyadmin目下新建config文件夹,将phpmyadmin文件夹下的config.sample.inc.php拷贝到其中并重命名为config.inc.php,现在我们就可以通过访问http://{your-ip-address}/phpmyadmin/setup/index.php进行配置向导。

点击New Server,

Fill-out following information in the new server screen. Leave other fields to default values.

  • Verbose Name of the Server – Give some descriptive server name.
  • Password for Config Auth – Enter the MySQL root password here.
  • Authentication Type – The default selection is cookie. Just use that.

保存并退出。


我看到的问题有四条:(1)phpMyAdmin 高级功能未全部设置,部分功能不可用。要查出原因请点这里。(2)配置文件现在需要一个短语密码。(3

    
最新技术文章:
▪css white-space:nowrap属性用法(可以强制文字不...
▪IE里button设置border:none属性无效解决方法
▪border:none与border:0使用区别
▪html清除浮动的6种方法示例
▪三个不常见的 HTML5 实用新特性简介
▪css代码优化的12个技巧
▪低版本IE正常运行HTML5+CSS3网站的3种解决方案
▪CSS Hack大全-教你如何区分出IE6-IE10、FireFox、Chr...
▪ie6,ie7,ie8完美支持position:fixed的终极解决方案
▪小技巧处理div内容溢出
▪html小技巧之td,div标签里内容不换行
▪纯CSS实现鼠标放上去改变文字内容
▪li中插入img图片间有空隙的解决方案
▪CSS3中Transition属性详解以及示例分享
▪父div高度不能自适应子div高度的解决方案
▪告别AJAX实现无刷新提交表单
▪从零学CSS系列之文本属性
▪HTML 标签
▪CSS3+Js实现响应式导航条
▪CSS3实例分享之多重背景的实现(Multiple background...
▪用css截取字符的几种方法详解(css排版隐藏溢...
▪页面遮罩层,并且阻止页面body滚动。bootstrap...
▪CSS可以做的几个令你叹为观止的实例分享
▪详细分析css float 属性以及position:absolute 的区...
▪IE6/IE7/IE8/IE9中tbody的innerHTML不能赋值的完美解...
▪CSS小例子(只显示下划线的文本框,像文字一...
▪可以给img元素设置背景图
▪不通过JavaScript实现的自动滚动视差效果
▪div+CSS 兼容小摘
▪CSS的inherit与auto使用分析
 


站内导航:


特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

©2012-2021,,E-mail:www_#163.com(请将#改为@)

浙ICP备11055608号-3