HTML常用标签

最新推荐文章于 2023-02-17 11:02:19 发布
最新推荐文章于 2023-02-17 11:02:19 发布
阅读量64 收藏
点赞数
文章标签： sql 数据库 mysql
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mashenk/article/details/120650654
版权

一.改造登录案例

1.概述

现在的写法中,出现了SQL注入攻击的现象

原因是:用户输入了非法字符#,#在SQL语句里是注释的意识,改变了SQL语义

是Statement的传输器功能不够强大.要用PreparedStatement替换

Statement:不安全,低效,SQL拼接复杂

PreparedStatement:安全,高效,不需要SQL拼接直接用?作为占位符,再给?设置值--框架也在用

2.改造

package cn.tedu.test;

import java.sql.*;
import java.util.Scanner;

//测试用户表
public class Test2 {
    public static void main(String[] args) throws Exception {
//        method();//查询所有用户信息
        method2();//根据用户名和密码查询,用户信息,查到了才能登录
    }
    //模拟用户登录:利用JDBC,根据用户名和密码查询用户信息
    private static void method2() throws Exception{
        //注册驱动
        Class.forName("com.mysql.jdbc.Driver");
        //获取数据库的连接
        String url="jdbc:mysql://localhost:3306/cgb2106?characterEncoding=utf8" ;
        Connection c = DriverManager.getConnection(url,"root","root");

        String a = new Scanner(System.in).nextLine();
        String b = new Scanner(System.in).nextLine();
        //获取传输器
//        Statement s = c.createStatement();//缺点:不安全,低
String sql = "select * from user where name=? and password=?";
        //SQL骨架,?叫占位符
        PreparedStatement ps = c.prepareStatement(sql);
        //设置参数
        ps.setString(1,a);//给第一个?设置a的值
        ps.setString(2,b);//给第二个?设置b的值
        //执行SQL
        ResultSet r = ps.executeQuery();
        //处理结果集
        if( r.next() ){//next()用来判断有没有数据,查到了返回true
            System.out.println("恭喜您,登录成功!");
        }else{
            System.out.println("用户名或者密码输入错误!");
        }
        //释放资源
        r.close();
        ps.close();
        c.close();
    }
    //利用JDBC,查询所有用户信息
    private static void method() throws Exception {
        //注册驱动
        Class.forName("com.mysql.jdbc.Driver");
        //获取数据库的连接
String url="jdbc:mysql://localhost:3306/cgb2106?characterEncoding=utf8" ;
        Connection c = DriverManager.getConnection(url,"root","root");
        //获取传输器
        Statement s = c.createStatement();
        //执行SQL
        ResultSet r = s.executeQuery("select * from user");
        //处理结果集
        while( r.next() ){//如果有数据就返回true
            String id = r.getString(1);//获取数据
            String name = r.getString(2);//获取数据
            String pwd = r.getString(3);//获取数据
            System.out.println(id+name+pwd);
        }
        //释放资源
        r.close();
        s.close();
        c.close();
    }

}

二.HTML

1.概述

专门用来制作网页的技术,是超文本标记语言

超文本:比文本功能要强大,网页中可以插入 图片 音频 视频等...

标记:也叫标签,用<???>,不同的标签有不同的功能

2.入门案例

<!doctype html>
<html>
	<head></head>
	<body>
		he&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;llo html~ 
		hello html~
		hello html~ <br>
		hello html~
		hello html~
		hello html~
	</body>
</html>

3.使用Hbuilder

新建项目-选中项目-新建-XX.html文件

三.常用标签

1.概述

使用不同的标签,实现在网页中插入不同类型的元素

2.常用标签

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 6.输入框 -->
		<input type="text"/>  
		<input type="password" placeholder="手机号"/>  
		<input type="week"/>  
		<input type="date"/>  
		<input type="datetime"/>  
		<input type="number"/>  
		<input type="email"/>  
		<input type="radio"/> 男 
		<input type="checkbox"/>  杨幂
		<input type="button" value="点我"/>
		
		
		<!-- 5.超链接标签a 
			 href指定跳转到哪个网址 
			 target是以什么方式打开(默认是_self当前窗口打开),_blank是新窗口打开
		-->	
		<a href="https://www.baidu.com/" target="_blank">百度一下</a>
		<a href="https://www.baidu.com/s?cl=3&tn=baidutop10&fr=top1000&wd=31%E7%9C%81%E5%8C%BA%E5%B8%82%E6%96%B0%E5%A2%9E%E6%9C%AC%E5%9C%9F%E7%A1%AE%E8%AF%8A55%E4%BE%8B&rsv_idx=2&rsv_dl=fyb_n_homepage&hisfilter=1" target="_blank">31省区市新增本土确诊55例</a>
		
		<a name="top">我是顶部</a>
		<h2>广东富婆通讯录</h2>
		<h2>广东富婆通讯录</h2>
		<h2>广东富婆通讯录</h2>
		<h2>广东富婆通讯录</h2>
		<h2>广东富婆通讯录</h2>
		<!-- 锚定: 回到一个固定位置 -->
		<a href="#top">点我回到顶部</a>
		
		
		<!-- 1.标题标签: 在网页中 插入标题 h1大~h6小-->
			<h1>风雨有我在 人民请放心</h1>
			<h2>风雨有我在 人民请放心</h2>
			<h3>风雨有我在 人民请放心</h3>
			<h4>风雨有我在 人民请放心</h4>
			<h5>风雨有我在 人民请放心</h5>
			<h6>风雨有我在 人民请放心</h6>
		<!-- 2.列表标签: ul(unorderlist)+li 无序列表-->
			<ul>
				<li>北京严控中高风险地区人员进京</li>
				<li>北京严控中高风险地区人员进京</li>
			</ul>
		<!-- 3.列表标签: ol(orderlist)+li 有序列表-->
			<ol>
				<li>北京严控中高风险地区人员进京</li>
				<li>北京严控中高风险地区人员进京</li>
			</ol>
		<!-- 4.图片标签img :  通过src属性指定图片的位置
			width:修饰了图片的宽度 height:修饰了图片的高度(单位是像素)
		-->	
			<img src="a.png" width="150px" height="50px"/>
			<img src="a.png" width="150px" height="50px"/>
			
			
	</body>
</html>

3.表格标签

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>测试 表格标签</title>
	</head>
	<body>
		<!-- 练习表格: th标签比td多了元素加粗的效果  
			colspan用来合并列  rowspan用来合并行
		-->
		<table border="1px">
			<tr>
				<th>总页面流量</th>
				<th>共计来访</th>
				<th>会员</th>
				<th>游客</th>
			</tr>
			<tr>
				<td>1</td>
				<td>2</td>
				<td>3</td>
				<td>4</td>
			</tr>
			<tr>
				<td>1</td>
				<td colspan="3">2</td>
			</tr>
		</table>
		
		
		<!-- 1. table向网页中插入表格 
			tr表示表格里的行元素,td表示行里的列元素
			width / height 宽度/高度   border边框  bgcolor是背景颜色 cellspacing单元格间距
			合并列 colspan  合并行 rowspan
		-->
		<table width="300px" height="50px" 
					border="3px" bgcolor="pink" cellspacing="0px">
			<tr>
				<td colspan="2">11</td>
				
				<td>13</td>
			</tr>
			<tr>
				<td>21</td>
				<td>22</td>
				<td rowspan="2">23</td>
			</tr>
			<tr>
				<td>31</td>
				<td>32</td>
				
			</tr>
		</table>
	</body>
</html>

4.表单标签form

本质就是一个表格,表单比表格多了数据提交功能

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>测试 表单标签</title>
	</head>
	<body>
		<!-- 创建表单,
			下拉框:select(下拉) + option(选项)
			文件上传: <input type="file"/>
			文本域:<textarea></textarea>
		 -->
		<h1>注册表单</h1>  
		<form>
			<table border="1px" cellspacing="0px" bgcolor="lightgray">
				<tr>
					<td>用户名:</td>
					<td>
						<input type="text" />
					</td>
				</tr>
				<tr>
					<td>密码:</td>
					<td>
						<input type="password" />
					</td>
				</tr>
				<tr>
					<td>确认密码:</td>
					<td>
						<input type="password" />
					</td>
				</tr>
				<tr>
					<td>昵称:</td>
					<td>
						<input type="text" />
					</td>
				</tr>
				<tr>
					<td>邮箱:</td>
					<td>
						<input type="email" />
					</td>
				</tr>
				<tr>
					<td>性别:</td>
					<td>
						<input type="radio" />男
						<input type="radio" />女
					</td>
				</tr>
				<tr>
					<td>爱好:</td>
					<td>
						<input type="checkbox" />篮球
						<input type="checkbox" />足球
						<input type="checkbox" />乒乓球
					</td>
				</tr>
				<tr>
					<td>城市:</td>
					<td>
						<select> 
							<option>北京</option>
							<option>上海</option>
							<option>广州</option>
							<option>深圳</option>
						</select>
					</td>
				</tr>
				<tr>
					<td>头像:</td>
					<td>
						<input type="file" />
					</td>
				</tr>
				<tr>
					<td>验证码:</td>
					<td>
						<input type="text" />
						<img src="a.png" />
						<input type="button" value="点我换一张" />
					</td>
				</tr>
				<tr>
					<td>自我描述:</td>
					<td>
						<textarea>描述信息...</textarea>
					</td>
				</tr>
				<tr>
					<td colspan="2">
						<input type="button" value="提交"/>
						<input type="button" value="重置"/>
					</td>
				</tr>
			</table>
		</form>
	</body>
</html>

5.无法提交的问题

步骤:

1.把提交的按钮必须改成submit类型

2.给标签加name属性

3.当提交数据时,会把用户输入的信息jack提交给服务器

3.当提交数据时,会把用户输入的信息jack提交给服务器

http://127.0.0.1:8848/cgb2106/test03.html?user=jack
http://127.0.0.1:8848/cgb2106/test03.html?user=12&abc=123&age=18

4.改造网页文件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>测试 表单标签</title>
	</head>
	<body>
		<!-- 创建表单,
			下拉框:select(下拉) + option(选项)
			文件上传: <input type="file"/>
			文本域:<textarea></textarea>
		 -->
		<h1>注册表单</h1>  
		<form>
			<table border="1px" cellspacing="0px" bgcolor="lightgray">
				<tr>
					<td>用户名:</td>
					<td>
						<input type="text" name="user"/>
					</td>
				</tr>
				<tr>
					<td>密码:</td>
					<td>
						<input type="password" name="pwd" />
					</td>
				</tr>
				<tr>
					<td>确认密码:</td>
					<td>
						<input type="password" name="repwd" />
					</td>
				</tr>
				<tr>
					<td>昵称:</td>
					<td>
						<input type="text"  name="nick" />
					</td>
				</tr>
				<tr>
					<td>邮箱:</td>
					<td>
						<input type="email"  name="mail" />
					</td>
				</tr>
				<tr>
					<td>性别:</td>
					<td>
						<!-- 想单选就必须设置name属性,而且值必须相同
								设置好name属性数据就可以提交了,但是默认提交了on
						 -->
						<input type="radio" name="sex" value="1"/>男
						<input type="radio" name="sex" value="0"/>女
					</td>
				</tr>
				<tr>
					<td>爱好:</td>
					<td>
						<input type="checkbox" />篮球
						<input type="checkbox" />足球
						<input type="checkbox" />乒乓球
					</td>
				</tr>
				<tr>
					<td>城市:</td>
					<td>
						<select> 
							<option>北京</option>
							<option>上海</option>
							<option>广州</option>
							<option>深圳</option>
						</select>
					</td>
				</tr>
				<tr>
					<td>头像:</td>
					<td>
						<input type="file" />
					</td>
				</tr>
				<tr>
					<td>验证码:</td>
					<td>
						<input type="text" />
						<img src="a.png" />
						<input type="button" value="点我换一张" />
					</td>
				</tr>
				<tr>
					<td>自我描述:</td>
					<td>
						<textarea>描述信息...</textarea>
					</td>
				</tr>
				<tr>
					<td colspan="2">
						<input type="submit" value="提交"/>
						<input type="button" value="重置"/>
					</td>
				</tr>
			</table>
		</form>
	</body>
</html>

mashenk
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
cgb2106-day05
cgblpx的博客
07-30 6272
文章目录一,视图--1,概述--2,测试二,SQL练习--1,测试三,SQL优化的方案--1,总结三,SQL优化的方案 一,视图 –1,概述 可以把SQL的查询结果缓存起来,存入视图中. 好处: 简化了SQL的编写 坏处: 没法做SQL的优化,占用空间. –2,测试 #1.创建视图:缓存了查询结果 CREATE VIEW `cgb2106`.`emp_view` AS #以下的SQL执行的结果会被缓存到视图中 (SELECT * FROM emp WHERE ename LIKE '%a%'); #2.
SQL Server优化视图查询速度
Jeakjava的博客
11-28 5480
根据左连接加快查询速度
MySQL进阶之SQL优化、视图、存储过程
m0_63932570的博客
10-22 755
使用select @@local_infile可以看出这个local_infile开关是否打开，0是关闭，1是打开。当没有建立与这两个索引相匹配的索引时，查询的结果就是using filesort。这样再插入数据时，就可以把符合where条件的数据插入到基表和视图中啦，注意不符合where条件的数据不会插入到基表和视图。但当我们在基表中查询数据时，这些从视图插入的数据并不存在。这里26插不进去是因为不仅要检查插入的视图，还要再去检查该视图依赖的视图的where条件表达式。global表示全局的系统变量。
数据库---SQL优化/视图/存储过程/触发器
m0_58342797的博客
04-27 1375
SQL优化 插入数据 1、批量插入 insert student_info values(1,'李四',1789090,'189@136.com','陕西咸阳'),(1,'李四',1789090,'189@136.com','陕西咸阳'); 每一次insert都要和数据库建立连接，可以批量插入，减少连接次数 2、手动事务提交 mysql默认自动提交，每一条insert语句的执行，都会涉及到事务的开启和关闭，可以设置手动提交，减少事务开启关闭次数 3、主键性能插入 按照主键顺序插入 4、涉
SQL查询的优化：如何调整SQL查询的性能
励志做最业余的专业博主，控件产品可以私我~
02-17 1445
当企业和公司面临SQL Server的性能挑战时，他们的重点通常是应用性能调整工具和优化技术。这不仅有助于分析和使查询运行得更快，而且有助于消除性能问题，排除性能不佳的故障。
HTML常用标签代码
05-07
在本资源中，我们看到的"HTML常用标签代码"显然是一个帮助初学者或开发者学习和练习HTML标签的资料。下面将详细介绍一些常见的HTML标签及其用法。 1. `<html>`: 这是每个HTML文档的根元素，包含整个网页的代码。...
20.2 HTML 常用标签
最新发布
07-28
在“20.2 HTML 常用标签”这个主题中，我们将深入探讨一些HTML中不可或缺的核心标签，这些标签对于创建功能性且结构清晰的网页至关重要。 1. **文档类型声明（<!DOCTYPE html>）**：这是每个HTML文档的开头，用于...
HTML常用标签属性.txt
04-29
HTML常用标签属性大全
MySQL进阶篇（2）—SQL优化、视图/存储过程/触发器
weixin_61843013的博客
11-04 529
MySQL进阶篇二之SQL优化以及视图/存储过程/触发器的讲解
Mysql从底层优化
jiandong06的博客
01-19 863
Mysql高级-day02 1. Mysql的体系结构概览 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jj8Pvctb-1579402585185)(assets/000001.jpg)] 整个MySQL Server由以下组成 Connection Pool : 连接池组件 Management Services & Utilities : 管理服务...
数据库：使用视图优化查询性能
王山山
09-03 4307
视图是从一个或多个表中导出来的虚拟表。这是因为视图返回的结果集的一般格式与由列和行组成的表相似，并且在SQL语句中引用视图的方式也与引用表的方式相同。 视图概述 视图是从一个或者几个基本表或者视图中导出的虚拟表，是从现有基表中抽取若干子集组成用户的“专用表”，这种构造方式必须使用SQL中的SELECT语句来实现。在定义一个视图时，只是把其定义存放在数据库中，并不直接存储视图对应的数据，直到用户使用...
MySQL—SQL优化笔记整理
slxysyka的博客
03-13 4150
SQL 优化 第一节 准备数据 1、修改配置 为了能够看出 SQL 优化前后的性能差异，我们需要较为大量的数据。生成这些数据我们需要用到 MySQL 中的自定义函数。 但是 MySQL 默认关闭了自定义函数功能，所以我们需要通过修改配置文件来开启这项功能。 # 使用 vim 编辑器打开配置文件 vim /etc/my.cnf 在配置文件末尾增加如下内容： # 设置为 1 表示开启这项功能 log_bin_trust_function_creators=1 然后重启 MySQL 服务： systemctl
SQL优化之内联视图，合并到底好不好？
南山南的Python和大数据学习笔记
03-26 816
关注我的微信公众号：pythonislover,领取python,大数据，SQL优化相关视频资料！~ Python大数据与SQL优化笔 QQ群：771686295 首先说下什么叫做内联视图 select * from () view_a v , table_name t where v.id = t.id 就是说from后面有视图存在。 在这样的情况下优化器对安装C...
【SqlServer】视图优化：索引视图的优缺点
itisauto2008的专栏
05-28 846
视图的查询优化 索引视图 优点：对于非索引视图，解析查询所必需的视图部分会在运行时被具体化。任何计算（比如：联接或聚合）都在每个引用视图的查询执行时完成。在视图上创建了唯一的聚集索引后，该视图的结果集随即被具体化，并保存在数据库的物理存储中，从而在执行时节省了执行这一高成本操作的开销。 缺点：企业版支持此功能。会占用物理存储和增加基础表的维护开销。 索引视图的数据库需要附加存储。索引视图的结果集在物理上通过与典型表存储相似的方式保留在数据库中。 SQL Serve...
SQL优化三步曲
10-29 206
有一天开发同学反馈线上业务库中有一条SQL执行很满，每次几乎要跑1分钟才结束，希望我们帮忙优化一下，具体SQL如下： SQL优化第一步 - 查看执行计划 对于一个SQL的优化，我们的第一步也是最重要的一步就是查看SQL执行计划，SQL执行计划一方面告诉我们SQL具体的处理行为，另外一方面也可以体现每个执行步骤下大致的资源消耗点。所以我们拿到问题SQL以及对应数据库环境后，登录该环境只读实例进行SQL分析测试。 从以上的SQL执行计划我们可以获取到哪些有效信息呢？ SQL先对t表扫描查询生产派生表，br
SQL优化一例：注意视图对性能的影响
weixin_33858336的博客
05-26 588
近日在生产库ADDM中捕捉到了一些列SQL语句，绝大部分通过索引优化都能够搞定，但是如下一句SQL语句却非常难缠。通过索引优化效果一直不理想，最后进一步分析得出该语句上层视图用了×查询出了ACH大数据表的所有字段（数百万记录，50个字段的表），而我们在SQL中只用到了区区几个字段，于是决定抛弃该视图，把视图中相关逻辑直接在上层SQL中展现。通过该动作，大大降低了对关键表的查询开销，得以高效优化...
【MySQL】我必须得告诉大家的MySQL优化原理2（中）视图与视图背后的……
高精尖发展
08-05 1973
视图 对于一些关联表的复杂查询，使用视图有时候会大大简化问题，因此在许多场合下都可以看到视图的身影，但视图真如我们所想那样简单吗？它和直接使用JOIN的SQL语句有何区别？视图背后的原理又了解多少？ 视图本身是一个虚拟表，不存放任何数据，查询视图的数据集由其他表生成。MySQL底层通过两种算法来实现视图：临时表算法（TEMPTABLE）和合并算法（MERGE）。 临时表算法就是将SELECT...
HTML常用标签总结及用法实例
<!...定义了网页的主要内容部分，俗称身体。 ... ...3. <head>：定义网页的头部部分，包含、、、、等常用...希望通过对HTML常用标签的总结和学习，能够帮助大家更好地理解和应用HTML标签，为日后的网页开发工作打下坚实的基础。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值