【JavaEE】进入Web开发的世界-HTML

已于 2023-01-09 12:47:02 修改
阅读量675 收藏 21
点赞数 31
分类专栏： JavaEE 文章标签： 前端 html
于 2023-01-08 18:41:04 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_50987960/article/details/128561102
版权

目录

 一、HTML 

1.1概念篇

1.2工具篇

1.2.1文本类型的标签

1.2.2多媒体标签

1.2.3超链接

1.2.4target

1.2.5表格相关的标签

 1.2.6 列表标签

1.2.7表单标签

1.2.8没有语义的标签

进入Web开发的世界，了解html、css、JavaScript的使用。

Web开发的核心：准备各式各样的资源以及资源之间的相互关系。

主机 (host) 决定了资源位于网络中的哪台电脑 (主机) 上，通常是 IP 地址 或者是 域名。

端口(port)决定了 资源由主机上的哪个 进程 (process) 提供服务，这个进程就是我们所谓的 Web 服务器。

我们目前使用的是 Tomcat。认准我们平时使用的端口 :8080

资源路径 (path) 决定了请求的是 Web 服务器中的哪个资源。可以分成绝对路径 和 相对路径
我们所谓的 Web 开发，就是准备各种百相配合的 Web 资源的过程 

 一、HTML 

HTML属于前段的知识范畴，主要起到提供页面的结构和基本内容。目前不负责长什么样子。

1.1概念篇

1、超文本

比一般的文本能力跟更强，对于txt文本，可以有超链接。

2、怎么理解标记

HTML中的标签是有规定的，并不是任何标签都可以（最新的标准允许自定义标签）

通常标签是开始标签、内容和闭合标签组成的。有部分标签是单一标签

<h1>美好的一天</h1>（前面是开始标签 (open tag)，后面是闭合标签 (close tag））

HTML 的结构也有规定，虽然大多数浏览器兼容不符合规定格式，但对于我们来说尽量去符合格式
IDEA 是可以帮我们生成内容的，一般写出来都符合格式。

 标签允许有属性 (attributes) 存在，放在 开始标签 里，基本格式是 key=value 的形式，注意，key=value，这个等号两边没有空格，其中，key 不需要引号引起来，value 需要引号引起来，单/双引号均可。

<meta charset="utf-8">代表 html 的字符集使用 utf-8。

1.2工具篇

大部分浏览器基本都有这套工具，但用法略有区别，所以我使用的是 chrome 浏览器，比较统一，由于版本的原因，也可能有所区别。

 介绍一些常见标签https://developer.mozilla.org/zh-CN/     mozilla 组织 (firefox 的开发团队)

1.2.1文本类型的标签

表示标题类型的标签 一级标题、二级标题...、六级标题
<h1>....</h1><h2>....</h2>默认的样式(以后是可以通过 css 修改的)... <h6>  一级标题最大，六级标题最小

html中的换行、空格最终显示的时候都是被视为一个空格。

html中有些标签是自带换行的（一般称为块级标签）还有一类标签是不带换行的一般称为内联标签。<p>也是块级标签，上述<h1>....<h6>也是块级标签。

<br>是单一标签，作用是换行，不用写闭合。

1.2.2多媒体标签

插入一个图片资源（多个资源配合）

 <img>是单一标签，关键属性是src = “图片资源的路径”，如果路径不正确，或者不支持访问，网页不会正常显示。

html/css/is 中书写路径的话

资源和当前资源 处于同一个 Web 服务器管理下 或者 没有处于同一个 Web 服务器管理下

1) 全 URL:

协议://主机:端口/资源路径  其中 端口 如果是协议的标准端口可以省略

http://127.0.0.1:8080/2023/01/z.html

http://61.135.81.24/a/b/2023.html  没有端口，同时是 http 协议，说明是 80 端

https://51.10.55.228/hello.html  没有端口，同时是 https 协议，说明是 443 端

jdbc:mysgl://127.0.0.1:3306/ccb 0101，JDBC 连接 MySQL (本机的 MySQL) 的 URL

dbc:mysql://61.185.22.37:3306/ccb 0101，JDBC 连接 非本机的 (处于 61.185.22.37 主机) 上的 MySQL

jdbc:mysql://127.0.0.1/ccb 0101  没有端口，同时 idbc:mysgl 协议，说明是 3306 端

2) 省略协议:

//主机:端口/资源路径   协议采用和当前资源同样的请求协议

//127.0.0.1:8080/2022/12/31/a.html   资源 和 当前资源 处于同一个 web 服务器管理下:

3) 只写资源路径 (省略协议 + 主机)  当前 web 服务器下的其他资源

绝对路径，以/开头  /index.html  /2023/01/z.html

相对路径，不是以，开头  a.html   ./a.html    ../../index.html

备注:当请求的不是同一个 Web服务器管理的资源时，可能遇到别人的防盗链限制，使得我们无法使用别的资源.

1.2.3超链接

<a href="另一个资源的地址">显示内容</a>，只会显示“显示内容”，点击能跳转地址。

1.2.4target

该属性指定在何处显示链接的资源。取值为标签 (tab)，窗口 (window) ，或框架 (iframe) 等浏览上下文的名称或其他关键词。以下关键字具有特殊的意义:

_self:当前页面加载，即当前的响应到同一 HTML 4 frame (或 HTML5 浏览上下文) 。此值是默认的，如果没有指定属性的话。

_blank:新窗口打开，即到一个新的未命名的 HTML4 窗口或 HTML5 浏览器上下文。

_parent:加载响应到当前框架的 HTML4 父框架或当前的 HTML5 浏览上下文的父浏览上下文。如果没有 parent 框架或者浏览,上下文，此选项的行为方式与self 相同。

_top:IHTML4 中:加载的响应成完整的，原来的窗口，取消所有其它 frame。HTML5 中: 加载响
应进入顶层浏览上下文(即，浏览上下文，它是当前的一个的祖先，并且没有 parent) 。如果没有parent 框架或者浏览上下文，此选项的行为方式相同_self。

1.2.5表格相关的标签

table标签:表示整个表格。

tr:表示表格的一行。

td:表示一个单元格。

th:表示表头单元格会居中加粗。

thead: 表格的头部区域(注意和th 区分范围是比th 要大的)。

tbody表格得到主体区域

table包含tr,tr包含td 或者 th。。

无论是 thead、tbody、 tfoot 都是先有 表行 (tr table row) 组成。

每一行里，又有多列组成，其中 thead 中的列使用 (th) 表示，tbody 中的列由 (td) 表示

<!DOCTYPE html>
<html lang="zh-hans">
<head>
    <meta charset="UTF-8">
    <title>表格演示</title>
    <style>
      table {
        border-collapse: collapse;
      }
      td, th {
        border: 1px solid #000;
      }
      thead th {
        background-color: #3517fc;
      }
      tfoot td {
        background-color: #11fa58;
      }
    </style>
</head>
<body>
  <table>
    <thead>
      <tr>
        <th rowspan="2">姓名</th>
        <th rowspan="2">年龄</th>
        <th colspan="3">成绩</th>
      </tr>
      <tr>
        <th>语文</th>
        <th>数学</th>
        <th>英语</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>张三</td>
        <td>28</td>
        <td>3</td>
        <td>5</td>
        <td>7</td>
      </tr>
      <tr>
        <td>李四</td>
        <td>25</td>
        <td>7</td>
        <td>3</td>
        <td>6</td>
      </tr>
    </tbody>
    <tfoot>
      <tr>
        <td colspan="2">总计</td>
        <td>10</td>
        <td>8</td>
        <td>13</td>
      </tr>
    </tfoot>
  </table>
</body>
</html>

<th rowspan="2">姓名</th>代表占了两行一列 ，<th colspan="3">成绩</th>代表占了三列一行，中间的则是展示的文字。

 1.2.6 列表标签

1）有序列表(ordered list <ol>)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表</title>
</head>
<body>
<h1>某个菜谱</h1>
<h2>做菜步骤</h2>
<ol>
    <li>把油锅里倒</li>
    <li>把肉锅里放</li>
    <li>炖 10 分钟</li>
    <li>出锅装盘</li>
</ol>
</body>
</html>

 具体表现在并没有标注序号但是自动标注了序号。

2）无序列表 (unordered list <ul> )

列表项 (列表中的一个元素)(list item <li>)

备注: ol/ul 的孩子必须是 li 标签，<li> 标签之下，可以跟任意的元素

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表</title>
</head>
<body>
<h1>某个菜谱</h1>
<h2>需要的材料</h2>
<ul>
    <li><a href="https://cn.bing.com/search?q=西红柿">西红柿</a></li>
    <li><a href="https://cn.bing.com/search?q=胡萝卜">胡萝卜</a></li>
    <li>
        <h3>豆腐</h3>
        <p>豆腐是一种富有营养的常见食品。</p>
    </li>
    <li>
        <h3>土豆</h3>
        <img src="https://ts1.cn.mm.bing.net/th/id/R-C.cac33fafb149995428a84f82bd79a7ab?rik=bnQwOoILMQpKKw&riu=http%3a%2f%2fimg.365diandao.com%2fStorage%2fShop%2f528%2fProducts%2f8128%2f1.png&ehk=Snvk9nO0Q3KwPEUkYcNWaqZbG7K5NpdydBeecUGWJxY%3d&risl=&pid=ImgRaw&r=0">
    </li>
</ul>
</body>
</html>

  具体表现在并没有自动标注了序号，每个标签前面有一个小圆点。

3）描述列表

HTML<d1>元素(或 HTML 述列表元素)是一个包含术语定义以及描述的列表，通常用于展示词汇表或者元数据(键 - 值对列表)。

小结

上述讲述的所有标签，都是单方面的信息传递: 从服务器到客户端(浏览器)的传递。

 但是在实际 web 场景中，经需要从 浏览器向服务器去传递一些信息(这些信息大部分来自用户的输入

比如:登录、注册场景下: 用户名 + 密码  用户输入-> 浏览器收集 -> 传递给服务器做下一步动作

使用 CSDN、B 站、痘印这种 UGC 场景: 内容 (博客 (文字) 、视频、音频)

UGC: User Generate Content 用户生成内容

用户输入 -> 浏览器收集 -> 传递给服务器做下一步动作。

1.2.7表单标签

平时填的各种表格、单子。<form>表单标签。

<form>里面有些关键属性，回头配合 HTTP 协议去讲述

<input type="text" name="姓名">这里使用中文，但实际中尽量不要用中文，因为可能有字符集编码的问题，但是用户填写写的内容可以用中文

<button>提交</button>

</form>

1、理解表单的整体流程:

1) 先发起一次请求，得到 要去填写的 表单

2)填写信息 + 点击提交(有其他提交方式): 再次发起一次请求，携带用户填写的信息到服务器

新的请求的 URL，由 <form> 标签的 action 届性决定备注: 如果没有 action 属性，则 URL 不变 (还是表单的 URL)通常都要指定 action 的

新的请求的资源路径，并不要求必须存在一个资源所以可能出现 404 (路径对应的资源不存在)

2、需要表单的场景

需要从用户向服务器提交信息时，比如: 注册场景、登录场景、发表文章、UGC 等

<input name="..."> 输入控件，name 属性对应的业务上的一个名字(尽量有语义，尽量用英文)最后会以 key=value 的形式提交给服务器，其中 key 就是 input 的 name 属性的值value 就是这个 input 中用户输入的内容! !

整个用户的输入，一般称为 请求参数(request parameters) ，经常使用动态资源的形式，读取这部分信息

3、简单的学生信息登记表

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>学生信息登记表</h1>
  <label>
    姓名：
    <input type="text" name="username">
  </label>

  <label>
    性别：
    <input type="text" name="gender">
  </label>

  <label>
    生日：
    <input type="text" name="birthday">
  </label>

  <button>提交</button>
</form>
</body>
</html>

4、时序图（用来描述多个参与活动的角色，在活动中的前后次序形式体现的职责时非常好用）

（1）经由某些方式让浏览器去请求某个资源获取表单信息我们暂时采用的方式是在地址栏输入地址。

（2）浏览器发起请求例/form.html请求资源

（3）服务器返回对应路径的资源内容

（4）在刘览器上显示表单给用户

（5）用户根据、表单的要求填写各种信息。

（6）浏览器收集用户填写的信息拼装成 key-value 的格式将所有数据，经过一次新的请求发送给服务器，这次新的请求的资源路径根据 <form>标签的 action 属性解决。

（7）服务器根据用户填好的表单决定下一步怎么办，并给出合适的响应。

由于此处需要根据用户填写的信息给出不同的反应，所以通常使用动态资源的方式。

5、其中几个常见的type

1. type="text"  输入普通文本   注册/登录场景下的用户名、借书场景下的书名。

2. type="password"，输入密码文本。在浏览器上隐藏用户的输入，通常显示的是一个点。

只在浏览器的显示处有区别，最终提交的时候没有任何区别，仍然采用 key=value 的形式
换言之，服务器是可以正确读取我们输入的密码的。

 3.单选框-在几个选项中，只能选取其中一个，是互斥的关系。

type="radio"  在单选项这种情况中是不能取消选择的·，多选项可以取消选择。

<h2>单选项 radio</h2>
<p>以下几个 input 都没有 name 属性，所以各自处于自己的一组，彼此之间没有互斥关系</p>
<input type="radio"> 选项1<br>
<input type="radio"> 选项2<br>
<input type="radio"> 选项3<br>
<input type="radio"> 选项4<br>
<input type="radio"> 选项5<br>
<input type="radio"> 选项6<br>

 checked 是一个比较特殊下属性，boolean 类型的属性!

只要有属性出现即可，不需要有后面的 =value，换言之，后面 = 什么都不影响结果。

<p>以下几个 input 设置了 name 属性，则 name 相同的处于一个组；处于一个组内的选项具有互斥关系</p>
<input type="radio" name="gender"> 男<br>
<input type="radio" name="gender"> 女<br>
<input type="radio" name="age"> 儿童<br>
<input type="radio" name="age"> 少年<br>
<input type="radio" name="age"> 青年<br>
<input type="radio" name="age"> 中年<br>
<input type="radio" name="age"> 老年<br>

  checked 属性，来区分 选中 or 未选中状态

<p>靠着 checked 属性，来区分 选中 or 未选中状态</p>
<input type="radio">                                  没有选中状态<br>
<input type="radio" checked>                    选中状态<br>
<!-- 下面的都是不标准用法，所以 IDEA 给出了警告 -->
<input type="radio" checked="true">        选中状态<br>
<input type="radio" checked="false">        选中状态<br>
<input type="radio" checked="你吃了么">  选中状态<br>
<input type="radio" checked="跟什么都不重要">  选中状态<br>

 form 表单提交时，单选项也可以提交。

<p>演示 form 表单提交时，单选项的提交情况</p>
<!-- form 没有写 action 属性，则代表提交的 URL，就是本资源的 URL，不变 -->
<form>
    <!-- 这组有 value 属性 -->
    <input type="radio" name="gender" value="是" checked> 男<br>
    <input type="radio" name="gender" value="否"> 女<br>
    <!-- 这组没有 value 属性 -->
    <input type="radio" name="age" checked> 儿童<br>
    <input type="radio" name="age"> 少年<br>
    <input type="radio" name="age"> 青年<br>
    <input type="radio" name="age"> 中年<br>
    <input type="radio" name="age"> 老年<br>
    <button>提交</button>
</form>

4.复选框

复选框选中之后是可以取消的。

<h2>复选项 checkbox</h2>
<form>
    <p>意向</p>
    <input type="checkbox" name="intend" value="0113"> 清华大学<br>
    <input type="checkbox" name="intend" value="0114"> 北京大学<br>
    <input type="checkbox" name="intend" value="0115"> 复旦大学<br>
    <input type="checkbox" name="intend" value="0116"> 人民大学<br>
    <p>爱好</p>
    <input type="checkbox" name="hobby" value="basketball" checked> 篮球<br>
    <input type="checkbox" name="hobby" value="football"> 足球<br>
    <input type="checkbox" name="hobby" value="pingpong"> 乒乓球<br>
    <button>提交</button>
</form>

提交之后地址栏就会变成如下这样。 

 5.表单提交

<input type="button" value="你好">完全等价于 <button type="button">你好</button>显示一个"你好”的按钮

<input type="submit" value="世界">完全等价于 <button type="submit">世界</button>，<button>世界</button>显示一个“世界”的按钮

<button type="button">点击这个按钮不会导致 form 表单提交。即点了和没点没区别。

<button type="submit">点击这个按钮会提交 form 表单会触发浏览器的下一步动作。

<h2>点击可以提交的按钮 vs 点击没有反应的按钮</h2>
<p>点击之后会进行表单提交</p>
<form>
    <!-- input type="text" 下，也是 value 属性中的值 -->
    <input type="text" name="say" value="点击之后，这句话会被提交">
    <button>提交</button>
    <button type="submit">提交（写不写 type 都可以）</button>
</form>
<p>点击之后不会有任何反应</p>
<form>
    <input type="text" name="say" value="点击之后，这句话会被提交">
    <button type="button">提交（但实际点了之后没有反应）</button>
</form>

6.表单重置

<input type="reset"value="重置">等价于<button type="reset">重</button>

表现为一个按钮，点击之后不会提交表单，而是将表单进行重置。

将用户填写的信息擦除，还原成最原始的情况。

7.单选项的下拉选择

<select name="...">
        <option>...</option>
        <option>...</option>
</select>

  <h2>表现类似单选项，即只能选择一个</h2>
  <form>
    性别：
    <select name="gender">
      <option value="1">女</option>
      <option value="0">男</option>
    </select>
    <button>提交</button>
  </form>

 8.复选项的下拉选择

在单选项的基础上加上multiple。

<h2>表现类似复选项，即可以多选，必须按住 Ctrl + 鼠标左键进行多选（符合 Windows 的规范）</h2>
<form>
  爱好：
  <select name="hobby" multiple>
    <option value="1">篮球</option>
    <option value="2">羽毛球</option>
    <option value="3">乒乓球</option>
    <option value="4">足球</option>
    <option value="5">跑步</option>
    <option value="6">游泳</option>
  </select>
  <button>提交</button>
</form>

必须按住Ctrl+鼠标左键进行多选。 

相比较 radio 和 checkbox，更推荐使用 radio 和 checkbox，而不去使用 select,select 让用户需要多进行操作! 

9. 文本输入框 (可以同时输入多行的文字)

<textarea> </textarea>name 属性，用于提交。

<textarea> 标签 <input> 是个单标签 (只需要开始标签，不需要闭合标签)，<textarea>既要有开始标签，也要有闭合标签。

rows="..." 表示约束能输入多少行、cols="..." 表示约束能输入多少列，如果没有 rows 和 cols，则不限制

<!DOCTYPE html>
<html lang="zh-hans">
<head>
    <meta charset="UTF-8">
    <title>文本输入区域</title>
</head>
<body>
  <form>
    个性签名：
    <textarea name="signature" cols="20" rows="5">懒得写！</textarea><br>

    <button>提交</button>
  </form>
</body>
</html>

 总结表单:

1、表单 (form)

用户 via 浏览器 服务器 提交信息

2、表单通堂分为两个阶段(需要服务器提供逻辑上的两个资源）

1) 先从服务器上拿一份空白表单下来

2) 用户填写这份空白表单，然后将用户填写好的表单提交给服务器

3.<form>的 action 属性，填写的 URL，是第二步提交的资源 URL，通常是一个动态资源
4、<button type="submit">提交</button>    type="submit"可以省略

点击之后，让浏览器向服务器提交表单

5、常见的输入控件

<input type="text"> 普通文本

<input type="password"> 密码文本

<input type="radio">单选项

<input type="checkbox">复选项

<textarea> </textarea>多行文本

6、关键属性：name 属性: 决定提交时的 key

value 属性: 决定提交时的 value (即用户输入部分)

checked 属性: boolean 属性  选中 or 未选中

1.2.8没有语义的标签

<div>和 <span>没有语义，只是用来做 区域 划分的。

div 是块级元素，自带换行

span 是内联元素，不带换行

世界级白日梦冠军
关注
  • 31
    点赞
  • 踩
  • 21
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 54
    评论
专栏目录
JavaEE求职简历-姓名-JAVA开发工程师-范文.doc
06-11
3年JAVA开发经验，有多个项目开发经验，可独立开发； 熟练掌握java基础，包括面向对象、多线程、IO流、UDP/TCP、socket、文件上传下载、XML解析、JSON解析、servlet、filter、listener、HTTP协议等等； 熟练...
JavaEE求职简历-姓名-JAVA开发工程师.docx
06-03
2.熟悉Java Web应用开发,熟悉listener、Filter、EL、JSTL等常用技术; 3.熟悉Spring MVC、Spring Boot、Spring DataJPA 的使用，掌握Spring的Ioc与Aop思想; 4.掌握基于Spring整合常用框架并进行项目开发的经验，如：...
JAVAEE Web简单开发
m0_54362791的博客
07-27 1210
JavaEE Web开发是基于B/S(浏览器/服务器)架构实现的，客户端只需要浏览器，应用程序的逻辑和数据都存储在服务器端。浏览器只需要请求服务器，获取Web页面，并把Web页面展示给用户即可。Web开发通常是指开发服务器端的Web应用程序。
JavaEE--------Apache WEB服务器
詹煜彪9527
04-09 7411
一. Apache和Tomcat的区别平常使用 apache的tomcat来发布tomcat服务器端的文件，其实还有个apache服务器。看了些资料，才得知他们有以下区别：apache是web服务器，tomcat是应用（Java）服务器，它只是一个servlet (jsp也翻译成servlet) 容器，可以认为是apache的扩展。apache和tomcat都可以做为独立的web服务器来运行。但是...
JavaEE--------SpringMVC框架
热门推荐
詹煜彪9527
03-26 1万+
springMVC尚硅谷
javaEE企业级应用开发-架构方向
张一峰IT实战
04-15 2077
第一阶段内容：javaSE基础和编程思想 java语言基础 流程控制 常用类 类和对象、多态 接口、抽象类 集合框架 异常处理 IO流 反射 多线程 网络编程TCP| UDP 泛型 项目实战：消化之前的基础知识，对项目有一个整体认识 第二阶段：Web前端 Html 标签使用 css3布局开发 javaScript编程 DOM使用 JQuery框架 EasyU...
JavaEE--------Spring框架
詹煜彪9527
03-22 5250
一. Spring 概念 Spring，是一个开放源代码的设计层面框架，他解决的是业务逻辑层和其他各层的松耦合问题，因此它将面向接口的编程思想贯穿整个系统应用。Spring是一个分层的一站式框架，所谓一站式就是指spring网站框架很全面，且整合度高，有了Spring框架即便在不使用其他框架的时候，也可以独立地完成项目。Spring之所以一站式，是因为Spring框架的性质是属于一个容器，...
web开发环境搭建&创建发布web项目[JavaEE]
m0_58450531的博客
10-03 1711
javaSE写GUI，在本地安装运行，不能通过远程访问。javaEE企业版，把写在的程序部署到服务器上，用户可以通过浏览器远程访问服务器，让服务器去调用部署在服务器中的java程序，然后java程序去处理用户发送的请求(与数据库连接)。学习web开发，需要先安装一台web服务器，将开发好的web项目部署在web服务器中供外界访问。 需要把开发好的程序部署在服务器上，首先需要知道并了解什么是服务器？Web服务器是指驻留于因特网上某种类型计算机的程序广义上的服务器 = 计算机硬件 + 计算机软件狭义上的服务
JavaEE--------基于SSH的CRM系统
詹煜彪9527
03-23 3858
在项目开发之前，先要搭建出web 开发的基本环境，比如JDK+MyEclipse+Tomcate+MySQL 一. CRM系统简介 客户关系管理，简称CRM（Customer Relationship Management）： CRM概念引入中国已有数年，其字面意思是客户关系管理，但其深层的内涵却有许多的解释。从字义上看，它是指企业用CRM来管理与客户之间的关系。CRM是选择和管理有价...
JavaEE之WEB项目开发（使用Servlet+Tomcat）
Daycym的博客
03-30 7585
一、WEB项目的演变 1.发展规律 2.CS和BS的区别 1）CS 2）BS 二、Servlet介绍（*） 1.服务器如何保存并返回一个网页？ 1）静态网页 2）动态网页 2.Servlet的特点 3.什么是Servlet？ 三、服务器 1.名称 2.本质 3.举例 四、Tomcat的使用方式 1.单独使用（项目上线时） 1）配置好JAVA_HOME 2）下载及安装 3）启...
JAVAEE工程师-2年经验-个人简历
学习交流，答疑解惑，可以查看博客主页左侧我的推广哦！
06-12 5714
学习能力强，具备很好的自学能力，对新技术有着强烈的好奇心； 2、做事认真踏实，热爱软件开发工作，对业务需求理解能力强，具备一定的需求调研、需求分析、模块设计、系统设计、模块开发、项目管理的能力。 3、工作中的收获：掌握使用一个特定的技术并不难，难的是理解技术底层实现的原理。会编写某些代码也并不代表能力就有多强，程序员要的是一种解决问题的思路、方法...
简述基于JavaEE企业级开发技术（Spring）（1）
m0_51448653的博客
12-11 2151
一个复杂而又简洁的javabean工厂Spring是一种轻量级的、非侵入式的Java/JavaEE应用框架管理bean的创建和管理bean 的依赖Spring的DI容器，提高组件之间的解耦SpringAOP提供通用任务的集中统一处理（安全、事务、日志等），实现更好的代码复用。
JavaEE求职简历-姓名-JAVA开发工程师.doc
06-03
熟悉JavaSE/JavaEE，具有面向对象的思维认知； 熟悉Spring、Spring MVC、MyBatis、Hibernate、Spring Boot、SpringData等主流开发框架，能进行SSH、SSM、SSS框架整合开发； 熟练使用关系型数据库MySQL及非关系型...
JavaEE求职简历-姓名-JAVA开发工程师-3年经验.docx
06-03
> 熟悉 POI 进行文件的导入和导出，有使用监听器、过滤器等 Web 组件以及 MVC 架构模式进行 Java Web 项目开发的经验。 > 掌握一定的 JSP、JavaScript、HTML、CSS、Json、jQuery、Ajax、EasyUI 等技术等技术。 > ...
记录一次前端页面崩溃的产生及处理
最新发布
weixin_51123079的博客
05-30 381
记录一次前端页面崩溃的产生及处理
Vue3实战笔记（52）—Vue 3封装持仓分析饼图
山花的博客
05-30 232
接上文，封装持仓分析饼图。封装好几个组件，用于后续开发。把忧愁煮成茶，让它在心间慢慢沉淀，剩下的，便是清甜的回味。
【JS实战案例汇总——不定时更新版】
微木
05-30 194
练习JS的实用案例
web前端三大主流框架
低调做人，低调编码，神码都是浮云
05-30 861
Web前端三大主流框架介绍：Angular、React、Vue
python前端通过API接口调用与后端进行数据交互前端如何调用api接口通过关键词获取电商平台热销商品数据
2301_78159247的博客
05-23 739
请求参数：q=女装&start_price=0&end_price=0&page=1&cat=0&discount_only=&sort=&page_size=&seller_info=&nick=&ppath=&imgid=&filter=参数说明：q:搜索关键字。
javaEE Web项目的开发案例
05-10
以下是一个简单的 JavaEE Web 项目开发案例： 项目名称：图书管理系统 技术栈： - 前端：HTML、CSS、JavaScript、Bootstrap - 后端：Java、Servlet、JSP、JDBC、MySQL - 开发环境：Eclipse、Tomcat、MySQL 功能： - 用户登录、注册、修改密码 - 图书的增加、删除、修改、查询 - 图书的借阅、归还 - 用户信息的修改和查询 实现步骤： 1. 创建数据库和数据表 使用 MySQL 数据库，创建一个名为 `book_management` 的数据库，然后创建三个数据表：`user`、`book` 和 `borrow`。其中，`user` 表用于存储用户信息，`book` 表用于存储图书信息，`borrow` 表用于存储图书借阅信息。 2. 创建 JavaEE 项目 使用 Eclipse IDE 创建一个 JavaEE Web 项目，然后创建以下文件夹： - `src`：用于存储 Java 源代码 - `WebContent`：用于存储 Web 页面和静态资源 3. 创建 Servlet 在 `src` 文件夹下创建一个名为 `LoginServlet` 的 Servlet 类，用于处理用户登录请求。在 `doPost` 方法中，获取用户提交的用户名和密码，然后在数据库中查询是否存在该用户。 如果存在该用户，就将用户信息存储到 `HttpSession` 中，并跳转到主页；如果不存在该用户，则返回登录页面。 4. 创建 JSP 页面 在 `WebContent` 文件夹下创建一个名为 `login.jsp` 的 JSP 页面，用于显示登录表单和处理用户登录请求。在该页面中，使用 Bootstrap 框架美化登录表单，并通过 Ajax 异步提交表单数据到 `LoginServlet`。 5. 实现其他功能 依照以上步骤，分别创建 Servlet 和 JSP 页面，实现注册、修改密码、图书的增删改查、图书借阅和归还等功能。 6. 部署项目 将项目打包成 WAR 文件，然后将 WAR 文件部署到 Tomcat 服务器上。在浏览器中输入网址，即可访问图书管理系统。 这是一个简单的 JavaEE Web 项目开发案例，实际开发过程中还需要处理一些细节和异常情况。希望对你有所帮助！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 54
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

世界级白日梦冠军

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值