1.web 前端
html 页面框架
常用的标签
css 层叠样式表,美化页面
bootstrap 大力支持 移动端
js javaScript 在html页面中嵌入的脚本,可以控制页面的控件;
jQuery
特效
Ajax
2.web 后台:动态显示数据库中的内容
jsp:java server pages, 动态显示内容的 jsp=html+java
在html页面中嵌入 java 代码
jstl 标签+EL 表达式 实现页面无脚本
servlet :负责在后台获取数据 和实现页面的跳转
控制器 Controller
3.整个web 编程的逻辑
jsp---提交--servlet---调用---javabean(service,dao)---数据库
|
|
根据返回的结果
跳转到不同的页面
4.创建web项目:运行在服务器中,可以通过浏览器访问的java程序
架构:B/S 浏览器/服务器(访问范围广,客户端不需要安装,升级方便,特效差,执行效率低)
java 控制台 /swing
C/S: 客户端/服务器
访问 范围小 ,必须安装客户端,升级维护困难,执行效率高,比较安全;
a)安装运行web程序的服务器
应用程序的服务器 IIs:运行微软的 aspx apache: Apache:php Tomcat:java程序 jsp/servlet
Oracle oracle服务器 glassfish:水晶鱼 jboss:最大一个免费 不能商用
weblogin 最大的一个收费 ,和jdk绑定严格
Tomcat:小型,启动快,不支持热部署;不支持 ejb(企业级javaBean) 必须先安装 (jdk)
Tomcat 一个设备中 仅仅能启动一个 tomcat 服务 尽量不要安装在c盘 (权限)
window
exe 解压 不需要配置环境变量 我们在工具启动中不是独立使用
http/1.1...访问tomcat的端口号
管理员用户名密码
linux
mac
设置 tomcat 的service 为手动启动;
tomcat 的目录结构 bin 存放启动文件,手动启动需要 tomcat.exe dos 窗口
tomcatw.exe window 串口
conf :配置文件 tomcat-users.xml 存放用户信息,maven 热部署
server.xml 修改端口号
context.xml 用于设计数据连接池的配置
lib:服务器运行时需要的jar文件
temp :临时文件 用于存放 文件上传时的缓存文件
webapps :能够通过浏览器访问的项目,都在此项目中;
work: 存放的是jsp翻译和编译以后的java文件和字节码文件
EJB:spring +mybatis
S2SH:struts2+spring+hibernate
SSM:springmvc +spring +mybatis
springboot:自动完成框架配置 必须使用maven构建:
----------------------------------------------------------------
1.创建web项目
a)
2.web程序的目录结构:(不同的工具,命名不同)
项目名称
src 存放java源码
web(webContent\webroot):存放 页面相关,jsp,js,css,图片,jar,是用户最终访问的内容;
WEB-INF:web项目配置信息
lib :存放 jar
classes:存放 src下java 文件的 字节码,默认不显示
web.xml :web项目的部署描述文件
页面资源
3.tomcat端口占用 ,tomcat服务器已经启动了
解决的办法:
1)在任务管理器中 把 java.exe 或者 javaw.exe 结束
2)在任务管理器中 把 tomcat.exe 结束
3)去 tomcat的安装目录下 吧 conf/server.xml 修改端口号
4.html 页面的结构
<!DOCTYPE html> 文档类型定义 说明当前页面使用的是html版本 ,h5
<html> 表示 html格式文件,页面中的所有内容 包含在此标签内部
<head>//头信息,设置当前页面的使用的数据,js,css 关键字
<meta charset="UTF-8">
<title></title> 选项卡显示的内容
<style> 声明样式
<link> 引入样式
</head>
<body>
页面显示的内容
</body>
</html>
5.常用标签
a.表单标签
b.非表单标签
-----------------------------------
1. 要显示文本,直接在body 或其子标签中 书写即可, 不能包含< <;>; 不管有多少空格  ; 只是别一个;
©
2.标签; 放在<> 中,的名称 用与显示某种格式的内容
<标签名 属性名=“值” 属性=“dd”>
属性名是固定的 有些属性的值也是固定,有些可以设置;
3,分类;
a)根据是否可以包含内容
i)带体的标签
<title>文本</title>
ii)自闭和标签,只有开始,不用结束 <br> :表示换行 <hr>: 水平线
b)是否可以由用户操作(可选择,可输入)
i)表单标签 可以接受 用户 操作的,登录,注册
ii)用户不能操作的
4.常用的 非标单标签:
<img> :图片 ,引用的图片必须 在 web 项目中,不能使用本地路径
<img src="a.jpg">
如下写法错误 < img src="c:\\a.jpg">
常用属性:
src:指明引用图图片的名称
whith:宽度 默认是 图片的宽度
height:高度
可以通过 background 设置 控件的背景图片
bgcolor 设置 控件 的背景颜色
<a> 超链接,可以点击链接到其他 页面或位置的标签
href; 用于指定 要去什么位置;
<table> 表格,用于显示 规整的数据标签 table 中必须使用tr tr中必须使用td
在td 或者 th 中才可以显示内容
<table>
<tr>
<td></td>
<th></th>
</tr>
</table>
border:边框
colspan合并列 rowspan 合并行
<div>块 ,对页面中的内容进行区域划分 经长使用 div+css 进行页面布局 默认是充满一行
,每个div 都占一行 都是div+css 进行页面布局,是透明的
列表 ol 表示有序列表 ul 表示 无序列表 li 表示里面的一项
5.表单标签
a)是通过input 标签产生 通过 其 type 属性指明控件的样子
1)文本框 type=“text” 单行 文本框
2)密码框 type =“password”
3)单选按钮 type=“radio”
4)复选框 type =“checkbox” 检查框
5)隐藏域 type=“hidden” 用在用户修改的时候 提供账号
6)文件选择 type=“file”
7)按钮
type=“submit” 提交按钮
type=“reset” 重置
type=“button” 按钮
type=“image” 图片按钮,自动提交
b) 通过select 标签产生下拉列表
textarea 产生多行文本框
button 产生按钮
必须放在form 标签内部才可以,其中的所有表单控件会把数据提交给服务器
action 表示提交数据的位置
get:在地址栏 中显示
post:在地址栏中不显示
下拉选框
---------------------------------
1.前端页面 jsp
a)常用的标签
i)表单标签 在页面中产生可以和用户交互的控件
1)必须放在 form 标签内才有效
<form action="" method="get|post">
//
<form>
2)通过input 标签 产生
<input type="" name="" id=""/>
type 的取值 text password radio checkbox button reset submit file hidden email date(将来用mydate97代替)
3)下拉 select 默认只能显示 一项,只能选择一项
4) 文本域 textarea
5)button 控件
注意:1.所有的表单控件,都需要提供name和id属性
id必须唯一,通常 radio\checkbox 控件的name属性值相同
如果该控件的值不需要存放在数据库中,那么可以省略 列入 确认密码
2.radio\checkbox\option 必须提供 value 属性设置内容
3.所有表单控件 必须放在form 标签内部才有效
4.radio\checkbox 通过添加 checked 或者 checked=“checked” 设置选择
option 通过selected 或 selected=“selected” 设置选择
5.如果 form 表单的method 没有设置 默认 为 get 方式提交