表格的尾部
视频和音频便签
视频的标签 表示引入视频的地址
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)
税务门户网站系统:数据分析与税务政策传播
liuxin33445566
安全 java 开发语言 数据库 前端
2.1SSM框架介绍本课题程序开发使用到的框架技术,英文名称缩写是SSM,在JavaWeb开发中使用的流行框架有SSH、SSM、SpringMVC等,作为一个课题程序采用SSH框架也可以,SSM框架也可以,SpringMVC也可以。SSH框架是属于重量级别的框架,配置繁琐,不够灵活,修改程序需要修改好多个文件,并且运行起来也占用内存较高,CPU使用率相对也高,SpringMVC是Spring开发的
后端开发基础——JavaWeb(根基,了解原理)浓缩
Wanna715
后端开发基础 java tomcat servlet 后端
总述学习Tomcat、JSON、Servlet、Filter、Session、Cookie、Ajax异步请求、RESTful接口规范、JSP(很老的技术,了解)Servlet系统架构C/S架构(Client/Server(客户端/服务器))B/S架构(Browser/Server,浏览器/服务器)javaJavaSE:Java标准版JavaEE:企业版(WEB方向,WEB系统)13种规范,其中Se
JavaWeb,会话管理的学习
曦月落雨
javaWeb java web
会话管理概述无状态协议无状态就是不保存状态,HTTP就是无状态协议,HTTP协议自身不会对请求和响应之间的通信状态进行保存,也就是说,在HTTP协议这个级别,协议对于发送过的请求或者响应都不做持久化处理。会话管理实现的手段cookie是在客户端保留少量数据的技术,主要通过响应头向客户端响应一些客户端要保留的信息session是在服务器端保留更多的数据的技术,主要通过HttpSession对象保存一
【Springboot】——响应与分层解耦架构
Y小夜
架构 spring boot 后端 java spring
博主现有专栏:C51单片机(STC89C516),c语言,c++,离散数学,算法设计与分析,数据结构,Python,Java基础,MySQL,linux,基于HTML5的网页设计及应用,Rust(官方文档重点总结),jQuery,前端vue.js,Javaweb开发,设计模式、Python机器学习、Springboot等主页链接:Y小夜-CSDN博客目录响应响应数据✨@ResponseBody✨G
走进JavaWeb技术世界11:单元测试框架Junit
程序员黄小斜
走进JavaWeb技术世界 Java
本系列文章将整理到我在GitHub上的《Java面试指南》仓库,更多精彩内容请到我的仓库里查看https://github.com/h2pl/Java-Tutorial喜欢的话麻烦点下Star哈文章首发于我的个人博客:www.how2playlife.com本文是微信公众号【Java技术江湖】的《走进JavaWeb技术世界》其中一篇,本文部分内容来源于网络,为了把本文主题讲得清晰透彻,也整合了很多
2025毕设springboot MVC框架下的精品课程管理平台论文+源码
zhihao501
课程设计 spring boot mvc
本系统(程序+源码)带文档lw万字以上文末可获取一份本项目的java源码和数据库参考。系统程序文件列表开题报告内容研究背景在教育信息化的大背景下,精品课程管理平台的构建成为提升教学质量和效率的重要手段。当前,许多高校和教育机构仍然采用传统的课程管理方式,不仅效率低下,还难以满足学生日益增长的个性化学习需求。SpringBootMVC框架作为一种轻量级、高效的JavaWeb开发框架,以其简洁的设计理
JavaWeb 开发入门:从基础到应用
大梦百万秋
知识学爆 java
JavaWeb是基于Java技术构建的Web应用开发体系。得益于Java的跨平台性和强大的生态系统,JavaWeb长期以来一直是企业级开发的首选方案之一。本篇博客将从JavaWeb的基本概念、核心技术到实际项目开发,带你全面了解如何利用JavaWeb构建一个动态网站。什么是JavaWeb?JavaWeb是使用Java技术开发Web应用程序的总称,通常包括动态网页、交互式功能和后端逻辑。它支持开发以
Java Web 登录系统示例:过滤器技术与 JDBC 数据库连接
Bro_cat
JavaWeb开发 java tomcat maven java-ee servlet 过滤器 Filter
在这篇博客中,我们将探讨一个简单的JavaWeb登录系统示例,重点介绍其中使用的过滤器技术以及JDBC数据库连接技术。这个示例包括后端代码和简单的前端代码,帮助你理解这些技术的实现和原理。项目结构过滤器技术什么是过滤器?过滤器(Filter)是JavaWeb开发中的一个强大工具,它可以在请求到达Servlet之前或响应返回客户端之前对请求和响应进行拦截和处理。过滤器可以用来执行诸如字符编码设置、跨
十几套JavaWeb项目,快拿去当毕业设计,简直不要太爽了
VX_BYDZ1988
django flask eclipse spring boot spring cloud servlet
1、基于web的图书管理系统设计与实现图书管理系统就是利用计算机,结合互联网对图书进行结构化、自动化管理的一种软件,来提高对图书的管理效率。本系统采用Java+Servlet+Jsp的方式实现基于web的图书管理系统。开发工具及相关技术Java技术HTML、css、javascript技术Servlet技术Eclipse开发工具MySql数据库功能概述用户端:图书查询:根据图书编号、图书名称查询图
JavaWeb原生框架开发JSP+Servlet+JDBC案例
秦老师Q
JavaWeb基础 java servlet 开发语言
目录概要功能技术名词解释技术细节1.项目列表2.网页3.Servlet小结概要JavaWeb开发案例,使用JSP、Servlet、JDBC原生框架技术,实现用户模块的功能开发,主要用于学习。功能1.注册2.登录3.用户模块3.1查询用户信息3.2删除用户信息3.3修改用户信息技术名词解释JSP:全称JavaServerPages,是由Sun公司主导创建的一种动态网页技术标准,JSP中可以编写Jav
EL表达式与JSTL标签库详解
秦老师Q
JavaWeb基础 java
前言本章主要学习EL表达式与JSTL标签库,用于简化JSP数据操作。收录JavaWeb基础系列,该系列主要学习JavaWeb开发原生框架、Servlet、JSP、request请求对象、response响应对象、Session会话对象、Filter过滤器、EL表达式、JSTL标签库、三层开发模型等知识点,欢迎童鞋们互相交流。觉得不错可以三连订阅喔。目标一、EL表达式1.概念2.语法3.示例4.EL
JavaWeb合集17-拦截器(Interceptor)和过滤器(Filter)
永恒之月℡
JavaWeb合集 1024程序员节 java javaweb 过滤器 拦截器
十七、拦截器和过滤器在JavaWeb开发中,拦截器(Interceptor)和过滤器(Filter)都是用于在请求处理前后执行某些操作的机制。虽然它们的功能相似,但在实现方式、使用场景和灵活性方面有一些重要的区别。1、拦截器和过滤器的区别及选择1.1拦截器定义:拦截器是Spring框架提供的一个机制,用于在请求处理前后执行某些操作。它基于AOP(面向切面编程)的思想。作用:通常用于处理与业务逻辑相
JavaWeb开发 - Filter过滤器详解
秦老师Q
JavaWeb基础 java web java-ee
前言本章节主要学习JavaWeb开发中的Filter过滤器技术,收录于JavaWeb基础专栏,该专栏主要学习JavaWeb开发原生框架、Servlet、JSP、请求对象、响应对象、Session会话对象、Filter过滤器、三层开发模型等知识点,欢迎童鞋们互相交流。觉得不错可以三连订阅喔。目标1.概念2.Filter介绍3.入门案例4.验证登录案例4.1登录代码4.2过滤器验证内容1.概念Filt
JavaWeb 前端基础 html + CSS 快速入门 | 018
菜鸟阿康学习编程
前端 前端 html css
今日推荐语指望别人的救赎,势必走向毁灭——波伏娃日期学习内容打卡编号2025年01月17日JavaWeb前端基础html+CSS018前言哈喽,我是菜鸟阿康。今天正式进入JavaWeb的学习,简单学习html+CSS这2各前端基础部分,以下是我的重点总结,希望对你有所帮助。(建议先看左侧目录,先了解文章结构)(请忽略错误的大纲编号,我直接从笔记中粘贴过来的,就没严格纠正了,重点在内容!)文末和主页
【Rust】——不安全Rust
Y小夜
Rust(官方文档重点总结) rust 开发语言 后端
博主现有专栏:C51单片机(STC89C516),c语言,c++,离散数学,算法设计与分析,数据结构,Python,Java基础,MySQL,linux,基于HTML5的网页设计及应用,Rust(官方文档重点总结),jQuery,前端vue.js,Javaweb开发,Python机器学习等主页链接:Y小夜-CSDN博客目录不安全的超能力解引用裸指针调用不安全函数或方法创建不安全代码的安全抽象使用e
艾编程coding老师课堂笔记:SpringBoot源码深度解析
艾编程前端技术
spring 编程语言
思想:有道无术,术尚可求,有术无道,止于术!Spring开源框架,解决企业级开发的复杂性的问题,简化开发AOP,IOCSpring配置越来多,配置不方便管理!Javaweb---Servlet+tomcat+Struct2SpringMVCSPRINGboot.....所有的技术框架:从一个复杂的场景慢慢的衍生出来一种规范!简单的配置!==SpringBoot:自动配置!==Springboot怎
GDPU JavaWeb 大结局篇
孑么
# JavaWeb java servlet 开发语言 ajax sql mvc
目录实验复习代码模板课后巩固习题课件精简版GDPUJavaWeb程序设计复习,习题集,重点知识总结,一篇就够了。实验复习JavaWeb代码复习,在专栏也可查阅。留意一下登陆界面的操作及mvc的那些重复的代码。大小写要注意。一般来说很多方法都是两个单词拼的,后一个单词的首字母要大写,如doGet、getParameter等。代码模板这里的注释用//jsp部分1.表单、常用的登陆界面//不写metho
基于SSM框架的旅游网站设计与实现
IT实战课堂—x小凡同学
Java毕业设计项目 旅游
摘要:本文主要介绍了基于SSM(Spring、SpringMVC、MyBatis)框架的旅游网站设计与实现过程。首先,对SSM框架进行了概述,并详细分析了其在旅游网站开发中的优势。接着,从需求分析、系统设计、数据库设计、前台与后台模块实现等方面进行了全面阐述。最后,对系统的测试与部署进行了说明,并对未来的发展方向进行了展望。关键词:SSM框架;旅游网站;前后台设计;JavaWeb开发一、引言随着信
【JavaWeb阶段学习】三步学会JDBC知识点
ss273
java 学习 mysql java
(❁´◡`❁)您的点赞➕评论➕收藏⭐是作者创作的最大动力支持我:点赞+收藏⭐️+留言目录1、JDBC基础JDBC数据库连接JDBC实现增删改查JDBC代码规范化2、结果集2.1、结果集光标与元数据3、预处理4、sql查询继续巩固练习1.查出至少有一个员工的部门,显示部门编号/部门名称/部门位置/部门人数2.列出所有员工的姓名及其直接上级的姓名3.列于受雇日期早于直接上级的所有员工的编号/姓名/部门
Spring Boot 集成 个推 和 UniPush 两种消息推送方式
LOVE_DDZ
Spring-Boot spring boot java 后端
SpringBoot集成个推和UniPush两种消息推送方式一、集成个推1.注册个推账号2.引入个推SDK3.配置个推参数4.编写个推配置类5.编写个推推送工具类二、集成UniPush1.注册UniPush账号2.引入UniPushSDK3.配置UniPush参数4.编写UniPush推送代码三、总结SpringBoot是目前非常流行的JavaWeb框架之一,它提供了很多便捷的开发方式和功能,其中
探索Zebra4J:构建高效企业级Web应用的微服务框架
叶准鑫Natalie
探索Zebra4J:构建高效企业级Web应用的微服务框架ZebraZebra4J/Zebra4Js基于SpringBoot的JavaWeb/Nodejs框架项目地址:https://gitcode.com/gh_mirrors/zebra/Zebra项目介绍在当今快速发展的技术环境中,构建高效、可扩展的企业级Web应用是每个开发团队的追求。Zebra4J作为一款基于SpringBoot的全新微服务
基于JavaWeb开发的Java+SpringMvc+vue+element实现上海汽车博物馆平台
网顺技术团队
成品程序项目 java vue.js 汽车 课程设计 spring boot
基于JavaWeb开发的Java+SpringMvc+vue+element实现上海汽车博物馆平台作者主页网顺技术团队欢迎点赞收藏⭐留言文末获取源码联系方式查看下方微信号获取联系方式承接各种定制系统精彩系列推荐精彩专栏推荐订阅不然下次找不到哟Java毕设项目精品实战案例《1000套》感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以给我留言咨询,希望帮助更多的人文章目录基
5-【JavaWeb】JUnit 单元测试及JUL 日志系统
weixin_44329069
JavaWeb junit 单元测试
1.使用JUnit进行单元测试JUnit是Java中非常流行的单元测试框架,MyBatis与JUnit可以很好地结合,来测试持久层代码的正确性。1.1添加JUnit依赖在使用JUnit之前,需要在pom.xml中引入JUnit依赖。junitjunit4.13.2test1.2单元测试基本结构假设我们要测试UserMapper中的getUserById方法,测试代码如下:importorg.apa
10- 【JavaWeb】Tomcat、Servlet基础
weixin_44329069
JavaWeb tomcat servlet java
1.MacOS配置Tomcat服务器教程MacOS配置Tomcat服务器教程2.Servlet基础1.创建ServletServlet是一个扩展服务器功能的Java类,主要用于处理HTTP请求。以下是一个简单的Servlet示例:importjava.io.IOException;importjavax.servlet.ServletException;importjavax.servlet.an
【免费】springboot项目申报管理系统|毕业设计|Javaweb项目
计算机学姐来啦
springboot ssm java spring boot 课程设计 后端 毕设 毕业设计 java-ee
收藏点赞不迷路关注作者有好处编号:springboot375springboot项目申报管理系统开发语言:Java数据库:MySQL技术:Spring+SpringMVC+MyBatis工具:IDEA/Ecilpse、Navicat、Maven1.万字文档展示(部分)2.系统图片展示第5章系统详细设计5.1管理员功能模块的实现5.1.1项目列表如图5.1显示的就是项目列表页面,此页面提供给管理员的
idea 启动tomcat 工程_使用IDEA创建JavaWeb项目 部署本地tomcat并运行
心在天上脚在地上
idea 启动tomcat 工程
一、下载商业版IDEA二、新建JavaWeb项目1、在菜单栏找到File>>New>>Project2、在弹出的窗口中找到JavaEnterPrise>>WebApplication,点击Next3、填写项目名称,选择项目位置,然后Finish4、在左侧窗口可以看到IDEA创建JavaWeb工程的目录结构,在src中写java代码,在web目录下放jsp页面。三、下载tomacat下载完成后,解压
javaweb基于ssm框架学生信息管理(成绩)系统设计与实现
ancen_73bd
开发平台、开发工具、应用服务器的介绍开发平台:Windows开发工具:idea+mySql应用服务器:ApacheTomcat8.0学生成绩管理系统主要用于学校学生成绩信息管理,能实现学生、老师、院系、班级、课程的增删改查操作,同时学生能进行选课和退课操作,老师能对学生的成绩录入和修改操作。系统流程图功能结构图部分截图免费源码获得:扫码关注微信公众号:ancenok,然后回复:013
Servlet 文件上传
lly202406
开发语言
Servlet文件上传在JavaWeb开发中,文件上传是一个常见的需求。Servlet作为一种服务器端的技术,可以轻松实现文件上传功能。本文将详细介绍如何在Servlet中处理文件上传,包括环境配置、代码实现以及常见问题的解决方案。环境配置1.添加依赖在项目的pom.xml文件中,添加ApacheCommonsFileUpload库的依赖。这个库提供了易于使用的API来处理文件上传。commons
Django+Vue基于OpenCV的人脸识别系统的设计与实现
赵广陆
project django vue.js opencv
目录1项目介绍2项目截图3核心代码3.1需要的环境3.2Django接口层3.3实体类3.4config.ini3.5启动类3.5Vue4数据库表设计5文档参考6计算机毕设选题推荐7源码获取1项目介绍博主个人介绍:CSDN认证博客专家,CSDN平台Java领域优质创作者,全网30w+粉丝,超300w访问量,专注于大学生项目实战开发、讲解和答疑辅导,对于专业性数据证明一切!主要项目:javaweb、
8- 【JavaWeb】用HTML和CSS来创建一个简洁的登录界面
weixin_44329069
JavaWeb css html css3
我们将使用HTML和CSS来创建一个简洁、现代的登录界面。1.HTML结构首先,我们需要一个基本的HTML结构来容纳登录表单。保存为index.html文件:登录页面登录2.CSS样式接下来,我们将编写CSS样式来美化登录界面。保存为styles.css文件:/*Resetsomedefaultstyles*//*Resetsomedefaultstyles*/body,html{margin: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层,要保证针对主库进行写操作,对多个从库进行读操作。当然在一些请求中,为了避免主从复制的延迟导致的数据不一致性,部分的读操作也要到主库上。(这种需求一般通过业务垂直分开,比如下单业务的代码所部署的机器,读去应该也要从主库读取数