手机版 欢迎访问it开发者社区(www.mfbz.cn)网站

当前位置: > 开发

2021-04-23

时间:2021/4/23 21:34:05|来源:|点击: 次

Java Web

第一章技术概括

一:程序网络计算模式:

1.C/S模式(客户机/服务器)

 服务器负责管理数据库的访问,为多个客户程序管理程序,并对数据库进行检索和排序;

客户机负责与用户的交互,收集用户信息,通过网络向服务器请求对诸如数据库、电子表格或文档等信息的处理工作;

2.B/S模式(浏览器/服务器)

浏览器→web服务器→数据库  数据库→web服务器→浏览器

两种模式的比较分析:

C/S开发维护成本高,对不同的客户端需要开发不同的程序,且应用程序的安装、修改和升级,均需要在所有的客户机上进行;客户端具有显示与数据处理的功能,负载重;可以移植性低,因为不同开发工具开发的应用程序,一般情况下互相不兼容;用户界面由软件决定;适用于安全性较高的应用环境。

B/S模式,客户端只需有通用的浏览器,所有的维护和升级工作都是在服务器上执行, 无需对客户端进行任何改变,大大降低了成本和维护的成本;客户端只显示,数据处理给了服务器;用户界面统一,类似与浏览器的页面;适用于安全性要求不是很高的应用环境。

第二章 安装与环境配置

一、安装与配置:

第三章 web开发基础

一:web开发基础

HTML:超文本标记语言,是一种描述网页的标记。(HTML对大小写标记并不敏感)

url:统一资源定位器,是Internet中用来唯一标识和定位Internet中资源的一种简单的命名机制。

1.1.基本标记

(1)<html></html>标记,向浏览器表明此文档为超文本文档,文件以“.htm”或“.html”作为拓展名。

(2)<head></head>标记,表示文档头,包含一些初始化信息,包括标记title、Javascript、meta信息。

(3)<body></body>标记,表示文档为文档体。

(4)<title></title>标记,标记中的信息将会显示在浏览器窗口的标题上。

(5)<p>标记,是一个段落的开始标记。(可以不与</p>)

(6)<hr>为水平线标记,用于插入一天水平线。(可以不与</hr>)

(7)<img>标记,可以将图片插入网页中。

(8)<a></a>标记,超链接标记。

1.2.表格标记

(1)<table></table>标记定义一个表格,其它表格标记只能在它的范围内才使用。

(2)<tr></tr>标记一个表格行(row)

(3)<td></td>标记定义一个单元格(cell)

1.3表单

(1)<form></form>表单标记,其它表单标记必须在其内才能使用。

(2)<input></input>输入标记。

(3)<select></select>选择下拉框。

(4)<option></option>用于表示下拉框中的选项。

#上面的都是简单的html标记,不需要死记硬背,可以边写边查阅https://www.runoob.com/html/html-tutorial.html菜鸟教程中有相关标签对应的参数,但是必须要认识标签以及作用

2.1 Javascript(脚本语言,其代码可以直接放入HTMl文档中)

添加方法:(一般在head上面一行)<script language="Javascript">代码体</script>

2.2 Javascript中的事件

单击事件:(onclick)鼠标单击按钮时,可以进行的事件。

改变事件:(onChange)在textarea中输入值改变时引发该事件,当在select中选项状态改变后也会引发该事件。

获取焦点事件:(onFocus)用户单击text、textarea或select对象时,产生该事件。

选中事件:(onSelect)当text或Textarea对象中的文字被选中后,引发该事件。

失去焦点:(onBlur)用户单击text、textarea或select对象失去焦点时,产生该事件

载入文件:(onLoad)当文档载入时,引发该事件。

卸载文件:(onUnload)当退出页面时引发该事件。

#上面的Javascript事件,可以边写边查阅https://www.runoob.com/html/html-tutorial.html菜鸟教程中有相关事件对应的参数,但是必须要认识事件以及作用

3.1 Web信息交互

3.2 表单交互(在html中主要通过窗体对象(form)与JavaScript进行信息交互)

 

 属性方法事件
textname、value、defaultvalueblur、selectonfocus、onblur、onselect、onchange
selectname、length、options、selectlndex、text、selected、Index、defaultselectedonfocus、onblur、onchange
textarea同text同text同text
buttonname、valueclickonclick
checkboxName、value、checked、defaultcheckedclickonclick
radioname、value、length、defaultchecked、checked、indexclickonclick
hiddenname、value、defaultvalue
passwordname、value、defaultvaluesekect、blur、focus
submitname、valueclickonclick

3.2.1 HTML与JavaScript实例

3.3正则表达式验证提交的数据

正则表达式由两种字符构成:一种是元字符,元字符是指“ \ | ( ) [ ] { } - ^ $ * ? . + ”这些字符,用来限定一定的格式;除元字符意外的其它字符都是基本字符。在正则表达式中,元字符不能直接作为模式的一部分,需要进行转义,转义的方法是在元字符前面加上反斜杠“ \ ”,如正则表达式“ \(deng\)”表示模式字符串为“(deng)”。

“ .” 表示任意一个除换行以外的字符:如“ a.b”表示dab、dbb、dcb等字符串。

“ | ”表示或者的意思:" a|b "表示可以是a或者b。

“ [ ] ”结合起来使用可以表示某特点类型的字符,如“ [dzy] ”表示可以是d、z、y这三个字符中的任意一个,它等价“ d|z|y ” 。

“ - ”表示一段字符的范围,如“ [A-Z] ”表示所有的大写字母。

“ $ ”表示模式必须出现在目标串的结尾,如“ un$ ”表示以un结尾的字符串,可以是aun、bun等。

“ ^ ”表示除了指定类型以外的字符,如“ [^a-z] ”表示除小写字母以外的任意一个字符。

“ ()”结合使用表示一个字模式。

“?*+ ” 是数量限定符,“?”表示0个或者1个,“ * ”表示0个或者多个,“ + ”表示1个或者多个。如“ad?”可以表示:a、ad、add;“ad”可匹配:a、ad、add、addd等;“ad+”表示ad、add、addd等。

“ {} ”表示匹配的次数。形容“{n}”匹配确定的n次,n是一个非负整数,如:“de{2}”可匹配:dee。形如“{n,}”表示至少匹配n次,n是一个非负整数,如:“de{2,}”可匹配:dee、deee等。形如“{n,m}”表示匹配至少n次,最多m次,n与m均是非负数,且n<=m,如“ad{2,4}”可以是add、addd、adddd。

3.3.1正则表达式中的预定义词

预定义词含义
\d一个数字,同[0-9]
\D一个非数字字符,同[^0-9]
\s一个白字符,同[\t\n\x0B\f\r]
\S一个非空白字符同[^\t\n\x0B\f\r]或[^\s]
\w一个字符,可以是字母、数字或下划线,同[a-zA-Z_0-9]
\W一个字符,不能是字母、数字或下划线,同[^\w]

Copyright © 2002-2019 某某自媒体运营 版权所有