cgb2109-day09

已于 2022-02-09 09:15:09 修改
阅读量4k 收藏 6
点赞数 4
分类专栏： cbg2109班的笔记 文章标签： java
于 2021-11-10 09:16:34 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012932876/article/details/121241360
版权

文章目录

一,作业

–1,美化学生管理系统

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>学生信息管理系统MIS</title>
		<style>
			.a{
				width: 300px;/* 宽度 高度 */
				height: 30px;
			}
			#btn1{
				/* 背景色 文字的颜色 宽度 高度 */
				background-color: #0000FF;
				border-color: #0000FF;
				color: white;
				width: 50px;
				height: 30px;
				font-size: 15px;
			}
			#btn2{
				/* 背景色 文字的颜色 宽度 高度 */
				background-color: hotpink;
				border-color: hotpink;
				color: white;
				width: 50px;
				height: 30px;
				font-size: 15px;
			}
		</style>
	</head>
	<body>
		<!-- 完成网页的制作,总结: 
			1,标签:form表单可以提交数据,table表格,tr行,td列,h1标题,input输入框,
					select下拉框,option下拉选项,button按钮,br换行
			2,属性:method是form提交数据的方式,默认是get,数据在地址栏
					action是form提交的数据交给哪个程序处理,#是没人处理
					name是提交数据时的key,placeholder是输入框的提示,
					checked是默认选中,value是提交的数据的值
		-->
		<form method="post" action="#">
			<table>
				<tr>
					<td>
						<h1>学生信息管理系统MIS</h1>
					</td>
				</tr>
				<tr>
					<td>姓名:</td>
				</tr>
				<tr>
					<td>
						<input class="a" type="text" name="user" placeholder="输入姓名.."/>
					</td>
				</tr>
				<tr>
					<td>年龄:</td>
				</tr>
				<tr>
					<td>
						<input class="a" type="number" name="age" placeholder="输入年龄.."/>
					</td>
				</tr>
				<tr>
					<td>
						性别:(单选框)
						<input type="radio" name="sex" value="1" checked="checked"/>男
						<input type="radio" name="sex" value="0"/>女
					</td>
				</tr>
				<tr>
					<td>
						爱好:(多框)
						<input type="checkbox" name="hobby" value="ppq" checked="checked"/>乒乓球
						<input type="checkbox" name="hobby" value="ps"/>爬山
						<input type="checkbox" name="hobby" value="cg"/>唱歌
					</td>
				</tr>
				<tr>
					<td>
						学历:(下拉框)
						<select name="edu">
							<option value="1">本科</option>
							<option value="2">专科</option>
							<option value="3">小学</option>
						</select>
					</td>
				</tr>
				<tr>
					<td>
						入学日期:<br />
						<input type="date" name="intime"/>
					</td>
				</tr>
				<tr>
					<td>
						<input id="btn1" type="submit" value="保存"/>
						<input id="btn2" type="reset" value="取消"/>
					</td>
				</tr>
			</table>
		</form>
	</body>
</html>

二,CSS选择器

–1,分组选择器,属性选择器

分组选择器:选择器1,选择器2,选择器3{声明样式}
属性选择器:根据属性选中元素

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>测试 高级选择器</title>
	</head>
	<body>
		<style>
			/* 1.分组选择器:选择器1,选择器2,选择器3{声明样式} */
			div,#a,.b{ /* 通过多种选择器选中多个元素 */
				font-size: 30px;/* 字号 */
				text-indent: 20px;/* 文本缩进 */
			}
			/* 2.属性选择器:根据属性选中元素 */
			[type]{/* 只要有type属性的就会被选中 */
				background-color: #0000FF;
			}
			[type='text']{/* 只要type属性等于'text'的 */
				background-color: #FF0000;
			}
			input[type="password"]{/*只要input,而且type属性等于'password'的 */
				background-color: #FF69B4;
			}
		</style>
		<input type="text" placeholder="姓名"/>
		<input type="password" placeholder="密码"/>
		<div>我是div1</div>
		<div>我是div2</div>
		<div>我是div3</div>
		<p id="a">我是p1</p>
		<p class="b">我是p2</p>
		<p class="b">我是p3</p>
		<span>我是span1</span>
		<span>我是span1</span>
		<span>我是span1</span>
	</body>
</html>

三,盒子模型

–1,概述

CSS把HTML里的元素看做是一个一个的盒子.
内边距padding: 一个盒子里的现象,内容和边框的距离
外边距margin: 盒子和盒子间的距离
边框border:是指盒子可以设置边框

–2,测试

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>测试 小票</title>
		<style>
			/* 统一网页的风格 */
			body{
				width: 300px;/* 宽度 */
			}
			/* 加大字号 */
			.a{
				font-size: 30px;
			}
			/* 文字居中 */
			.b{
				/* text-align:center ; */
				margin-left: 80px;/* 左 内边距 */
			}
			/* 设置首行缩进 */
			#readme{
				text-indent: 30px;
			}
			/* 设置图片居中 */
			img{
				margin-left: 20px;
			}
			/* 设置水平线: 宽度 虚线 红色*/
			hr{
				border:1px dashed red;
			}
		</style>
	</head>
	<body>
		<div>顾客联</div>
		<div class="a">请您留意取餐账单号</div>
		<div class="b">自取顾客联</div>
		<div>永和大王(北二环西路店)</div>
		<div>010-62112313</div>
		<div class="b">--结账单--</div>
		<div class="a">账单号:P00000009</div>
		<div>账单类型:食堂</div>
		<div>人数:1</div>
		<div>收银员:张静</div>
		<div>开单时间:2018-04-17 07:24:11</div>
		<div>结账时间:2018-04-17 07:24:22</div>
		<hr />
		<table>
			<tr>
				<td>数量</td>
				<td>品项</td>
				<td>金额</td>
			</tr>
			<tr>
				<td>1</td>
				<td>
					油条豆浆套餐<br />
					1X--油条<br />
					1X--现磨豆浆(热/甜)
				</td>
				<td>7.00</td>
			</tr>
		</table>
		
		<hr />
		<table>
			<tr>
				<td width="180px">支付宝花呗一元早餐</td>
				<td>-3.00</td>
			</tr>
			<tr>
				<td>合计</td>
				<td>4.00</td>
			</tr>
			<tr>
				<td>支付宝</td>
				<td>1.00</td>
			</tr>
			<tr>
				<td>支付宝补贴</td>
				<td>3.00</td>
			</tr>
		</table>
		<hr />
		打印时间:2018-04-17 07:24:22
		<hr />
		<div id="readme">
			根据相关税法规定，电子发票的开票日期同网上申请电子发票的日期，如您需要当日的电子发票请务必在消费当日通过扫描下方二维码，根据指引步骤开具您的增值税电子普通发票。此二维码30天有效，扫描时请保持小票平整。
		</div>
		<div>
			<img src="2.png"/>
		</div>
		<div>官网：www.yonghe.com.cn</div>
		<div>加盟热线：86-21-60769397 或 86-21-60769002</div>

	</body>
</html>

四,HTMLCSS综合案例

–1,小票

在这里插入图片描述

创建1.css文件
/* 统一网页的风格 */
body{
	width: 300px;/* 宽度 */
}
/* 加大字号 */
.a{
	font-size: 30px;
}
/* 文字居中 */
.b{
	/* text-align:center ; */
	margin-left: 80px;/* 左 内边距 */
}
/* 设置首行缩进 */
#readme{
	text-indent: 30px;
}
/* 设置图片居中 */
img{
	margin-left: 20px;
}
/* 设置水平线: 宽度 虚线 红色*/
hr{
	border:1px dashed red;
}
改造html文件,引入css文件
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>测试 小票</title>
		<!-- link把外部CSS文件引入到这个网页中 
			rel是指文件的类型(stylesheet是固定值是样式表)
			href是指定文件的位置
		-->
		<link rel="stylesheet" href="1.css"/>
	</head>
	<body>
		<div>顾客联</div>
		<div class="a">请您留意取餐账单号</div>
		<div class="b">自取顾客联</div>
		<div>永和大王(北二环西路店)</div>
		<div>010-62112313</div>
		<div class="b">--结账单--</div>
		<div class="a">账单号:P00000009</div>
		<div>账单类型:食堂</div>
		<div>人数:1</div>
		<div>收银员:张静</div>
		<div>开单时间:2018-04-17 07:24:11</div>
		<div>结账时间:2018-04-17 07:24:22</div>
		<hr />
		<table>
			<tr>
				<td>数量</td>
				<td>品项</td>
				<td>金额</td>
			</tr>
			<tr>
				<td>1</td>
				<td>
					油条豆浆套餐<br />
					1X--油条<br />
					1X--现磨豆浆(热/甜)
				</td>
				<td>7.00</td>
			</tr>
		</table>
		
		<hr />
		<table>
			<tr>
				<td width="180px">支付宝花呗一元早餐</td>
				<td>-3.00</td>
			</tr>
			<tr>
				<td>合计</td>
				<td>4.00</td>
			</tr>
			<tr>
				<td>支付宝</td>
				<td>1.00</td>
			</tr>
			<tr>
				<td>支付宝补贴</td>
				<td>3.00</td>
			</tr>
		</table>
		<hr />
		打印时间:2018-04-17 07:24:22
		<hr />
		<div id="readme">
			根据相关税法规定，电子发票的开票日期同网上申请电子发票的日期，如您需要当日的电子发票请务必在消费当日通过扫描下方二维码，根据指引步骤开具您的增值税电子普通发票。此二维码30天有效，扫描时请保持小票平整。
		</div>
		<div>
			<img src="2.png"/>
		</div>
		<div>官网：www.yonghe.com.cn</div>
		<div>加盟热线：86-21-60769397 或 86-21-60769002</div>

	</body>
</html>

–2,用户注册

在这里插入图片描述

创建2.css文件
/* 1.修饰input框  宽度高度 内边距 外边距 字号 */
.a{
	width: 330px;
	height: 40px;
}
/* 2.修饰提示文字 字号 颜色 缩进 */
.b{
	font-size: 5px;
	color: gray;
	text-indent: 10px;
}
/* 3.立即注册的按钮 背景色 字的颜色 字号 边框的颜色 居中*/
button{
	background-color: red;
	border-color: red;
	color: white;
	text-align: center;
	width: 330px;
	height: 50px;
	font-size:25px ;
}
/* 4.居中的用户注册 */
h1{
	/* text-align: center; */
	margin-left: 100px;
}
创建html文件,并引入2.css文件
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>用户注册</title>
		<!-- 引入外部的css文件 -->
		<link rel="stylesheet" href="2.css"/>
	</head>
	<body>
		<form>
			<table>
				<tr>
					<td>
						<h1>用户注册</h1>
					</td>
				</tr>
				<tr>
					<td>
						<input class="a" type="text" placeholder="用户名" name="user"/>
					</td>
				</tr>
				<tr>
					<td class="b">支持中文、字母、数字、“-”、“_”的组合，4-20个字符</td>
				</tr>
				<tr>
					<td>
						<input class="a" type="password" placeholder="设置密码" name="pwd"/>
					</td>
				</tr>
				<tr>
					<td class="b">建议使用数字、字母和符号两种以上的组合，6-20个字符</td>
				</tr>
				<tr>
					<td>
						<input class="a" type="password" placeholder="确认密码" name="repwd"/>
					</td>
				</tr>
				<tr>
					<td class="b">两次密码输入不一致</td>
				</tr>
				<tr>
					<td>
						<input class="a" type="number" placeholder="验证手机" name="tel"/>
						或 
						<a href="#">验证邮箱</a>
					</td>
				</tr>
				<tr>
					<td>
						<input type="checkbox" />
						我已阅读并同意
						<a href="#">《京淘用户注册协议》</a>
					</td>
				</tr>
				<tr>
					<td>
						<button type="submit">立即注册</button>
					</td>
				</tr>
			</table>
		</form>
	</body>
</html>

五,Git

–1,概述

完成版本控制,可以实时上传代码到码云服务器上.
日常操作:
1,上传: add -> commit -> push
add : 把即将上传的资源,从工作空间添加到本地索引
commit: 把已经添加了索引的文件,从本地索引提交到本地仓库
push: 把本地仓库的 推送到 Gitee上
2,下载: clone/pull
clone: 把Gitee上的代码下载到你的电脑里

–2,准备工作

安装Git(下一步下一步就行了)
去码云注册账号(记住账号密码,并激活邮箱)

cgblpx
关注
  • 4
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
MS2109原理图与规格书
07-05
MS2109 HDMI转USB芯片资料
CGB2011-DAY02.html
03-12
CGB2011-DAY02.html
POJ2109
微光曾经闪烁的博客
08-08 106
POJ2109 题目 Power of Cryptography Time Limit: 1000MS Memory Limit: 30000K Total Submissions: 30684 Accepted: 15252 Description Current work in cryptography involves (among other things) large prime numbers and computing powers of numbers among these prim
SQL Server 2109安装中遇到脱机安装Microsoft机器学习服务器组件无法下一步的解决方法
热门推荐
rongqing168的博客
03-24 1万+
在安装SQL Server 2109 Express中最好打开Windows是Update的服务，否则安装中也许会遇到意想不到的问题。而且SQL Server 2109还没有补丁服务包，提示信息也不完善。 在安装过程中，我就遇到了提示：脱机安装Microsoft机器学习服务器组件，按照提示点击下面的连接，下载了SRS_9.4.7.25_1033.cab但是仍然无法继续的问题。在网上查找资料没有该方...
cgb2109-day06
cgblpx的博客
11-05 5222
文章目录一,标题二,标题三,标题 一,标题 二,标题 三,标题
2109大数据第二阶段错题复习
ls021的博客
11-27 5580
下面的描述错误的是（B） A.Statement的executeQuery()方法会返回一个结果集 B.Statement的executeUpdate()方法会返回是否更新成功的boolean值 C.Statement的execute ()方法会返回boolean值 ，含义是是否返回结果集 D.Statement的executeUpdate()方法会返回值是int类型，含义是DML操作影响记录数 解析：JDBC在操作数据库时，exrcuteUpdate()会返回一个对数据库...
CGB2109-Day09-Mybatis
qq_16804847的博客
12-06 6121
1.SpringBoot简化Mybatis 1.1 项目整合 1.1.1 创建项目 1.1.2 导入jar包 说明: 在pom.xml文件中 添加jar包文件 <!--mybatis依赖包--> <dependency> <groupId>org.mybatis.spring.boot</groupId> <artifactId>mybatis-spring-boot-starter
cgb2109-day04
cgblpx的博客
11-03 5689
文章目录一,标题二,标题三,标题 一,标题 二,标题 三,标题
CGB2011-DAY13-14.html
03-30
CGB2011-DAY13-14.html
H3CGB0-713华三.docx 文档
11-06
H3CGB0-713.docx
cgb08-09班级面试题.docx
03-22
cgb08-09班级面试题.docx
H3CGB0-732.docx
03-14
H3CGB0-732.docx
进阶2 探索图形化编程：扩展图形组件与切片开发的魅力
优树搭的博客
05-30 1264
当这些切片成功地通过图形程序串联起来后，在后续进行程序升级或维护时，大家会惊喜地发现，图形程序就如同清晰的路标一般，可以非常便捷地通过图形程序准确地定位到相关切片，并对这些切片进行在线查看、编辑和执行等操作。而且，这些切片的代码长度通常不会太长，相比传统开发的代码，阅读起来要容易得多，这无疑会给系统后续的工作带来极大的便利。
operator ＜=＞ (spaceship operator)
janeqi1987的专栏
05-28 836
= 与!= 操作符为了检查是否相等，现在定义== 操作符就够了。当编译器找不到表达式的匹配声明a!=b 时，编译器会重写表达式并查找!(a==b)。若这不起作用，编译器也会尝试改变操作数的顺序，所以也会尝试!(b==a):a!=b,!(b==a)因此，对于TypeA 的a 和TypeB 的b，编译器将能够识别并编译a!= b若需要的话，可以这样做• 一个独立函数operator!• 一个独立函数operator==(TypeA, TypeB)
Spring6基础笔记
质胜文则野，文胜质则史。文质彬彬，然后君子。
05-21 1182
Spring 是一款主流的 Java EE 轻量级开源框架 ，Spring 由“Spring 之父”Rod Johnson 提出并创立，其目的是用于简化 Java 企业级应用的开发难度和开发周期。Spring的用途不仅限于服务器端的开发。从简单性、可测试性和松耦合的角度而言，任何Java应用都可以从Spring中受益。Spring 框架除了自己提供功能外，还提供整合其他技术和框架的能力。Spring 自诞生以来备受青睐，一直被广大开发人员作为 Java 企业级应用程序开发的首选。时至今日，Spring 俨然
Java 异常处理中try-catch块、finally子句以及自定义异常的使用
最新发布
Itmastergo的博客
05-31 475
异常是程序运行过程中出现的非正常情况。Java 使用异常类（Exception 类及其子类）来表示这些异常情况。异常处理的核心思想是将正常的程序流程与异常处理流程分离开来，使代码更加清晰和可维护。Throwable 类：所有异常和错误的基类。Error 类：表示系统级的错误，程序通常无法处理，比如内存不足（OutOfMemoryError）。Exception 类：表示程序中可以处理的异常情况。RuntimeException 类。
java多线程创建方式
weixin_57763462的博客
05-28 1034
这种方式是通过创建一个实现了Runnable接口的类，并实现run()方法来创建线程。然后将这个类的对象作为参数传递给Thread类的构造器，并调用Thread对象的start()方法来启动线程。这种方式是通过创建一个实现了Callable接口的类，实现call()方法，并使用FutureTask或者ExecutorService来创建线程。这种方式的优点在于，由于Java不支持多重继承，如果你的类需要继承其他类，那么实现Runnable接口将是唯一的选择。// 在这里定义线程的执行逻辑。
Redis学习笔记【基础篇】
qq_42192253的博客
05-30 765
这样以来，我们就可以把不同类型的数据区分开了。从而避免了key的冲突问题。HSET key field value：添加或者修改hash类型key的field的值。获取sorted set 中的指定元素的排名：ZRANK key member。HGET key field：获取一个hash类型key的field的值。通过给key添加前缀加以区分，不过这个前缀不是随便加的，有一定的规范。HMSET：批量添加多个hash类型key的field的值。HMGET：批量获取多个hash类型key的field的值。
cgb76635@gmail.com
11-11
很抱歉，根据提供的引用内容，我无法回答关于"cgb76635@gmail.com"的问题。引用提到了@RestController注解和其返回JSON、XML或其他文本的特性，引用则提到了跨域问题。如果您有关于这些内容的问题，我可以为您解答。...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值