表格的尾部
视频和音频便签
视频的标签 表示引入视频的地址
controls 表示显示 loop 循环播放
音频的标签 表示引入音频的地址
controls 表示显示 loop 循环播放
页面的布局 标签
页面的框架:
设置左右之间的比例 设置上下的比例
表示引入的路径 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>
& copy; & nbsp; & nbsp; 李四您好
< / body>
< / html>
练习2:练习使用无序列表 实现效果: 实现代码:
< ! DOCTYPE html>
< html lang= "en" >
< head>
< meta charset= "UTF-8" >
< title> Title< / title>
< / head>
< body>
< ! -- 标题-- >
< h3> 热门& nbsp; & nbsp; & nbsp; 更多< / 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 >
< 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> & nbsp; & nbsp; & nbsp; & nbsp; & nbsp;
< 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= "点击有惊喜" >
& lt; ! & ndash; 跳转标签& ndash; & gt;
< a href= "http://www.baidu.com" target= "_self" > 跳转标签< / a>
& lt; ! & ndash; 有序列表& ndash; & gt;
< 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" >
& lt; ! & ndash; 第一行& ndash; & gt;
< tr>
& lt; ! & ndash; 第一行的第一个单元格& ndash; & gt;
< td align= "center" > 第一行的第一个单元格< / td>
& lt; ! & ndash; 第一行的第二个单元格& ndash; & gt;
< td align= "center" > 第一行的第二个单元格< / td>
< / tr>
& lt; ! & ndash; 第二行& ndash; & gt;
< tr>
< td align= "center" > 第二行的第一个单元格< / td>
< td align= "center" > 第二行的第二个单元格< / td>
< / tr>
< / table>
< table border= "1" >
& lt; ! & ndash; 跨列& ndash; & gt;
< tr>
< td colspan= "2" > 学生的成绩< / td>
< / tr>
< tr>
< td> 语文< / td>
< td> 90 < / td>
< / tr>
< tr>
< td> 数学< / td>
< td> 85 < / td>
< / tr>
< / table>
< table border= "1" >
& lt; ! & ndash; 第一行& ndash; & gt;
< tr>
< td rowspan= "2" > 张三< / td>
< td> 语文< / td>
< td> 98 < / td>
< / tr>
& lt; ! & ndash; 第二行& ndash; & gt;
< tr>
< td> 数学< / td>
< td> 78 < / td>
< / tr>
< tr>
< td rowspan= "2" > 李四< / td>
< td> 语文< / td>
< td> 99 < / td>
< / tr>
& lt; ! & ndash; 第二行& ndash; & gt;
< 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>
& lt; ! & ndash; < tr>
< td colspan= "2" > 李四< / td>
< td> 语文< / td>
< td> < / td>
< / tr> & ndash; & gt;
< / table>
< table border= "1" width= "800px" >
< caption> 书籍的分类< / caption>
< tr>
< th> 1 < / th>
< th> 西游记< / th>
< th> 28 < / th>
< / tr>
< / table>
< table border= "1" >
< caption> 书籍的分类< / caption>
& lt; ! & ndash; 内容头& ndash; & gt;
< thead>
< tr>
< th> 1 < / th>
< th> 朝花夕拾< / th>
< th> 58 < / th>
< / tr>
< / thead>
& lt; ! & ndash; 身体& ndash; & gt;
< 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" >
& lt; ! & ndash; 导航栏& ndash; & gt;
& lt; ! & ndash; 无序列表& ndash; & gt;
< 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>
< ! -- < body> -- >
< frameset rows= "20%,*" > < ! -- 上面界面占百分之20 下面界面占满-- >
< ! -- 页面的路径 上面部分 -- >
< frame src= "top.html" scrolling= "no" >
< ! -- 下面部分-- >
< frameset cols = "30%,70%" > < ! -- 左面界面占百分之20 右面界面占满-- >
< frame src= "left.html" >
< frame src= "center.html" name= "abc" >
< / frameset>
< / frameset>
< ! -- < / 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>
< h1> 订单管理界面< / h1>
< / body>
< / html>
左边页面代码:
< ! DOCTYPE html>
< html lang= "en" >
< head>
< meta charset= "UTF-8" >
< title> Title< / title>
< / head>
< body>
< ! -- "margin: 0 px 表示外边距 padding: 0 px 表示内边距 list- style- type: none 去除点-- >
< ! -- 无序的列表-- >
< ul style= "margin: 0px; padding: 0px" >
< li style= "list-style-type: none" >
< a href= "商品管理.html" target= "abc" > 商品管理< / a>
< / 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> 看不见的完美硬币& nbsp; : & nbsp; 细节的负担< / b> < br> < / br>
< b> 创新公司皮克斯的启示< / b> < / br> < / br>
< img src= "image/cts-191204171038376.jpg" > < br>
< p>
< em> 细节从来部是个好东西, 完美的细节往往给我们得商业上的胜利。< br> < br>
但是, & nbsp; 在皮克新, & nbsp; 这一寂满是完美主义投计师的企业里, 细节竞然成了负担< br> < br>
怎么打造完美的? 又怎么得商业上的种益。& nbsp; 克总裁支德卡得姆为我们解< / em> < br> < / p>
< p> < strong> 看不见的完美硬币: 细节的负担< / strong> < / p>
< p> & nbsp; & nbsp; & nbsp; & nbsp; 在皮壳斯, & nbsp; 每一部电影都是商业与艺术的双贏。& nbsp; 不管这些电影是艺术作品, & nbsp; 还是商品, & nbsp;
细节都是至关重要的, & nbsp; 是决成败的关键。& nbsp; 人们似乎也听过许多关于细节的胜利的改事, & nbsp; 但是在皮壳斯, & nbsp; 设计师们一个个都是完美主义者, & nbsp;
细节显然成了皮壳斯的负担。
样的太过于重视细节, & nbsp; 往往会伤害到企业该有的效率, & nbsp; 最终仿害企业的根本。& nbsp; 在完美细节和企业应有的效率面前, & nbsp; 艾德·卡特姆做出了明智的决策< / p>
< p> & nbsp; & nbsp; & nbsp; & nbsp; 皮克斯有—个现急, & nbsp; 被我们的制片人叫作
见的完美硬市 ( the perfect coin)
人凯瑟琳·萨拉菲安称为& nbsp; “床头柜上一枚没人会主意到的硬币”& nbsp; 这样的细节, 也会引得我们的
作人员花上几天甚至数周的时间悉心打磨
林是《怪善电力公司》一片的制作人员, & nbsp; 影片中有一幕戏可以形急地向我们闻释到底什
在这莓戏中, & nbsp; 好奇的小布第
克和萨里的公寓, 还在
步的小要儿四处探素起
来。& nbsp; 两个怪物想要制止她, 而她还是一步步走到了两揉高高堆起的CD 旁, 别乱动! & nbsp; “麦壳大喊起来, & nbsp; 可是小女孩还是从90 多张CD 盒摞成的
CD 全部倒場散落在了地板上。& nbsp; 麦壳抱怨道& nbsp; : & nbsp; “哎, 那些CD 都是按字母顺序排列好的
女孩摇摇摆摆地走开了。& nbsp; 这莓场景前后不到3 秒钟, 观众们只能够看到几个CD 盒而已, 但皮克斯的制作人员不仅为每一个CD 盒制作了封面, & nbsp;
还使用了可计算物体在运动时渣染效果变化的着色器
< / p> < p> & nbsp; & nbsp; & nbsp; & nbsp; 你能看到所有CD 盒吗? 看不到。& nbsp; ”萨拉菲安接着说, & nbsp; “把所有CD 盒全部设计一遍, & nbsp; 这工作有意思吗? 其实挺有意思的。& nbsp;
我们还真有几位工作人员觉得观众能在近镜头里把每张CD 都看得一清二楚, & nbsp; 所以就任劳任怨地把每张CD 都雕琢了一番。也许, 这其中
乐趣只有当事人才能体会吧< / p>
< / body>
< / html>
你可能感兴趣的:(javaWeb)
【JavaWeb学习Day25】
quo-te
JavaWeb vue 黑马
Web前端实战ElementPlus什么是ElementPlusElementPlus:是饿了么团队研发的,基于Vue3,面向设计师和开发者的组件库。组件:组成网页的部件,例如超链接、按钮、图片、表格、表单、分页条等等。官网:一个Vue3UI框架|ElementPlus快速入门准备工作:1.创建vue项目2.参照官方文档,安装ElementPlus组件库(在当前工程的目录下):npminstall
javaweb学习Day10
乐一粒学编程
学习 java 开发语言
来源:尚硅谷2022版javaweb今日内容:1.日期和字符串之间的格式化//String->java.util.DateStringdateStr1="2021-12-3012:59:59";SimpleDateFormatsdf=newSimpleDateFormat("yyyy-MM-ddHH:mm:ss");try{Datedate1=sdf.parse(dateStr1);}catch(
Java复习路线
Code good g
面试准备 java mysql 数据库
Java复习1、Java基础2、Java多线程3、Javaweb的复习4、MySql复习数据库常用的代码:思维导图:5、计算机组成原理6、网络编程7、Java注解和反射8、计算机网络9、html/css/js10、ssm11、spring12、springmvc13、springboot14、vue15、springcloud16、jvm17、Juc18、mybatis-plus学习19、git2
Tomcat从入门到精通:全方位深度解析与实战教程
墨瑾轩
一起学学Java【一】 运维 tomcat java
一、Tomcat入门1.Tomcat简介ApacheTomcat,简称Tomcat,是一个开源的轻量级应用服务器,专为运行JavaServlet和JavaServerPages(JSP)技术设计。它是JavaWeb开发中最常用的Servlet容器之一,遵循JavaServlet和JavaServerPages规范,为开发者提供了一个稳定的、易于使用的部署环境。2.安装与启动安装下载最新版Tomca
网络编程、URI和URL的区别、TCP/IP协议、IP和端口、URLConnection
述雾学java
Java核心基础 tcp/ip java java基础 网络编程
DAY12.1Java核心基础网络编程在互联网时代,网络在生活中处处可见,javaWeb占据了很大一部分那如何实现javaWeb编程呢?Web编程就是运行在同一个网络下面的终端,使得它们之间可以进行数据传输计算机网络基本知识计算机网络是通过硬件设施,传输媒介把不同物理地址上的计算机网络进行连接,形成一个资源共享和数据传输的网络系统两台终端进行连接需要遵守规定的网络协议语法:数据信息的结构语义:描述
【 <二> 丹方改良:Spring 时代的 JavaWeb】之 Spring Boot 中的 RESTful API 设计:从上手到骨折
Foyo Designer
spring spring boot restful Spring MVC Async CrossOrigin
点击此处查看合集https://blog.csdn.net/foyodesigner/category_12907601.html?fromshare=blogcolumn&sharetype=blogcolumn&sharerId=12907601&sharerefer=PC&sharesource=FoyoDesigner&sharefrom=from_link一、开篇整活儿咱今儿个唠唠Spr
Java Web开发技术解析:从基础到实践的全栈指南
以恒1
java 前端 开发语言
JavaWeb开发技术解析:从基础到实践的全栈指南在互联网技术演进中,JavaWeb凭借其跨平台特性、成熟的生态系统和强大的企业级服务能力,成为构建动态Web应用的核心技术栈。本文从技术组成、开发工具、实战应用三个维度,全面解析JavaWeb的完整技术体系,并结合最新行业实践探讨其演进方向。一、JavaWeb的核心技术组成JavaWeb开发以Servlet和JSP为基石,通过分层架构实现动态网页生
【 <二> 丹方改良:Spring 时代的 JavaWeb】之 Spring MVC 的核心组件:DispatcherServlet 的工作原理
Foyo Designer
spring mvc java servlet HandlerMapping ViewResolver
点击此处查看合集https://blog.csdn.net/foyodesigner/category_12907601.html?fromshare=blogcolumn&sharetype=blogcolumn&sharerId=12907601&sharerefer=PC&sharesource=FoyoDesigner&sharefrom=from_link一、DispatcherServ
Java WebSocket与项目页面(通常是HTML + JavaScript)之间建立连接并传输数据
hh_fine
java websocket html
JavaWebSocket与项目页面(通常是HTML+JavaScript)之间建立连接并传输数据1.创建JavaWebSocket服务器:使用JavaWebSocketAPI创建一个WebSocket服务器端点。2.在HTML页面中使用JavaScript连接WebSocket:通过JavaScript的WebSocketAPI与JavaWebSocket服务器建立连接。3.双向数据传输:实现服
【 <二> 丹方改良:Spring 时代的 JavaWeb】之 Spring Boot 的起步依赖:快速构建 JavaWeb 项目
Foyo Designer
spring spring boot java Spring Data JPA JUnit
点击此处查看合集https://blog.csdn.net/foyodesigner/category_12907601.html?fromshare=blogcolumn&sharetype=blogcolumn&sharerId=12907601&sharerefer=PC&sharesource=FoyoDesigner&sharefrom=from_link一、起步依赖:SpringBoo
Java Web开发核心内容全解析(上)
风铃儿~
java servlet mybatis
一、JavaWeb概述JavaWeb是指使用Java技术来解决相关web互联网领域的技术总和。在当今数字化时代,JavaWeb在构建企业级应用、电子商务平台、社交网络等方面发挥着至关重要的作用。(一)JavaWeb的体系结构JavaWeb应用的体系结构主要分为客户端层、表示层、业务逻辑层和数据访问层。1.客户端层-这是用户与Web应用交互的最前端。主要包括用户浏览器,它可以接收并显示从服务器端发送
Tomcat 新手入门指南:从零开始掌握安装与配置
超级小狗
tomcat java
Tomcat新手入门指南:从零开始掌握安装与配置一、Tomcat是什么?ApacheTomcat是一个开源的轻量级Web应用服务器,专为运行JavaServlet和JSP设计。它是初学JavaWeb开发的必备工具,也是企业级应用的常见选择。核心功能:处理HTTP请求、管理Servlet生命周期、支持动态网页渲染。适用场景:开发测试环境、中小型Web应用部署、微服务架构中的容器化组件。二、快速安装T
SpringMVC简化了什么?从传统Web开发到现代高效架构的蜕变
以恒1
前端 架构 hive
SpringMVC简化了什么?从传统Web开发到现代高效架构的蜕变在JavaWeb开发领域,SpringMVC作为Spring框架的核心模块,通过组件化设计和注解驱动,彻底改变了传统Servlet开发的繁琐流程。本文将从开发流程、代码复杂度、技术整合等维度,系统解析SpringMVC的简化逻辑,并结合实际案例说明其价值。一、请求处理流程的简化:从分散到集中传统Servlet开发需要为每个请求编写独
【 <二> 丹方改良:Spring 时代的 JavaWeb】之 Spring Boot 的自动配置:约定优于配置的设计美学
Foyo Designer
spring spring boot java HikariCP Logback
点击此处查看合集https://blog.csdn.net/foyodesigner/category_12907601.html?fromshare=blogcolumn&sharetype=blogcolumn&sharerId=12907601&sharerefer=PC&sharesource=FoyoDesigner&sharefrom=from_link一、SpringBoot的自动配
JavaWeb学习——登录校验
灰太狼想上班
JavaWeb基础学习 spring tomcat servlet 后端
JavaWeb学习——登录校验一、功能实现只需要接受请求参数username和password,然后调用接口在数据库表中查询键值匹配的数据项即可二、登录校验登录校验通常分为两步,一是登录标记,二是统一拦截1、会话跟踪会话:用户打开浏览器,访问web服务器的资源,会话建立,知道有一方断开连接,会话结束。在一次会话中可以包含多次请求和响应会话跟踪:一种维护浏览器的方法,服务器要识别多次请求是否来自于同
javaweb中@Component和@Mapper和@Service和@RestController这几个注解要加在哪?为什么?
瑞金彭于晏
maven java spring boot spring
在JavaWeb开发中特别是在使用Spring框架(包括SpringBoot)时,@Component、@Mapper、@Service、@RestController这些注解扮演着非常重要的角色,它们用于定义组件的类型,并帮助Spring框架进行自动装配和依赖注入。下面分别解释这些注解应该加在哪里以及为什么:1.@Component加在哪里:@Component可以加在任何类上,表示这个类是一个
计算机毕设论文灵魂模块:系统架构图设计终极指南(附资料)
计算机毕业设计小帅
课程设计 毕业设计 java 系统架构
【关注我,毕业设计不迷茫】|6年辅导经验|帮助1200+学子顺利毕业大家好,我是程序员小帅,一名专注于计算机毕业设计全流程辅导的技术博主。专注JavaWeb,我深耕毕设领域6年,累计输出1200+原创项目案例,辅导成功率接近100%。如果你正在为选题、代码、论文或答辩发愁,这里能给你最落地的解决方案!为什么架构图是毕设的灵魂?1️⃣展示系统思维:用一张图说清技术选型逻辑2️⃣设计说明书:开发前必须
JavawebJavaServer Pages Standard Tag Library知识点
一朵忧伤的蔷薇
python java 开发语言
JavaWeb开发中,JSTL(JavaServerPagesStandardTagLibrary)、EL(ExpressionLanguage)、Cookie和Session是非常重要的组件。以下是这些知识点的总结:1.JSTL标签库JSTL是JavaServerPages的一种标准标签库,旨在简化JSP页面的开发。它通过提供预定义的标签,来实现常见任务,如条件判断、循环处理、国际化等。使用标签
Java与Javaweb知识点总结
一朵忧伤的蔷薇
java 开发语言
Java基础知识基本语法:数据类型:基本数据类型(int,char,boolean,etc.)和引用数据类型(String,Arrays,etc.)。控制结构:条件语句(if,switch)、循环语句(for,while,do-while)。面向对象编程:类与对象:类的定义与实例化。继承与多态:使用extends和interface实现继承、多态的应用。封装:访问控制修饰符(public,priv
用SpringBoot做一个web小案例环境搭建
只恨天高
Java 代码笔记 spring boot java 后端
前面我讲了四部分内容:springboot入门,springboot的配置相关知识点,springboot的视图模板引擎,springboot整合持久层框架有了这些知识点,我们就可以来完成一个相对功能完整的增删改查的小案例了,这个案例我们把以前讲JavaWeb入门课程中的哪个例子重新写一遍,基本功能:登录,用户列表显示,用户信息的增删改查,用户的模糊查询等,选用的技术由springboot2.0.
小白十分钟速通 Spring Boot 基础
Gao_雪
Spring spring boot 后端 java spring vscode
SpringBoot介绍随着Spring体系的不断庞大,加上现代互联网应用体积庞大,构建一个应用还是非常困难的,Spring团队重新打造了一个新的面向微服务的框架SpringBoot。严格来说SpringBoot不能是一个框架,它更是一个方案,Spring工程的快速上手方案,它极大的降低了JavaWeb工程的创建和运行和部署的难度。在过去这些都是Java工程师的老大难,所以说SpringBoot的
探索JavaWeb之旅:Tomcat 9.0.62一站式解决方案
富展尤
探索JavaWeb之旅:Tomcat9.0.62一站式解决方案【下载地址】Tomcat9.0.62资源文件下载本仓库提供了一个用于运行JavaWeb项目的资源文件下载,具体为`tocmcat-9.0.62`版本的Tomcat9原始最新版的压缩包。该资源文件是Tomcat9.0.62的完整压缩包,适用于需要使用Tomcat9来部署和运行JavaWeb项目的开发者项目地址:https://gitcod
SpringBoot设置过滤器(Filter)或拦截器(Interceptor)的执行顺序:@Order注解、setOrder()方法
pan_junbiao
Spring Spring Boot 我の原创 spring boot java 后端
JavaWeb过滤器、拦截器、监听器,系列文章:(1)过滤器(Filter)的使用:《Servlet过滤器(Filter)的使用:Filter接口、@WebFilter注释》《SpringMVC使用过滤器(Filter)解决中文乱码》《SpringBoot过滤器(Filter)的使用:Filter接口、FilterRegistrationBean类配置、@WebFilter注释》《SpringBo
深入理解Tomcat:Java Web服务器的安装与配置
杨凯凡
JavaWeb java tomcat
大家好!今天我们来聊聊JavaWeb开发中最重要的工具之一——ApacheTomcat。Tomcat是一个开源的JavaServlet容器和Web服务器,它是运行JavaWeb应用程序的核心环境。无论是开发、测试还是部署JavaWeb应用,Tomcat都是不可或缺的工具。本文将详细介绍Tomcat的安装、配置以及常见问题的解决方法,帮助你快速上手并深入理解Tomcat的工作原理。准备好了吗?让我们
Spring Boot Tomcat 漏洞修复
高建伟-joe
后端 spring boot tomcat 后端 java 网络安全
SpringBootTomcat漏洞修复ApacheTomcat远程代码执行漏洞(CVE-2025-24813)Tomcat是一个开源的、轻量级的Web应用服务器和Servlet容器。它由Apache软件基金会下的Jakarta项目开发,是目前最流行的JavaWeb服务器之一。该漏洞利用条件较为复杂,需同时满足以下四个条件:应用程序启用了DefaultServlet写入功能,该功能默认关闭。应用支
【 <一> 炼丹初探:JavaWeb 的起源与基础】之 JavaWeb 中的文件上传与下载:实现文件管理功能
Foyo Designer
hive hadoop 数据仓库 javaweb Servlet 文件管理
点击此处查看合集https://blog.csdn.net/foyodesigner/category_12907601.html?fromshare=blogcolumn&sharetype=blogcolumn&sharerId=12907601&sharerefer=PC&sharesource=FoyoDesigner&sharefrom=from_link一、文件上传:从“拖拽”到“入库
javaweb中Tomcat,Servlet跳转505错误刷新后404错误原因与解决方案。
清新脱俗的单身狗呀
servlet tomcat java
Tomcat在较新版本中使用的Servlet-api已经从原先的javax.servlet-api变为了jakarta.servlet-api如果继续使用javax.servlet-api就会发生对象创建失败。只需要将Maven中的Servlet依赖改为com.guicedee.servicesjakarta.servlet-api1.2.2.1-jre17然后将引入的包也改成相应的名字即可。
JavaWeb+Tomcat+Servlet使用<c:foreach>标签时,jsp等网页文件获取不到request域中的数据
老东头
tomcat java
自己也是刚学习就遇到了这个问题,上网找了两天,弄清楚了就分享出来我的各个文件都没有报错,而且jdk和jstl的版本,web.xml的版本都没什么问题,而且也能获取数据库中的数据,但是使用时就不能输出数据,而是把代码内容显示出来,比如:我本来是要通过foreach循环遍历表格,输出品牌表的信息,像这样:在页面加上下面这句的前提下,还要加一句这句话的大致意思就是不把${}中的内容当做字符串,如果是tr
Struts2.0 完整开发包:核心组件与实践应用
一人一猫浪迹天涯
本文还有配套的精品资源,点击获取简介:Struts2.0作为基于MVC模式的JavaWeb应用框架,通过一套完整的库文件支持应用程序的搭建和运行。本文详细介绍了Struts2.0的核心组件,包括Action、Result、Interceptor、ValueStack和OGNL等,并解释了这些组件如何与lib包协同工作。此外,还探讨了lib包的具体构成,如struts2-core.jar、xwork
Struts 2.0核心架构详解与实战应用
赵阿萌
本文还有配套的精品资源,点击获取简介:Struts2.0是一个广泛使用的JavaWeb框架,基于MVC设计模式,简化了Web应用开发流程。它包含多个关键组件,如Action类、配置文件、拦截器、OGNL表达式语言等,支持国际化、异常处理和Ajax集成。开发者可以通过继承ActionSupport类实现业务逻辑,并利用配置文件定义Action映射和拦截器链。Struts2.0还支持注解配置,提高了开
SQL的各种连接查询
xieke90
UNION ALL UNION 外连接 内连接 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
JavaScript JavaScript
<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
java jdk
进行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语法汇总
1、对表重命名
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
mysql DB
表的关联,是一种逻辑关系,并不需要进行物理上的“硬关联”,而且你所期望的关联,其实只是其数据上存在一定的联系而已,而这种联系实际上是在设计之初就定义好的固有逻辑。
在业务代码中实现的时候,只要按照设计之初的这种固有关联逻辑来处理数据即可,并不需要在数据库层面进行“硬关联”,因为在数据库层面通过使用外键的方式进行“硬关联”,会带来很多额外的资源消耗来进行一致性和完整性校验,即使很多时候我们并不
领域驱动设计
julyflame
VO DAO 设计模式 DTO po
概念:
VO(View Object):视图对象,用于展示层,它的作用是把某个指定页面(或组件)的所有数据封装起来。
DTO(Data Transfer Object):数据传输对象,这个概念来源于J2EE的设计模式,原来的目的是为了EJB的分布式应用提供粗粒度的数据实体,以减少分布式调用的次数,从而提高分布式调用的性能和降低网络负载,但在这里,我泛指用于展示层与服务层之间的数据传输对
单例设计模式
hm4123660
java Singleton 单例设计模式 懒汉式 饿汉式
单例模式是一种常用的软件设计模式。在它的核心结构中只包含一个被称为单例类的特殊类。通过单例模式可以保证系统中一个类只有一个实例而且该实例易于外界访问,从而方便对实例个数的控制并节约系统源。如果希望在系统中某个类的对象只能存在一个,单例模式是最好的解决方案。
&nb
logback
zhb8015
log logback
一、logback的介绍
Logback是由log4j创始人设计的又一个开源日志组件。logback当前分成三个模块:logback-core,logback- classic和logback-access。logback-core是其它两个模块的基础模块。logback-classic是log4j的一个 改良版本。此外logback-class
整合Kafka到Spark Streaming——代码示例和挑战
Stark_Summer
spark storm zookeeper PARALLELISM processing
作者Michael G. Noll是瑞士的一位工程师和研究员,效力于Verisign,是Verisign实验室的大规模数据分析基础设施(基础Hadoop)的技术主管。本文,Michael详细的演示了如何将Kafka整合到Spark Streaming中。 期间, Michael还提到了将Kafka整合到 Spark Streaming中的一些现状,非常值得阅读,虽然有一些信息在Spark 1.2版
spring-master-slave-commondao
王新春
DAO spring dataSource slave master
互联网的web项目,都有个特点:请求的并发量高,其中请求最耗时的db操作,又是系统优化的重中之重。
为此,往往搭建 db的 一主多从库的 数据库架构。作为web的DAO层,要保证针对主库进行写操作,对多个从库进行读操作。当然在一些请求中,为了避免主从复制的延迟导致的数据不一致性,部分的读操作也要到主库上。(这种需求一般通过业务垂直分开,比如下单业务的代码所部署的机器,读去应该也要从主库读取数