MVC明白

MVC全名是Model View
Controller,是模型(model)-视图(view)-调整器(controller)的缩写,1种软件设计典范,用壹种业务逻辑、数据、分界面展现分离的点子组织代码,将事情逻辑聚集到2个部件里面,在改进和天性化定制分界面及用户交互的同时,不需求再行编辑工作逻辑。MVC被卓绝的前行兴起用于映射守旧的输入、处理和出口功用在三个逻辑的图形化用户分界面包车型客车结构中。

一. 
Html是网页的载体。内容正是网页制作者放在页面上想要用户浏览的新闻,能够包涵文字、图片、摄像等。

 

二. 
CSS样式是表现。就好像网页的伪装。比如,标题字体、颜色变化,或为标题参与背景图片、边框等。全数那一个用来改动内容外观的东西叫做表现。

在自小编的程序综合作用的反映:

三. 
JavaScript是用来贯彻网页上的特效。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色退换。还有大旨新闻(信息图片的更迭)。能够那个明白,有动画的,有互动的貌似都以用JavaScript来兑现。

 

四.  标签之间是能够嵌套的。

M = model =(usermanager+usermanagerimpl+user+userdao+userdaoimpl)+DB
V = view = jsp
C = Controller = struts2fileter+action

 

 

Html文件的大旨构造

Model(模型)表示应用程序主旨(比如数据库记录列表)。

<html>     <head>…</head>    
<body>…</body> </html>

View(视图)展现数据(数据库记录)。

一.  <html></html>称为根标签,全部的网页标签都在此下

Controller(调控器)处理输入(写入数据库记录)。

二. 
<head>标签用于定义文书档案的头顶,它的持有头部成分的容器。尾部成分有<title>、<script>、 
<style>、<link>、<meta>等标签。

 

三.  在<body>标签里内容都是网页的根本内容.

以登记用户为例的干活流程:

 

输入网站进入注册页面,输入注册消息,点击分明jsp中选用<form
method=”post”
action=”user.action”>那种post方式将音讯传到相应的UserAction.java,不过中间经历了去web.xml搜索struts架构

Html的代码注释:<!–注释文字–>

下一场去struts.xml找到呼应的action<action name=”user”
class=”com.sisi.registration.action.UserAction”>

 

接下来依照spring在beans中相对应的action然后落成注入,

标签的用途

接下来自动实践useraction中的
execute函数,依据spring注入的usermanager来调用核实重复还有存储的函数,

语义化。正是掌握各样标签的用途(在如何景况下利用此标签合理)比如,网页上的小说的标题就足以用题指标签,网页上的逐条栏指标栏目名称也足以使用标题的签。

下一场又利用
spring找到userdao中的增多函数,利用hibernate达成插入数据库或然晋升重复

语义化的裨益:

l  更便于被搜寻引擎收音和录音。

l  更便于让显示屏阅读器读出网页内容。

 

<p>段落文本</p>段落标签

<h>标签,标题的签

重申语气标签:<em>斜体、<strong>加粗。能够css修改

 

使用<span>标签:

一.  <em>和<strong>重申根本字

2.  <span>标签未有语义,它的功效是为着设置独立的体制用的

 

<q>标签,短文本引用

 

注意这里用<q>标签的真的关键点不是它的默许样式双引号(若是如此大家比不上自身在键盘上输入双引号就行了),而是它的语义:引用旁人的话

 

<blockquote>,长文本引用

<q>是对短文本的引用,几句话那样。

 

 

<br>标签分行展现文本,换行

 

语法:

xhtml1.0写法:<br />

html4.01写法:<br>

 

 输入空格

<hr>加多档次横线

 

 

<address>,为网页加入地点音信

相似网页中会有局地网址的联系地址消息须求在网页中显现出来,那么些就足以用此标签来呈现。

 

<code>参与单行代码

<pre>参加多行代码

 

<ul><li>是不曾前后相继地列表

 

 

<ol><li>有顺序

 

 

<div>相当于一个容器

鲜明逻辑部分:

逻辑部分:页面上相关联的壹组成分,如网页中的独立栏目板块。

举例:3个页面也正是多少个壁柜,而div能分出许多格子

div的id属性:也就是身份证,唯壹标记,必须唯壹。

 

<table>表格标签

 

<style type=”text/css”>

    table tr,td,th{border: 1px solid #993300;}

</style>

报表加个边框

 

<a href=”目的网站” title=”鼠标滑过展现的文本”>

<a href=”目的网站” target=”_blank”>在新的浏览器窗口张开链接

 

利用mailto在网页中链接Email地址

 

就算mailto后边同时有多少个参数的话,第3个参数必须以?初始,后边种种参数都是&分隔

 

 

<img>为网页插入图片

<img src=”myimage.gif” alt=”My Image” title=”My Image”>

src:标记图片的地点

alt:钦命图像的描述性文件,当图像不可知时(下载不成事时),可以看来该属性指定的文书

title:提供在图像可知时对图像的叙说(鼠标滑过图片时突显的文本)

 

使用表单标签<form>,与用户交互>

<form action=”服务器文件”
method=”传送格局”></form>

action:浏览者输入的多寡被传送的地方,比如2个PHP页面

method:数据传送的措施POST/GET

<form action=”” method=”post”>

    <label for=”username”>用户名:</label>

    <input type=”text” name=”username” /><br>

    <label for=”psss”>密码:</label>

    <input type=”text” name=”pass” />

 

 

<form action=””>

    <input type=”text/password” name=”名称” value=”文本”>

</form>

type=text,文本输入。type=password,密码框输入

name:为文本框命名,以备后台程序ASP/PHP使用

value:为文本输入框设置暗中同意值(一般起到晋升的效应)

<form action=”” method=”get”>

    姓名:

    <input type=”text” name=”myName” value=”请输入姓名”>

    <br>

    密码:

    <input type=”password” name=”myPassword”
value=”请输入密码”
>

</form>

 

 

文本域,援助多行文本输入

<textarea name=”” id=”” cols=”列数”
rows=”行数”></textarea>

cols:多行输入域的列数

rows:多行输入域的行数

<form action=”save.php” method=”post”>

    <label for=””>联系大家</label>

    <textarea name=”” id=”” cols=”80″
rows=”10″
>在此处输入内容</textarea>

</form>

 

 

行使单选框、复选框,让用户挑选

<input type=”radio/checkbox” value=”值” name=”名称”
checked=”checked”>

type:=radio,单选框、=checkbox,复选框

value:提交数据到服务器的值

name:为控件命名,感到后台使用

checked:当设置checked=”checked”时,该选项默许选中

<form action=”” method=”post”>

    你是或不是喜欢游山玩水?<br>

    <input type=”radio” name=”radiolove” value=”喜欢”
checked=”checked”>喜欢

    <input type=”radio” name=”radiolove” value=”不喜欢”>不喜欢

    <input type=”radio” name=”radiolove” value=”无所谓”>无所谓

    <br><br>

    你对那多少个运动感兴趣?<br>

    <input type=”checkbox” name=”checkbox1″ value=”跑步”>跑步

    <input type=”checkbox” name=”checkbox2″ value=”打球”
checked=”checked”>打球

    <input type=”checkbox” name=”checkbox3″ value=”登山”>登山

    <input type=”checkbox” name=”checkbox4″ value=”健身”
checked=”checked”>健身

</form>

 

 

行使下拉菜单,节省空间

<form action=”” method=”post”>

    <label for=””>爱好:</label>

    <select name=”” id=””>

        <option value=”读书”>读书</option>

        <option value=”运动”>运动</option>

        <option value=”音乐”>音乐</option>

        <option value=”旅游”>旅游</option>

        <option value=”购物”
selected=”selected”>购物</option>

    </select>

</form>

 

value:向服务器交由的值

select=”selected”属性,选项暗中同意选中

 

运用提交按键,提交数据

<input type=”submit” value=”提交”>

type:唯有当type值设置为submit时,开关才有付出作用

value:开关上海展览中心示的文字

<form action=”” method=”post”>

    <label for=”myName”>姓名:</label>

    <input type=”text” value=”” name=”myName”>

    <input type=”submit” value=”提交”葡京赌场网址, name=”submitBtn”>

</form>

 

 

运用重新恢复设置按键,重新设置表单音信

<input type=”reset” value=”重置”>

<form action=”” method=”post”>

    <label for=”myName”>姓名:</label>

    <input type=”text” name=”myName”>

    <input type=”reset” name=”resetBtn” id=”” value=”重置”>

</form>

 

 

form表单中的label标签

label标签不会向用户展现任何效果,它的作用是为鼠标用户革新了可用性。怎样你在label标签内点击文本,就会自行触发此控件。正是说,假使用户选中该label标签时,浏览器会自动将主旨转到相关的表单控件上。

<label for=”控件id名称”></label>

<form action=””>

    <label for=”male”>男</label>

    <input type=”radio” name=”gender” id=”male”>

    <br>

    <label for=”female”>女</label>

    <input type=”radio” name=”gender” id=”female”>

    <label for=”email”>输入你的邮箱地址</label>

    <input type=”email” name=”” id=”email” placeholder=”Enter
email”
>

</form>