Java模拟服务器解析web数据

目录

• 一，模拟 服务器 解析浏览器发来的数据
• 二，CSS选择器
• 三，练习HTML和CSS
• –1，创建css文件
• –2，修改html文件
• 四，css的盒子模型
• –1，
• 概述
• –2，练习
• html代码
• css代码
• 五，JS
• –1，入门案例
• –2，基础语法
• 总结

一，模拟 服务器 解析浏览器发来的数据

package cn.tedu.test;
//模拟 服务器 解析浏览器发来的数据 -- SpringMVC框架
//http://127.0.0.1:8848/cgb2105/stu.html?user=1&age=2&sex=1&like=1&edu=2&time=2021-07-07
public class Test5 {
    public static void main(String[] args) {
        String url="http://127.0.0.1:8848/cgb2105/stu.html?user=1&age=2&sex=1&like=1&edu=2&time=2021-07-07";
//        1，按照？切割字符串，得到a数组
//                [http://127.0.0.1:8848/cgb2105/stu.html ,
//                  user=1&age=2&sex=1&like=1&edu=2&time=2021-07-07]
//        2,重点解析数组里的第二部分a[1]   user=1&age=2&sex=1&like=1&edu=2&time=2021-07-07
//        3,按照&切割字符串，得到b数组
//                [user=1,age=2,sex=1,like=1,edu=2,time=2021-07-07]
        String[] b= url.split("\\?")[1].split("&");
//        4,遍历b数组，得到str,数据user=1     age=2    sex=1
        for(String str : b){
//        5,再按照=切 [user,1]   [age,2]
            String data = str.split("=")[1];
            System.out.println(data);
        }
        //TODO jdbc入库
    }
}

二，CSS选择器

	
		
		
		
		
	
	
		
我是div1
		
我是div2
		
我是div3
		我是span1
		我是span2
		
我是p
		
		
	

三，练习HTML和CSS

–1，创建css文件

/* 选中class=a的元素 */
.a{
	width: 275px;/* 宽度 */
	height: 30px;/* 高度 */
}
/* 修饰保存按钮 */
input[type="submit"]{
	height: 30px;  /* 高度 */
	width: 45px;   /* 宽度 */
	color: white; /* 字的颜色 */
	background-color: blue; /* 背景色*/
	border: 2px solid blue; /*边框的宽度 实线 边框的颜色*/
}
/* 修饰取消按钮 */
input[type="button"]{
	height: 30px;  /* 高度 */
	width: 45px;   /* 宽度 */
	color: white; /* 字的颜色 */
	background-color: hotpink; /* 背景色*/
	border: 2px solid hotpink; /*边框的宽度 实线 边框的颜色*/
}

–2，修改html文件

	
		
		
		
		
	
	
		
		

			

				

					

						
学生信息管理系统MIS
					
				
				

					

						姓名：
					
				
				

					

						
					
				
				

					

						年龄：
					
				
				

					

						
					
				
				

					

						性别：(单选框) 
						男
						女
					
				
				

					

						爱好：(多选) 
						乒乓球
						爬山 
						唱歌
					
				
				

					

						学历：(下拉框) 
						
							本科
							专科
							高中
							小学
						
					
				
				

					

						入学日期： 

						
					
				
				

					

						
						
					
				
			
		
		
		
	

四，css的盒子模型

–1，

概述

css把网页中的每个元素看做是一个盒子。 margin：外边距，是指盒子和盒子之间的距离 padding：内边距，是盒子里的内容和边距的距离 width/height：内容的宽度.高度 border：边框

–2，练习

html代码

	
		
		
		
		
	
	

		

			

				

					

						
用户注册
					
				
				

					

						
					
				
				

					

						支持中文、字母、数字、“-”、“_”的组合，4-20个字符
					
				
				

					

						
					
				
				

					

						建议使用数字、字母和符号两种以上的组合，6-20个字符
					
				
				

					

						
					
				
				

					

						两次密码输入不一致
					
				
				

					

						
						或
						验证邮箱
					
				
				

					

						
						我已阅读并同意
						《京淘用户注册协议》
					
				
				

					

						
					
				
			
		
	

css代码

/* 修饰输入框 */
.a{
	width: 300px;/* 宽度 */
	height: 30px;/* 高度 */
	padding: 10px;/* 内边距 */
	margin: 10px;/* 外边距 */
	font-size: 20px;/* 加大字号 */
}
/* 修饰小文字 */
.b{
	font-size: 10px; /* 大小 */
	color: gray; /* 颜色 */
	padding-left:25px ; /* 左边距 */
}
/* 修饰我已阅读  */
#m{
	padding-left: 25px;/* 左边距 */
}
/* 修饰立即注册按钮 */
input[type="submit"]{
	background-color: #FF0000; /* 背景色 */
	color: white;/* 字的颜色 */
	font-size: 20px;/* 字号 */
	height: 50px;/* 高度 */
	width: 320px;/* 宽度 */
	margin-left: 10px;/* 左边距 */
	margin-top: 20px;/* 上边距 */
	border:1px solid red;/* 边框 */
}

五，JS

–1，入门案例

	
		
		
		
		
	
	
		
		单击弹框
		单击输入框
		单击???
		双击弹框
		鼠标划入弹框
		鼠标划出弹框
	

–2，基础语法

总结

本篇文章就到这里了，希望能给你带来帮助，也希望您能够多多关注脚本之家的更对内容！