东软JavaWeb实训记-DAY3-web开发（h5+css+js+常用控件+正则表达式）

eclipse

编写 web程序的时候 是吧 已安装的 tomcat 服务器

复制到到eclipse的workspace 中
所有程序自动装载在 workspace 中的 tomcat 副本中
所以本机安装的 tomcat 没有必要在启动了
修改 服务中 tomcat的对应的服务 修改为 手动
在eclipse 中配置 tomcat 


创建 web 程序
WEB3.0 --- 支持注解

javaEE 浏览视图默认 是  project 
修改为 package
修改 右键菜单显示的内容


glassfish  


jsp=html+java代码
@

在web项目中
java源码 在src下创建
创建页面 
html
jsp
图片
在WebContent 下
WEB-INF和META-INF以外


ejb
struts2----
spring
spring mvc
hibernate
mybatis  jdbc 包装

smm spring springmvc mybatis
html5 面对的
移动端  干掉 android iso  
<input type="tel" reqired>
软键盘的样式
html 
1)表单标签：
必须放在 form 标签内部

<form action="" method="" onsubmit="return check()">

action:指明提交数据的目标
method:表示提交数据的方式
get post  建议使用post
onsubmit:独有的事件 根据函数的返回值 决定是否提交
只有 submit和image 按钮可以触发
页面数据校验


i)input 方式产生
通过其 type属性设置控件类型
text :文本框
password：密码框
hidden ：隐藏域 不显示
radio ：单选按钮
checkbox：复选框  ，批量删除上
tel
email
date---mypickerdate97
file ：文件选择  文件上传
submit 
reset
button
ii)textarea：文本域多行文本框

<textarea rows="10" cols="8">ddd</textarea>

iii)select：省市级联

<select><option value="1">zhangsan</option></select>

iv)button

<button type="">ddd</button>

2)其他控件
i)table
tr
td

<table><tr><td></td><td></td></tr></table>

ii)img：显示图片

<img src=""> // 服务器中相对位置

iii)a 超链接

<a href="">ddd</a>

iv)div 块 分页面

3)框架集
frameset：框架集
frame   ：每一个部分
iframe

<frameset rows="150,*" frameborder="no"><frame src="top.jsp"><frameset cols="200,*"><frame src="left.jsp" noresize="noresize" scrolling="no"><frame src="welcome.jsp" name="main"></frameset></frameset>

登录页面---main页面---点击左侧 右边 改变
点击注销 回到 登录页面
注册页面：
用户注册：需要自己设置密码
管理员添加：密码自动生成

css：样式表，就是美好页面的

选择器{样式:值;}三类选择器：标签选择器：只针对于同名的标签标签名{}类选择器：多种标签采用相同的样式.类名{}必须通过 标签的class 属性指明 使用样式名id选择器：针对于 id同名的控件，用于布局#id名{}通过控件的 id="" ,要求id 必须唯一

样式 必须写在 
<style></style>
必须写在head中
css中的样式 属性有哪一些
1.字体样式
font-xx:
2.颜色：
color：字体颜色
background-color：
background-image：
3.布局：
height
width
top
left
right
bottom
position
margin：外边距
4.边框
border


JavaScript：
就是专门为 html 定制的用于操纵页面控件的语言
必须放在<script>标签内部</script>
原则上 。可以写在任何位置
习惯上写在body的下面

JavaScript中函数的定义

function 函数名(参数名){return "";}

调用：函数名(参数);
事件名="函数名(参数)"
1.点击事件
onclick
2.焦点事件
onfocus ：显示提示信息
onblur ：验证格式是否正确
3.值改变  ：select中
用于省市级联
onchange
4.鼠标事件
onmouseover：鼠标悬停
onmouseout ：鼠标移出
onmousedown
5.键盘事件：网页游戏

正则表达式：字符串模糊匹配的模板

[]:表示其中的任意一个字符[1-9] 表示1-9之间 任意一个数字[a-zA-Z]1[34578][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9]{}:表示紧挨着的表达式出现的次数{n} :正好 n 次 1[34578][0-9]{9}{m,n}:最少m次，最大 n 次[a-zA-Z][a-zA-Z0-9]{5,11}{n,}:最少n 次char \u0000-\uffff中文 \u4e00-\u9fa5[\u4e00-\u9fa5]{10,}

四国语言（国际化）