Java模拟服务器解析web数据 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-07public 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=1age=2sex=1for(String str : b){//5,再按照=切 [user,1][age,2]String data = https://www.it610.com/article/str.split("=")[1]; System.out.println(data); }//TODO jdbc入库}}

二，CSS选择器

测试 css的高级选择器 - 锐客网/* 1. 分组选择器：把多种选择器选中的元素分成一组，统一设置样式 */div,#s1{color: #008000; }/* 2. 属性选择器：根据标签的不同属性选择元素 */ input[type='text']{background-color: #FFFF00; } 我是div1我是div2我是div3我是span1我是span2【Java模拟服务器解析web数据】我是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文件

练习form表单 - 锐客网
学生信息管理系统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，入门案例