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 方式提交
2493
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
