怕鬼的哪吒

javaWeb学习第一天 ------HTML和table表格

javaWeb学习第一天

学习内容
前端介绍：
html ：超文本标记语言
html创建:
html的一些规范:
html的发展史:
html开发的工具:
html文档的格式:
html的注释:
html 中常用的标签:
总结：
表格常用标签和属性
视频和音频便签
页面的布局标签
页面的框架:

学习内容

1.什么是前端，2.HTML语法 3.table标签

前端介绍：

前端的基础技术组成:

    html  前端的架构 (树干) 
    css 样式  用于美化网页
    javaScript  js ==> 逻辑处理
    jquery 动效  做特效（动画与效果 ==>验证的插件
    bootstrap  布局 ==》灵活的布局  适用pc与移动端

html ：超文本标记语言

       文本 :text, 只能包含文字与符号
       超文本： 不仅可以放文本，还有表示图片，音视频等，不可更改和自定义
       标记语言：就是一些预定义的标签(有一个规范)  xml ==》 标签是可以任意定义的

html创建:

   1.使用记事本来创建,只需要把后缀名修改成.html或者是.htm
   步骤：
     1.1使用记事本创建html的步骤:1.新建一个txt 
                                2.写内容，修改后缀名

     注意点：1.不需要进行编译,直接由浏览器解析 
             2.常规的浏览器:  谷歌  火狐 ie 9 360

html的一些规范:

   1.不需要编译,由浏览器直接解析
   2.后缀名是 .html 或者是.htm
   3.标签是不区分大小写,但是一般建议使用小写
   4.html中的标签一般都是成双成对，但是也存在单个的标签
   5.html中的空格 与换行
都有特殊的表示 
   6. 标签是可以进行相互的嵌套  ==》嵌套的规则: 
 错误    正确：对对对

html的发展史:

   html1.0开始 ==>html5.0==》适配，以及新的特性 xhtml+html4.0结合

html开发的工具:

   DW WebStore  HBuilder

html文档的格式:

<!DOCTYPE html>   ==》html文档的申明
<html lang="en"> ==>html 的标签 lang="en"  表示语言
<head>  ==>头部
    <meta charset="UTF-8"> ==>设置编码格式  UTF-8 万国码  表示支持中文  GBK繁体的中文  gb2312 默认的编码格式
    <title>Title</title> ==>标题
</head>

<body>   ==>身体

</body>
</html>

 注意点:1.html分为头部  身体 尾部
        2.一定要主要设置其编码格式
        3.主要是引用一些css文件以及js文件 ,不建议内容部分放在头部
        4.body 主要就是写网站的主题，以及内容部分
        5.html是支持属性:写属性的语法 <标签名称  属性1="属性值"  属性2="s属性2的值">

html的注释:

   快捷键是ctrl+shift+/   特点: 浏览器查看的时候，看不注释 ,只要查看源代码的时候才可以看到注释

html 中常用的标签:

     1. 标题标签 h1 --- h6  特点:标签的内容字体是逐渐变小
     2. 横线标签：使用hr   特点：这个标签是单个标签   设置其宽度   width="90px"   px 表示像素  设置其百分比
                                常用的属性:1.width="90px" 2.大小 size   color 表示颜色

     3.字体标签:font  常规的属性:1.width="90px" 2.大小 size   color 表示颜色
     4.字体加粗:  
     5.斜体标签：  
     6.换行标签 
   
     7.空格  
     8.段落标签
     9. 图片标签:img    图片常规的后缀: jpg  gif  jpeg png 等 
                       常规的属性   宽高   src=="图片的路径"==>可以使用相对路径  绝对路径 
                        alt="图片出错显示的文字的"
                        title="表示鼠标移入的提示信息"
     10.    跳转标签 属性 : href=""表示跳转的链接地址  target="_blank" 会新打开一个窗口 target="_self" 表示在本页面进行跳转

     11. 有序列表  >  注意点：
        1.  表示每一个条目  
        2.type 表示设置其前缀   A a I i 1
           
     12.无序列表    >     注意点：
        1.  表示每一个条目  
        2. 2.type 表示设置其前缀   type常规的值：square 方块 disc  circle 空心圆圈
                  
     13.定义列表   dl  dt  dd    dl >dt=dd  
        1.注意点1.dt 表示分类  dd 表示分类下具体子的条目   
        2.dt dd 是平级,没有嵌套 
     14.  表示象征性的标签 ==>也被称为叫行元素 ==>是根据具体的内容来进行填充的,不会独自占一行
     15    表示块状元素  ==>   不会根据内容来进行填充，都是独占一行

总结：

块状元素:
h1 --- h6
>

dl dt dd 行状元素:

表格常用标签和属性

16.表格标签表格 > tr 行 > td 表示其单元格常用的属性: border="1" 边框 bgcolor="red" 背景颜色 align="center" 表示居中 cellspacing 设置单元格与单元格的之间的间距 cellpadding="0px" 设置内容与边框之间的间距 colspan 表示跨列针对的是单元格 rowspan="2" 跨行针对的是单元格表的第一行使用的是 th 默认会居中特点：默认会居中, 内部的字体会加粗表示表格的内容头部分表格的身体表格的尾部视频和音频便签视频的标签页面的布局标签表示头部表示中间的内容表示尾部表示导航栏表示文档的内容页面的框架: 设置左右之间的比例设置上下的比例表示引入的路径 name="abc" 对应是 frameset 不能与body共同存在 ==>使用场景： 1.页面布局同时加载几个页面 2.点击链接切换界面的时候练习1：实现人物介绍实现界面：实现代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body>  <h3>人物简介</h3> <p><strong>李清照</strong> <em>（1084年3月13日~1155年5月12日）</em>，宋代女词人，号易安居士，婉约词派代表，有“千古第一才女”之称。早期生活优裕，金兵入据中原时，流寓南方，境遇孤苦。所作词，前期多写其悠闲生活，后期多悲叹身世，情调伤感。形式上善用白描手法，自辟途径，语言清丽。论词强调协律，崇尚典雅，提出词“别是一家”之说，反对对作诗文之法作词，留有诗集《易安居士文集》、《易安词》等。</p> ©    李四您好 </body> </html> 练习2：练习使用无序列表实现效果：实现代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body>  <h3>热门   更多</h3>  <ul> <li><img src="img/img1.png" title="点击是第一张图片" alt="第一张图片错误"> <p> 您好，今天星期三 </p> </li> <li><img src="img/img2.png" title="点击是第一张图片" alt="第一张图片错误"> <p> 您好，今天星期三 </p> </li> <li><img src="img/img3.png" title="点击是第一张图片" alt="第一张图片错误"> <p> 您好，今天星期三 </p> </li> <li><img src="img/img4.png" title="点击是第一张图片" alt="第一张图片错误"> <p> 您好，今天星期三 </p> </li> </ul> </body> </html> 练习3：有序列表的使用实现效果：实现代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h3>音乐排行榜</h3>  <ol> <li> <a>年少有为<img src="img/2.png"></a> </li> <li> <a>认真的雪<img src="img/2.png"></a> </li> <li> <a>丑八怪<img src="img/2.png"></a> </li> </ol> </body> </html> 练习四：实现视频的播放实现效果实现代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <video controls height="200px" autoplay >//controls 时候显示视频框 <source src="v/1.mp4"></source> </video> </body> </html> 音频便签的使用：实现效果：实现代码： Title //controls 时候显示视频框练习五：table标签的使用包括合并单元格实现效果：实现代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <table border="1" width="800px" cellpadding="0px" cellspacing="0px"> <caption>流量调查表</caption> <tr>  <th> 总页面流量 </th> <th> 共计来访 </th> <th> 会员 </th> <th> 游客 </th> </tr>  <tr> <td align="center">989</td> <td align="center">800</td> <td align="center">870</td> <td align="center">600</td> </tr> <tr> <td align="center">989</td> <td align="center">800</td> <td align="center">870</td> <td align="center">600</td> </tr> <tr> <td align="center">平均每人的浏览</td> <td align="center" colspan="3">18888</td> </tr> </table> </body> </html> 实现效果：实现代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <table border="1" cellspacing="0" cellpadding=""> <caption>学生</caption> <thead> <tr> <th colspan="3">学生成绩</th> </tr> </thead> <tbody> <tr> <td rowspan="2">张三</td> <td>语文</td> <td>98</td> </tr> <tr> <td>数学</td> <td>98</td> </tr> </tbody> <tfoot> <tr> <td rowspan="2">李四</td> <td>语文</td> <td>88</td> </tr> <tr> <td>数学</td> <td>91</td> </tr> </tfoot> </table> </body> </html> 练习六：常用标签的使用代码： <!DOCTYPE html> <html lang="en" xmlns:t="http://www.w3.org/1999/html"> <head> <meta charset="UTF-8"> <title>Title</title> <style> ul li{ list-style-type: circle; } </style> </head> <body> <h1>第一个标题</h1> <h2>第二个标题</h2>--> <h3>第三个标题</h3> <hr width="80%" size="2px" color="#ffcc00"/> <font>今天星期三</font> 加粗 <strong>字体加粗</strong>      <b>字体加粗1</b> 斜体标签 <em>斜体1</em> <br/> <i>斜体2</i> <p>您好</p> <p>xxxx/p> 图片标签直接使用相对路径 <img src="img/1.jpeg" width="200px" height="200px" alt="图片错误,请重新下载" title="点击有惊喜"> <!–跳转标签–> <a href="http://www.baidu.com" target="_self">跳转标签</a> <!–有序列表–> <ol type="I"> <li>林书豪得36分</li> <li>猪肉降价了</li> <li>大数据spark框架得到了实践</li> </ol> 无序列表 <ul type="disc"> <li>浙江卫视要火了</li> <li>詹姆斯批评格林</li> <li>csdn开始巡演了</li> </ul> 定义列表 <dl> <dt>水果</dt> <dd>苹果</dd> <dd>梨子</dd> <dt>蔬菜</dt> <dd>西红柿</dd> <dd>黄瓜</dd> </dl>--> < <span>aaaaahjjhhhhhhhh</span> <span>rrrrrrrrrrrrrrrrrrr</span> <div> admin123 </div> <div> admin1234 </div> 表格 <table border="1" bgcolor="red" width="800px" align="center" cellspacing="0px" cellpadding="0px"> <!–第一行–> <tr> <!–第一行的第一个单元格–> <td align="center">第一行的第一个单元格</td> <!–第一行的第二个单元格–> <td align="center">第一行的第二个单元格</td> </tr> <!–第二行–> <tr> <td align="center">第二行的第一个单元格</td> <td align="center">第二行的第二个单元格</td> </tr> </table> <table border="1"> <!–跨列–> <tr> <td colspan="2">学生的成绩</td> </tr> <tr> <td>语文</td> <td>90</td> </tr> <tr> <td>数学</td> <td>85</td> </tr> </table> <table border="1"> <!–第一行–> <tr> <td rowspan="2">张三</td> <td>语文</td> <td>98</td> </tr> <!–第二行–> <tr> <td>数学</td> <td>78</td> </tr> <tr> <td rowspan="2">李四</td> <td>语文</td> <td>99</td> </tr> <!–第二行–> <tr> <td>数学</td> <td>100</td> </tr> </table> <table border="1"> <tr> <td colspan="3">学生成绩</td> </tr> <tr> <td rowspan="2">张三</td> <td>语文</td> <td>97</td> </tr> <tr> <td>数学</td> <td>100</td> </tr> <tr> <td rowspan="2">李四</td> <td>语文</td> <td>97</td> </tr> <tr> <td>数学</td> <td>100</td> </tr> <!– <tr> <td colspan="2">李四</td> <td>语文</td> <td></td> </tr>–> </table> <table border="1" width="800px"> <caption> 书籍的分类</caption> <tr> <th>1</th> <th>西游记</th> <th>28</th> </tr> </table> <table border="1"> <caption>书籍的分类</caption> <!–内容头–> <thead> <tr> <th>1</th> <th>朝花夕拾</th> <th>58</th> </tr> </thead> <!–身体–> <tbody> </tbody> <t:tfoot> </t:tfoot> </table> 表示视屏的标签 <video controls height="200px" loop> <source src="video/1.mp4" ></source> </video> 表示音频的标签 <audio controls height="200px" > <source src="video/2.mp3"> </audio> 页面的布局 <header style="height: 200px;background: red"> <!–导航栏–> <!–无序列表–> <nav> <ul > <li style="float: left;width: 100px; height: 30px;list-style-type: none">首页</li> <li style="float: left;width: 100px; height: 30px;list-style-type: none">订单</li> <li style="float: left;width: 100px; height: 30px;list-style-type: none">购物车</li> <li style="float: left;width: 100px; height: 30px;list-style-type: none">商品详情</li> </ul> </nav> </header> 表示其内容 <section style="height: 300px;background: green"> <article>文章的内容</article> </section> <footer style="height: 200px;background: yellow"> 尾部 </footer> </body> </html> 练习七：frameset的使用实现界面：实现代码： <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head>  <frameset rows="20%,*">  <frame src="top.html" scrolling="no">  <frameset cols ="30%,70%"> <frame src="left.html"> <frame src="center.html" name="abc" > </frameset> </frameset> //不能使用 </html> 管理界面代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h1>商品管理</h1> </body> </html> 订单界面代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h1>订单管理界面</h1> </body> </html> 左边页面代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body>   <ul style="margin: 0px; padding: 0px"> <li style="list-style-type: none"> <a href="商品管理.html" target="abc" >商品管理</a>//target的值必须和index界面的里的frame便签里的name属性的值相同 </li> <li style="list-style-type: none"> <a href="订单管理.html" target="abc" >订单管理</a> </li> </ul> </body> </html> 实现界面：头部界面代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <img src="img/top_100.jpg" width="100%"> </body> </html> 实现界面：练习八：书籍的介绍实现效果：实现代码： <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/html"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <b>看不见的完美硬币 : 细节的负担</b><br></br> <b>创新公司皮克斯的启示</b></br></br> <img src="image/cts-191204171038376.jpg"><br> <p> <em>细节从来部是个好东西,完美的细节往往给我们得商业上的胜利。<br><br> 但是, 在皮克新, 这一寂满是完美主义投计师的企业里,细节竞然成了负担<br><br> 怎么打造完美的?又怎么得商业上的种益。 克总裁支德卡得姆为我们解</em><br></p> <p><strong>看不见的完美硬币:细节的负担</strong></p> <p>    在皮壳斯, 每一部电影都是商业与艺术的双贏。 不管这些电影是艺术作品, 还是商品,  细节都是至关重要的, 是决成败的关键。 人们似乎也听过许多关于细节的胜利的改事, 但是在皮壳斯, 设计师们一个个都是完美主义者,  细节显然成了皮壳斯的负担。样的太过于重视细节, 往往会伤害到企业该有的效率, 最终仿害企业的根本。 在完美细节和企业应有的效率面前, 艾德·卡特姆做出了明智的决策</p> <p>    皮克斯有—个现急, 被我们的制片人叫作见的完美硬市( the perfect coin) 人凯瑟琳·萨拉菲安称为 “床头柜上一枚没人会主意到的硬币” 这样的细节,也会引得我们的作人员花上几天甚至数周的时间悉心打磨林是《怪善电力公司》一片的制作人员, 影片中有一幕戏可以形急地向我们闻释到底什在这莓戏中, 好奇的小布第克和萨里的公寓,还在步的小要儿四处探素起来。 两个怪物想要制止她,而她还是一步步走到了两揉高高堆起的CD旁,别乱动! “麦壳大喊起来, 可是小女孩还是从90多张CD盒摞成的 CD全部倒場散落在了地板上。 麦壳抱怨道 : “哎,那些CD都是按字母顺序排列好的女孩摇摇摆摆地走开了。 这莓场景前后不到3秒钟,观众们只能够看到几个CD盒而已,但皮克斯的制作人员不仅为每一个CD盒制作了封面,  还使用了可计算物体在运动时渣染效果变化的着色器 </p><p>    你能看到所有CD盒吗?看不到。 ”萨拉菲安接着说, “把所有CD盒全部设计一遍, 这工作有意思吗?其实挺有意思的。  我们还真有几位工作人员觉得观众能在近镜头里把每张CD都看得一清二楚, 所以就任劳任怨地把每张CD都雕琢了一番。也许,这其中乐趣只有当事人才能体会吧</p> </body> </html> 你可能感兴趣的:(javaWeb) 《Java前端开发全栈指南：从Servlet到现代框架实战》前言在当今Web开发领域，Java依然是后端开发的主力语言，而随着前后端分离架构的普及，Java开发者也需要掌握前端技术栈。本文将全面介绍JavaWeb前端开发的核心技术，包括传统Servlet/JSP体系、现代前端框架集成方案，以及全栈开发的最佳实践。通过本文，您将了解如何构建现代化的JavaWeb应用前端界面。一、JavaWeb前端技术演进1.1传统技术栈Servlet：JavaWeb基础，处 Java中的Tomcat，开启Web应用腾飞【基础版】目录一、Tomcat初登场：揭开神秘面纱（一）啥是Tomcat（二）为啥要有Tomcat二、Tomcat的安装与启动：开启第一步（一）下载Tomcat（二）启动Tomcat三、Tomcat的目录结构：探秘内部布局（一）核心目录介绍（二）目录间的协同工作四、部署JavaWeb应用到Tomcat：让应用上线（一）打包Web应用为WAR文件（二）部署WAR文件到Tomcat五、Tomcat的配置优化：让 Java Web 之 Session 详解艾伦~耶格尔 java开发语言后端前端session 在JavaWeb开发中，Session就像网站的专属记忆管家，为每个用户保管着重要的信息和状态，确保用户在网站的旅程顺畅无阻。场景一：想象你去一家大型超市购物，推着购物车挑选商品。这个购物车就如同Session，它记录了你的购物信息，方便你在结账时一次性结算。场景二：你在玩一个在线游戏，登录账号后，你的游戏进度、等级、装备等信息都会被保存在Session中，即使你中途关闭游戏，下次登录时依然可以继 Javaweb学习之Vue模板语法（三）不要数手指啦 vue.js学习前端目录学习资料前情回顾本期介绍（vue模板语法）文本插值Vue的Attribute绑定使用JavaScript表达式综合实例代码：学习资料Vue.js-渐进式JavaScript框架|Vue.js(vuejs.org)前情回顾项目的创建大家可以看这篇文章Vue学习之项目的创建-CSDN博客本期介绍（vue模板语法）首先，找到我们编写代码的地方找到自己项目的src文件夹，打开之后点击component Tomcat：Java Web应用的幕后英雄互联网动态分析 tomcat 在当今数字化浪潮中，Java作为一门成熟且广泛应用的编程语言，支撑着无数企业级应用和互联网服务的稳定运行。而在JavaWeb开发领域，Tomcat无疑是一个举足轻重的存在，它宛如一位默默耕耘的幕后英雄，为众多Web应用提供了可靠的运行环境。Tomcat的起源与发展Tomcat的故事始于1999年，当时SunMicrosystems（后被Oracle收购）与Apache软件基金会合作，旨在为Java 开发高效的寝室卫生管理系统本文还有配套的精品资源，点击获取简介：寝室卫生管理系统是一款利用JavaWeb技术开发的软件，涉及JSP、MySQL数据库和Servlet等关键组件，旨在管理寝室卫生状况。系统提供了一个实用的学习平台，便于初学者掌握这些核心技术并理解JavaWeb架构。具体实现包括用户模块、寝室管理、卫生检查、评分系统、报表统计及权限控制，同时强调了MVC设计模式和安全性的重要性。1.JavaWeb技术与寝室卫生 Java从入门到入土（发展方向）目录目录引言：每一章节都会慢慢的更新，可以随时查看是否更新JDK的下载及使用IDEA的下载Java基础语法1.数据类型2.流程控制3.数组4.面向对象5.抽象类6.接口7.枚举8.常用类9.集合类10.泛型11.注解12.异常处理13.多线程14.IO流15.反射Java基础语法非常重要（花很长时间学习java语法个人认为是很值得的）MySQL数据库介绍目标开发框架JavaWebXMLJSONSe 04_JavaWeb回顾笔记 skping-go javajavaweb JavaWeb回顾笔记[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Wh1nKopi-1605668744709)(F:\资料\Java\笔记\笔记\assets\javaweb阶段知识体系.png)]Day01HTML1.1HTML简介HTML：HyperTextMarkupLanguage，超文本标记/标签语言。超文本:超出了普通文本的能力标记:标签W3C(Wo JavaWeb（苍穹外卖）--学习笔记03（登录生成令牌）老虎0627 JavaWeb（苍穹外卖）学习笔记java 前言本片文章是学习B站黑马程序员苍穹外卖的学习笔记。在Day01（如果学到登录界面这里卡住了，可以看看这篇文章），登陆界面的后端实现大致可以分为两部分登录功能和登录校验，其中登陆校验的实现是基于令牌JWT技术来实现会话追踪（校验部分还有拦截器Interceptor这个我没太学懂视频也没提，以后在更）JWT令牌基本概念JWT是一种在Web应用程序，简单且安全地处理用户身份验证和信息交换的技术，首先我 JavaWeb三大组件啊-Filter sleepcattt filterjava 一、Filter过滤器简介过滤器可以对访问的静态资源和动态资源进行过滤，既可以过滤请求，也可以过滤响应1.应用场景列举统一编码处理登入验证敏感字符过滤![[Pastedimage20250422121326.png]]相当于在Client和Server之间创建了一个中间层Filter，先经过Filter再到Server2.使用先创建实现类，来实现javax.servlet.Filter包的接口，实深入理解Tomcat 基本架构水木石画室 tomcat架构java Tomcat是Apache软件基金会旗下的开源Servlet容器，实现了JavaEE（现JakartaEE）的Servlet、JSP等规范，广泛用于JavaWeb应用的部署和运行。其架构设计围绕高效处理HTTP请求、灵活管理Web应用和支持扩展展开。以下从核心组件、层级结构、关键机制三个维度深入解析Tomcat的基本架构。一、Tomcat核心组件与层级结构Tomcat的架构采用分层容器模型，核心组 JavaWeb--Tomcat、Http、Servlet chengzhan1990 javaweb.xml数据库 day083Web开发入门3.1引入之前的程序：java桌面程序，控制台控制，socketgui界面。javase规范现在和以后的程序：javaweb程序。浏览器控制。javaee规范3.2软件的结构C/S(Client-Server客户端-服务器端)典型应用：QQ软件，飞秋，红蜘蛛。特点：1）必须下载特定的客户端程序。2）服务器端升级，客户端升级。B/S（Broswer-Server浏览器端-服程序员在线接单微风粼粼 eclipsejavatomcatjvmdubbopython后端十年Java全栈工程师在线接单Java程序代做，兼职接单，系统代做，二次开发，网站开发部署，项目合作，商业项目承包全栈开发，支持定制各种管理系统、小程序商用或个人使用等项目都接服务二:Java调试安装，idea，eclipse，项目运行，开发环境配置，工具安装，代码讲解，代码调试，代码运行，代码部署，项目调试，项目部署运行，javaweb，ssm，springboot,vue，项目设计，小程序功能 Java2025最新学习路线（从入门到精通）亭亦青学习javaspringboot 注：这份学习路线结合了2025年春招Java开发岗位要求和2024年Java就业市场需求，要求较高，并且省略了大多数基础部分，如果目标不是中大厂，可以适当放低学习的要求，但是请完成云原生之前的所有内容，并且经常性进行项目实践，切实提升编程能力。Java学习路线一键预览版：JavaSE-Mysql-JavaWeb(htmlcssjsjqUI组件框架-bootstrapelementUIVUE)-My java类加载机制：Tomcat的类加载机制 weixin_ab #类的加载机制java类加载 Tomcat类加载机制深度解析：打破双亲委派的Web容器实现Tomcat作为JavaWeb容器，其类加载机制为满足Web应用的隔离性、热部署和兼容性需求，对标准Java类加载机制进行了定制化扩展，核心是打破双亲委派模型并引入多层级类加载器。以下从架构设计、核心组件、热部署实现到典型问题展开解析。一、Tomcat类加载器层级架构（与标准JVM的区别）1.四层类加载器体系BootstrapClassL Tomcat镜像实战：掌握Dockerfile的编写以及发布项目 hunjinYang Linuxtomcatdocker 1.为什么选择Docker部署Tomcat？在传统的JavaWeb项目部署中，我们通常需要手动安装JDK、配置Tomcat环境变量、手动部署WAR包，部署过程繁琐、不可重复、环境易出错。而Docker的出现彻底改变了这一局面。本博客将通过一个完整的Tomcat镜像构建与部署实例，带你逐步掌握以下技能：编写自己的Dockerfile构建定制化的Tomcat镜像（包含JDK与Tomcat）在容器中运行企业级Javaweb开发常用注解 user_admin_god 混沌杂记springbootjavaspring 企业级Javaweb开发常用注解1.Spring框架核心注解@SpringBootApplication启动SpringBoot应用程序，结合了@Configuration、@EnableAutoConfiguration和@ComponentScan。/***@authormakeJava*/@SpringBootApplicationpublicclassSm3Application{publ 尚硅谷-javaweb笔记记录 java成长之旅 javaweb Javaweb笔记网页三组成：内容html，表现css，行为js。html，css，javascriptstyle标签定义css样式代码(只能在一个页面公用css样式)css文件id选择器：#id001{}#id002{}使用：标签1class选择器：.class001{}使用：类选择器组合选择器：选择器1，选择器2…{属性：值；}js里编写或者写完了再引入进去。且运算&&：当表达式为全真，返回最 JavaWeb开发1 偷萧逸苦茶 java JavaWeb什么是web?全球广域网，能够通过浏览器访问的网站Web网站工作流程Web前端开发网页有哪些部分组成？文字，图片，音频，视频，超链接...我们看到的网页本质是程序员写的前端代码前端代码如何转换成用户眼中的网页？通过浏览器解析和渲染浏览器中对代码解析渲染的部分称为浏览器内核Web标准HTML：负责网页结构（页面元素和内容）CSS：负责网页的表现（页面元素外观，位置等页面样式，如颜色、大 JavaWeb开发3 偷萧逸苦茶前端javascript开发语言 JavaScript一门跨平台、面向对象的脚本语言，用来控制网页行为，能使网页可交互js引入方式内部脚本：将JS代码定义在HTML页面中JavaScript代码必须位于在HTML文档中，可以在任意地方，放置任意数量的一般会把脚本置于元素的底部，可以改善显示速度外部脚本：将JS代码定义在外部JS文件中，然后引入到HTML页面中外部JS文件中，只包含JS代码，不包含标签标签不能自闭和焦点访谈- Excel 的导入导出常用的技术栈在JavaWeb项目中，Excel的导入导出是常见需求，技术栈丰富。以下是主流方案、优缺点及适用场景总结。一、主流技术栈对比表技术栈是否推荐支持格式特点/优势使用难度ApachePOI✅常用.xls、.xlsx功能全、稳定、低层操作，适合定制化中EasyExcel（阿里）✅强烈推荐.xlsx内存占用小，性能优越，适合大数据量导入导出简单JXL（已废弃）❌不推荐.xls太老旧，不支持.xlsx，功能 Servlet 自动刷新页面沐知全栈开发开发语言 Servlet自动刷新页面引言在Web开发中，实现页面的自动刷新是一个常见的需求。这种需求通常出现在需要实时更新信息显示的场景中，例如股票行情、新闻资讯等。Servlet技术作为一种成熟的JavaWeb技术，为我们提供了实现这一需求的有效途径。本文将详细介绍如何利用Servlet技术实现自动刷新页面的功能。Servlet简介Servlet是Java平台的一部分，它允许Java代码运行在Web服务器 Java WebSocket 实现在线聊天 IT莫染 SpringBootDemoFunctionModulejava教程面试题等websocketspringbootspring JavaWebSocket实现在线聊天导入WebSocket依赖org.springframework.bootspring-boot-starter-websocketWebSocket配置类@Configuration@EnableWebSocketMessageBrokerpublicclassWebSocketConfigimplementsWebSocketMessageBrokerCo Spring MVC 详解蟒蛇boy springmvcjava 在JavaWeb开发中，SpringMVC是一个强大而广泛使用的框架，它为构建高效、可维护的企业级应用提供了坚实的基础。本文将深入介绍SpringMVC，并提供示例代码帮助你更好地理解其工作原理。一、SpringMVC简介SpringMVC是Spring框架的一个模块，全称为SpringWebMVC。它实现了模型-视图-控制器（MVC）设计模式，将应用程序分为三个主要部分：模型（Model）、视图 1、深入理解Tomcat：从入门到实践赵阿萌探索ApacheTomcat：从入门到精通TomcatJavaWeb应用Servlet 深入理解Tomcat：从入门到实践1引言Tomcat的发展历程见证了开源社区的力量。从最初发布的4.0beta1版本到最终的稳定版本，Tomcat团队的努力使得Tomcat不仅成为了市场上首屈一指的JavaWeb应用程序容器，而且在性能和功能上也达到了商业产品的水平。Tomcat的成功离不开其稳定的架构和丰富的功能，尤其是在安全性、管理和集成方面。2关于作者和技术评审人JamesGoodwill是 Tomcat 源码解析：深入理解 Tomcat 运行机制深山懒羊羊 tomcatjava Tomcat是Apache软件基金会的一个开源的Servlet容器和Web服务器，是JavaWeb开发中最常用的应用服务器之一。它实现了Servlet和JSP规范，广泛用于开发和部署JavaEEWeb应用程序。了解Tomcat的源码，能够帮助我们深入理解Web服务器的工作原理，以及如何优化和定制我们的JavaWeb环境。本文将对Tomcat的核心架构进行解析，重点关注Tomcat的启动过程、请求处深入理解Tomcat 基本架构无心水编程路上tomcat架构java深入理解TomcatServlet容器I/O模型NIO2 TheApacheTomcat®softwareisanopensourceimplementationoftheJavaServlet,JavaServerPages,JavaExpressionLanguageandJavaWebSockettechnologies.TheJavaServlet,JavaServerPages,JavaExpressionLanguageandJavaWebS 开发百度离线地图Java Web项目与无水印瓦片下载工具王超逸q 本文还有配套的精品资源，点击获取简介：本项目采用MyEclipse开发环境构建JavaWeb应用程序，实现百度离线地图功能。通过百度地图API获取地图瓦片，并包含无水印瓦片下载工具，需遵循百度地图的使用条款。项目文件包括源代码、配置文件、资源文件，涉及地图API调用、HTTP协议、JavaWeb应用生命周期、MyEclipse使用、地图瓦片坐标系统理解等技术。项目的成功部署需要熟悉Web服务器如T JAVA进阶之路夜澜听雨声 JavaAdvancejava开发语言 JAVA进阶之路一、Java企业开发基础1.JavaWeb2.SSM框架3.Maven4.Springboot25.mybatis-plus6.前端学习（不算很重要）7.SpringSecurity（有时间再看，不重要）8.代码开发规范（不重要，有时间看）9.Git10.Linux（不重要，会用就行）二、Java企业开发进阶1.设计模式2.Redis（核心）3.消息队列RocketMQ(核心)4. SpringMVC 中的 RESTful 编码风格案例详解 dawn191228 JavaWebrestfulpandas后端javamvcspring 文章目录一、RESTful简介二、SpringMVC中实现RESTful的方法三、HiddenHttpMethodFilter四、RESTful代码实现案例在现代Web开发中，RESTful架构风格越来越受到开发者的青睐。SpringMVC作为一个强大的JavaWeb开发框架，对RESTful风格的支持非常出色。本文将详细介绍SpringMVC中RESTful编码风格的简介、实现方法、Hidden SQL的各种连接查询 xieke90 UNION ALLUNION外连接内连接JOIN 一、内连接概念：内连接就是使用比较运算符根据每个表共有的列的值匹配两个表中的行。内连接（join 或者inner join ） SQL语法： select * fron java编程思想--复用类百合不是茶 java继承代理组合final类复用类看着标题都不知道是什么,再加上java编程思想翻译的比价难懂,所以知道现在才看这本软件界的奇书一:组合语法:就是将对象的引用放到新类中即可代码: package com.wj.reuse; /** * * @author Administrator 组 [开源与生态系统]国产CPU的生态系统 comsci cpu 计算机要从娃娃抓起...而孩子最喜欢玩游戏.... 要让国产CPU在国内市场形成自己的生态系统和产业链,国家和企业就不能够忘记游戏这个非常关键的环节.... 投入一些资金和资源,人力和政策,让游 JVM内存区域划分Eden Space、Survivor Space、Tenured Gen，Perm Gen解释商人shang jvm内存 jvm区域总体分两类，heap区和非heap区。heap区又分：Eden Space（伊甸园）、Survivor Space(幸存者区)、Tenured Gen（老年代-养老区）。非heap区又分：Code Cache(代码缓存区)、Perm Gen（永久代）、Jvm Stack(java虚拟机栈)、Local Method Statck(本地方法栈)。 HotSpot虚拟机GC算法采用分代收页面上调用 QQ oloz qq <A href="tencent://message/?uin=707321921&Site=有事Q我&Menu=yes"> <img style="border:0px;" src=http://wpa.qq.com/pa?p=1:707321921:1></a> 一些问题文强chu 问题 1.eclipse 导出 doc 出现“The Javadoc command does not exist.” javadoc command 选择 jdk/bin/javadoc.exe 2.tomcate 配置 web 项目 ..... SQL:3.mysql * 必须得放前面否则 select&nbs 生活没有安全感小桔子生活孤独安全感圈子好小，身边朋友没几个，交心的更是少之又少。在深圳，除了男朋友，没几个亲密的人。不知不觉男朋友成了唯一的依靠，毫不夸张的说，业余生活的全部。现在感情好，也很幸福的。但是说不准难免人心会变嘛，不发生什么大家都乐融融，发生什么很难处理。我想说如果不幸被分手(无论原因如何)，生活难免变化很大，在深圳，我没交心的朋友。明 php 基础语法 aichenglong php 基本语法 1 .1 php变量必须以$开头 <?php $a=” b”; echo ?> 1 .2 php基本数据库类型 Integer float/double Boolean string 1 .3 复合数据类型数组array和对象 object 1 .4 特殊数据类型 null 资源类型(resource) $co mybatis tools 配置详解 AILIKES mybatis MyBatis Generator中文文档 MyBatis Generator中文文档地址： http://generator.sturgeon.mopaas.com/ 该中文文档由于尽可能和原文内容一致，所以有些地方如果不熟悉，看中文版的文档的也会有一定的障碍，所以本章根据该中文文档以及实际应用，使用通俗的语言来讲解详细的配置。本文使用Markdown进行编辑，但是博客显示效继承与多态的探讨百合不是茶 JAVA面向对象继承对象继承 extends 多态继承是面向对象最经常使用的特征之一：继承语法是通过继承发、基类的域和方法 //继承就是从现有的类中生成一个新的类，这个新类拥有现有类的所有extends是使用继承的关键字：在A类中定义属性和方法； class A{ //定义属性 int age； //定义方法 public void go JS的undefined与null的实例 bijian1013 JavaScriptJavaScript <form name="theform" id="theform"> </form> <script language="javascript"> var a alert(typeof(b)); //这里提示undefined if(theform.datas TDD实践（一） bijian1013 java敏捷TDD 一.TDD概述 TDD：测试驱动开发，它的基本思想就是在开发功能代码之前，先编写测试代码。也就是说在明确要开发某个功能后，首先思考如何对这个功能进行测试，并完成测试代码的编写，然后编写相关的代码满足这些测试用例。然后循环进行添加其他功能，直到完全部功能的开发。 [Maven学习笔记十]Maven Profile与资源文件过滤器 bit1129 maven 什么是Maven Profile Maven Profile的含义是针对编译打包环境和编译打包目的配置定制，可以在不同的环境上选择相应的配置，例如DB信息，可以根据是为开发环境编译打包，还是为生产环境编译打包，动态的选择正确的DB配置信息 Profile的激活机制 1.Profile可以手工激活，比如在Intellij Idea的Maven Project视图中可以选择一个P 【Hive八】Hive用户自定义生成表函数(UDTF) bit1129 hive 1. 什么是UDTF UDTF，是User Defined Table-Generating Functions，一眼看上去，貌似是用户自定义生成表函数，这个生成表不应该理解为生成了一个HQL Table，貌似更应该理解为生成了类似关系表的二维行数据集 2. 如何实现UDTF 继承org.apache.hadoop.hive.ql.udf.generic tfs restful api 加auth 2.0认计 ronin47 　　目前思考如何给tfs的ngx-tfs api增加安全性。有如下两点：　　一是基于客户端的ip设置。这个比较容易实现。　　二是基于OAuth2.0认证，这个需要lua，实现起来相对于一来说，有些难度。　　现在重点介绍第二种方法实现思路。　　前言：我们使用Nginx的Lua中间件建立了OAuth2认证和授权层。如果你也有此打算，阅读下面的文档，实现自动化并获得收益。SeatGe jdk环境变量配置 byalias javajdk 进行java开发，首先要安装jdk，安装了jdk后还要进行环境变量配置： 1、下载jdk（http://java.sun.com/javase/downloads/index.jsp），我下载的版本是：jdk-7u79-windows-x64.exe 2、安装jdk-7u79-windows-x64.exe 3、配置环境变量：右击"计算机"-->&quo 《代码大全》表驱动法-Table Driven Approach-2 bylijinnan java package com.ljn.base; import java.io.BufferedReader; import java.io.FileInputStream; import java.io.InputStreamReader; import java.util.ArrayList; import java.util.Collections; import java.uti SQL 数值四舍五入小数点后保留2位 chicony 四舍五入 1.round() 函数是四舍五入用，第一个参数是我们要被操作的数据，第二个参数是设置我们四舍五入之后小数点后显示几位。 2.numeric 函数的2个参数，第一个表示数据长度，第二个参数表示小数点后位数。例如：　　select cast(round(12.5,2) as numeric(5,2)) c++运算符重载 CrazyMizzz C++ 一、加+，减-，乘*，除/ 的运算符重载 Rational operator*(const Rational &x) const{ return Rational(x.a * this->a); } 在这里只写乘法的，加减除的写法类似二、<<输出,>>输入的运算符重载 &nb hive DDL语法汇总 daizj hive修改列DDL修改表 hive DDL语法汇总１、对表重命名 hive> ALTER TABLE table_name RENAME TO new_table_name; 2、修改表备注 hive> ALTER TABLE table_name SET TBLPROPERTIES ('comment' = new_comm jbox使用说明 dcj3sjt126com Web 参考网址：http://www.kudystudio.com/jbox/jbox-demo.html jBox v2.3 beta [ 点击下载] 技术交流QQGroup：172543951 100521167 [2011-11-11] jBox v2.3 正式版 - [调整&修复] IE6下有iframe或页面有active、applet控件 UISegmentedControl 开发笔记 dcj3sjt126com // typedef NS_ENUM(NSInteger, UISegmentedControlStyle) { // UISegmentedControlStylePlain, // large plain & Slick生成表映射文件 ekian scala Scala添加SLICK进行数据库操作，需在sbt文件上添加slick-codegen包 "com.typesafe.slick" %% "slick-codegen" % slickVersion 因为我是连接SQL Server数据库，还需添加slick-extensions，jtds包 "com.typesa ES-TEST gengzg test package com.MarkNum; import java.io.IOException; import java.util.Date; import java.util.HashMap; import java.util.Map; import javax.servlet.ServletException; import javax.servlet.annotation 为何外键不再推荐使用 hugh.wang mysqlDB 表的关联，是一种逻辑关系，并不需要进行物理上的“硬关联”，而且你所期望的关联，其实只是其数据上存在一定的联系而已，而这种联系实际上是在设计之初就定义好的固有逻辑。在业务代码中实现的时候，只要按照设计之初的这种固有关联逻辑来处理数据即可，并不需要在数据库层面进行“硬关联”，因为在数据库层面通过使用外键的方式进行“硬关联”，会带来很多额外的资源消耗来进行一致性和完整性校验，即使很多时候我们并不领域驱动设计 julyflame VODAO设计模式DTOpo 概念： VO（View Object）：视图对象，用于展示层，它的作用是把某个指定页面（或组件）的所有数据封装起来。 DTO（Data Transfer Object）：数据传输对象，这个概念来源于J2EE的设计模式，原来的目的是为了EJB的分布式应用提供粗粒度的数据实体，以减少分布式调用的次数，从而提高分布式调用的性能和降低网络负载，但在这里，我泛指用于展示层与服务层之间的数据传输对单例设计模式 hm4123660 javaSingleton单例设计模式懒汉式饿汉式单例模式是一种常用的软件设计模式。在它的核心结构中只包含一个被称为单例类的特殊类。通过单例模式可以保证系统中一个类只有一个实例而且该实例易于外界访问，从而方便对实例个数的控制并节约系统源。如果希望在系统中某个类的对象只能存在一个，单例模式是最好的解决方案。 &nb logback zhb8015 loglogback 一、logback的介绍 Logback是由log4j创始人设计的又一个开源日志组件。logback当前分成三个模块：logback-core,logback- classic和logback-access。logback-core是其它两个模块的基础模块。logback-classic是log4j的一个改良版本。此外logback-class 整合Kafka到Spark Streaming——代码示例和挑战 Stark_Summer sparkstormzookeeperPARALLELISMprocessing 作者Michael G. Noll是瑞士的一位工程师和研究员，效力于Verisign，是Verisign实验室的大规模数据分析基础设施（基础Hadoop）的技术主管。本文，Michael详细的演示了如何将Kafka整合到Spark Streaming中。期间， Michael还提到了将Kafka整合到 Spark Streaming中的一些现状，非常值得阅读，虽然有一些信息在Spark 1.2版 spring-master-slave-commondao 王新春 DAOspringdataSourceslavemaster 互联网的web项目，都有个特点：请求的并发量高，其中请求最耗时的db操作，又是系统优化的重中之重。为此，往往搭建 db的一主多从库的数据库架构。作为web的DAO层，要保证针对主库进行写操作，对多个从库进行读操作。当然在一些请求中，为了避免主从复制的延迟导致的数据不一致性，部分的读操作也要到主库上。（这种需求一般通过业务垂直分开，比如下单业务的代码所部署的机器，读去应该也要从主库读取数按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他首页 - 关于我们 - 站内搜索 - Sitemap - 侵权投诉版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved. 表格的标题标签