互联网通信
MVC开发规则
介绍
-
MVC开发规则制定了互联网通信开发过程中必须出现的角色有哪些
-
MVC开发规则制定了互联网通信开发过程中必须出现的角色担负职责
-
MVC开发规则制定了互联网通信开发过程中必须出现的角色的出现顺序
角色
业务
-
概念:浏览器向HTTP服务器发送请求就是一次业务
-
业务特征:
-
解决业务开发困扰:
互联网通信开发过程中必须出现的角色有哪些
一次互联网开发过程,必须出现角色有三个:
-
C,controller object:控制层对象(servlet对象)
-
M,model object:业务模型对象(service对象)
-
V,view object:视图层对象(jsp or HttpServletResponse)
互联网通信开发过程中必须出现的角色担负职责
互联网通信开发过程中必须出现的角色的出现顺序
HTML
-
介绍:
-
作用:
-
HTML编程语言语法规范:
-
HTML编程语言中所有命令都是声明在标签中,比如
-
HTML编程语言中的所有命令都是预先定义好的,不允许开发人员自行创建新的命令
-
HTML编程语言中的所有命令不区分英语字母大小写
-
HTML编程语言中命令开发时主要通过对命令中的属性进行赋值实现开发目的
属性赋值时内容可以包含在一个""中,也可以包含在一个'',也可以省略,此时属性之间必须采用空格进行隔离
-
HTML编程语言中命令根据书写方式分为:双目标签命令和单目标签命令
<html>
<!--
在一个HTML文件中,所有的HTML标签命令必须声明在<html></html>
<html></html>包含两个子标签<head></head>和<body></body>
<head></head>:设置基础参数信息
<body></body>:负责通知浏览器将指定内容以指定方式在窗口展示
-->
<head>
<meta charset='utf-8'/>
</head>
<body>
<!--
<h1></h1>标题标签
数字可以在1-6中间选择,数字越大字体大小越小
<p></p>段落标签:包含其中的字符为一段话,段落结尾自动换行
-->
<h1>一级标题</h1>
<p>
Hello,World!</p>
<p>
Hello,World!</p>
<!--
<ol></ol>有序标签
<ul></ul>无序标签
子标签<li></li>:该标签会根据序列标签给其中的展示内容顺序添加序号或无序添加小圆点
序列标签可以嵌套
这些标签主要用于制作导航页
-->
<ol>
<li>中国</li>
<li>美国</li>
<li>俄罗斯</li>
</ol>
<ul>
<li>米饭</li>
<li>面包</li>
<li>西伯利亚大土豆</li>
</ul>
<ul>
<li>中国
<ol>
<li>米饭</li>
<li>面条</li>
<li>包子</li>
</ol>
</li>
<li>美国
<ol>
<li>面包</li>
<li>牛排</li>
<li>炸鸡</li>
</ol>
</li>
<li>俄罗斯
<ol>
<li>西伯利亚大土豆</li>
<li>赫鲁晓夫大玉米</li>
<li>坚不可摧大列巴</li>
</ol>
</li>
</ul>
<!--
<table></table>表格标签
子标签<tr></tr>:行
子标签<td></td>:单元格
属性
border:表格边框宽度
align:文本对齐方式
style:更改默认样式
rowspan:设置单元格高度
colspon:设置单元格宽度
-->
<table border="2" align="center">
<tr style="background-color:blue">
<td> 国家 </td>
<td> 中国 </td>
<td> 美国 </td>
<td> 俄罗斯 </td>
</tr>
<tr align="center" style="background-color:yellow">
<td rowspan="3"> 食物 </td>
<td> 米饭 </td>
<td> 面包 </td>
<td> 土豆 </td>
</tr>
<tr align="center" style="background-color:yellow">
<td> 面条 </td>
<td> 牛排 </td>
<td> 玉米 </td>
</tr>
<tr align="center" style="background-color:yellow">
<td> 包子 </td>
<td> 炸鸡 </td>
<td> 大列巴 </td>
</tr>
</table>
<!--
<img/>图片标签:在浏览器中展示一张图片
<center></center>居中格式
<div></div>内容展示方块
<font></font>文字标签:展示一行文字
属性
src:图片的地址
title:图片的标题
width:宽度
height:高度
-->
<center>
<div>
<font style="font-size:50">我看不懂但我大受震撼</font>
</div>
<img src="OIP.jpg" title="猫"/>
</center>
</body>
</html>
-
浏览器发送请求的三要素:(very important)
-
控制浏览器发送的请求地址
-
超链接标签命令:
-
格式:
<a href="请求地址">提示信息</a>
百度一下
淘宝:淘你所想
Myjpg
-
工作原理:
不会被浏览器自动执行,在用户单击超链接标签命令时,这个命令才会执行
执行要求浏览器立刻按照href属性地址发送请求
-
表单标签命令
-
格式:
<form action="请求地址">
<input type="submit"/> <!--提交按钮-->
</form>
-
工作原理:
不会被浏览器自动执行,在用户单击提交按钮时,这个命令才会执行
执行时要求浏览器立刻按照action属性地址发送请求
-
控制浏览器发送请求的方式
-
控制浏览器发送请求携带的参数
-
请求参数作用:
当用户通过浏览器访问服务端计算机动态资源文件时,往往需要调用其中的方法。
浏览器发送请求时需要携带调用方法需要的实参(请求参数)
-
请求参数格式:
浏览器发送请求时:请求地址?请求参数1=值&请求参数2=值2
-
浏览器发送请求时携带的请求参数来源:
-
通过超链接标签命令指定请求参数
例如:百度
弊端:这种方式发送的请求参数内容时固定的
-
通过表单域标签命令指定请求参数
-
一组声明在form标签内部的标签命令
-
提示用户填写请求参数内容,用于提供相对灵活的请求参数内容
-
所有表单域标签都有两个属性name和value
name属性声明请求参数名,value属性声明请求参数值
例如:
-
表单域标签分类:
-
<input/>形式:
<form action="http://www.baidu.com" method="POST">
用户姓名:<input type="text" name="username"/><br/><!--文本框-->
用户密码:<input type="password" name="password"/><br/><!--password文本框,不会展示出来-->
用户性别:<input type="radio" name="sex" value="man"/>男 <input type="radio" name="sex" value="woman"/>女<br/><!--radio单选框,name相同才是一组单选框-->
擅长技术:<input type="checkbox" name="jishu" value="java"/>JAVA
<input type="checkbox" name="jishu" value="c++"/>C++
<input type="checkbox" name="jishu" value="mysql"/>MySql<br/>
<!--checkbox多选框,name相同才是一组多选框-->
用户头像:<input type="file" name="myfile"/><br/>
<input type="submit"/><!--用于提交请求参数-->
<input type="reset"/><!--用于重置请求参数-->
</form>
-
<select></select>形式
<form action="http://www.baidu.com">
籍贯:<select name="home">
<option value="bj">北京</option>
<option value="sh">上海</option>
<option value="tj">天津</option>
</select>
<input type="submit"/>
<input type="reset"/>
</form>
-
<textarea></textarea>
<form action="http://www.baidu.com" method="POST">
用户姓名:<input type="text" name="username"/><br/><!--文本框-->
用户密码:<input type="password" name="password"/><br/><!--password文本框,不会展示出来-->
用户性别:<input type="radio" name="sex" value="man"/>男 <input type="radio" name="sex" value="woman"/>女<br/><!--radio单选框,name相同才是一组单选框-->
擅长技术:<input type="checkbox" name="jishu" value="java"/>JAVA
<input type="checkbox" name="jishu" value="c++"/>C++
<input type="checkbox" name="jishu" value="mysql"/>MySql<br/>
<!--checkbox多选框,name相同才是一组多选框-->
用户头像:<input type="file" name="myfile"/><br/>
备注信息:<textarea name="ta" rows="5" cols="30"></textarea><br/>
<!--文本栏,rows和cols分别设置展示的行数和列数-->
<input type="submit"/><!--用于提交请求参数-->
<input type="reset"/><!--用于重置请求参数-->
</form>
-
表单域标签value属性默认值
-
大多数表单域标签value属性默认是空字符串,例如:username=''
-
对于radio和checkbox来说,value属性默认值为'on'的字符串
-
表单域标签作为请求参数条件
对于大多数表单域标签来说,只要同时满足以下两个条件,就可以作为请求参数
-
必须声明在form标签内
-
必须声明name参数
对于radio和checkbox标签来说在满足上述两个条件的同时,还需要满足第三个条件才可以作为请求参数
-
radio和checkbox必须在被选中的情况下才可以作为请求参数
此外,如果表单域标签用disabled来修饰,则它不能作为请求参数发送给服务端
顺带一提readonly和disabled的区别:
CSS
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)