坚持#第37天~Java开发大数据实时统计系统

本文介绍了前端开发中的一些实用技巧,包括如何通过CSS调整页面布局和元素样式,如背景图片设置、输入框与按钮的美化及下拉列表的制作。此外,还探讨了提升网页性能的方法,例如减少HTTP请求和压缩页面资源。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

2016-9-12
(1)看了30天;
(2)9-6看完了;
(3)看了专套本。
以下是9-6收获:
*代表所有的意思,style写在头部里面,把盒子与浏览器之间的距离变为0:*{margin:0;}
添加背景图片:*下面写上:body{background:url("images/bg.jpg");}调整大小:background-size:cover(大小可以自己调);或background-position:top center;
添加主题:在盒子里面写(用主题标签h1):<h1>Java开发大数据实时统计系统</h1>再化妆:.report h1{text-align:center;font-weight:300;color:#ffffff;margin-bottom(与下面的输入框产生距离):15px;}
输入框里面的字移动位置:{text-indent:10px;}
输入框里面的文字左右居中:{text-align:center;}
输入框里面的文字上下居中:{line-height:45px;}
font-weight:bold(默认是700);


添加输入框:盒子里面写:<input type="text" class="r_text" placeholder(输入提示内容)="放入网址..." />再化妆:{width:px;height:px;border(去掉边框):none;padding-left(调整边框和内容之间的距离左内边距):20px;outline(去掉蓝色边框):none;border-radius(圆角边框与按钮无缝对接):3px 0px 0px 3px;}


添加按钮:在输入框下面会产生距离,所以要在输入框右边写代码:<input type="button" class="r_btn" value(设置文字内容):"点击开始" />再化妆:{width:110px;height:36px;background(设置按钮的背景颜色):#3cbd38;border(去掉边框):none;outline(去掉蓝色边框):none;cursor(鼠标滑上来有个小手):pointer;color(设置按钮的文字颜色):white;border-radius(圆角边框):0px 3px 3px 0px;}若要鼠标滑上来按钮会变色需再另写一个化妆:.r_btn:hover{background:加深颜色;}


添加下拉列表:盒子里面写:<option value="0">--请选择--</option>继续在下面写,但不用命名了<option>11</option>再化妆:{text-align(居中):center;font-size:16px;color:white;}


添加报表:先写个盒子,再化妆:{width:100%;height:360px;background:#66ccff;margin-top:30px;}


优化(加快读取速度,不要等做完了再优化,到时候就来不及了,要养成好的习惯):1.减少http请求次数;2.减小页面体积(颜色、空格)。


Java的最高境界:模块化、区块化、插件化
1、下载并安装mysql,将脚本执行至数据库中; 2、配置java环境,使用jdk8,配置环境变量,下载IntelliJ IDEA 2019.2.4,该工具为java代码编译器 3、下载Maven,配置至环境变量(百度搜索很多),将构建器为Maven,类库配置成阿里库(方法:百度搜索很多很多) 4、将工程导入后,在application-local.yml文件中配置数据库 5、在logback-prod.xml文件中配置log日志 6、配置完毕后,即可启动 访问地址:http://localhost:8082/anime/login.html 用户名:admin 密码:admin V:china1866 1、 登录 2、 首页 3、 权限管理-用户管理 4、 权限管理-添加用户数据 5、 交通数据管理-查看交通数据 6、 交通数据管理-添加交通数据 7、 交通预测-交通数据预测 脚本: CREATE TABLE `traffic_data_t` ( `id` INT(11) NOT NULL AUTO_INCREMENT COMMENT &#39;序列&#39;, `trafficId` VARCHAR(50) NULL DEFAULT NULL COMMENT &#39;交通数据编号&#39;, `trafficContent` VARCHAR(50) NULL DEFAULT NULL COMMENT &#39;交通状况&#39;, `trafficSection` VARCHAR(200) NULL DEFAULT NULL COMMENT &#39;交通路段&#39;, `trafficMan` VARCHAR(200) NULL DEFAULT NULL COMMENT &#39;上报人&#39;, `trafficDate` VARCHAR(200) NULL DEFAULT NULL COMMENT &#39;上报时间&#39;, `status` VARCHAR(200) NULL DEFAULT NULL COMMENT &#39;交通状态&#39;, PRIMARY KEY (`id`) ) COMMENT=&#39;交通数据表&#39; COLLATE=&#39;utf8_general_ci&#39; ENGINE=InnoDB AUTO_INCREMENT=44 ; CREATE TABLE `sys_user_t` ( `id` INT(11) NOT NULL AUTO_INCREMENT, `role_id` INT(11) NULL DEFAULT NULL COMMENT &#39;角色ID&#39;, `user_id` VARCHAR(50) NOT NULL COMMENT &#39;用户ID&#39;, `user_name` VARCHAR(100) NOT NULL COMMENT &#39;用户名&#39;, `status` INT(11) NOT NULL COMMENT &#39;是否有效0:false\\\\1:true&#39;, `create_date` TIMESTAMP NULL DEFAULT CURRENT_TIMESTAMP, `create_by` VARCHAR(100) NULL DEFAULT NULL, `last_update_date` TIMESTAMP NULL DEFAULT CURRENT_TIMESTAMP, `last_update_by` VARCHAR(100) NULL DEFAULT NULL, `password` VARCHAR(128) NOT NULL, `tenantcode` VARCHAR(50) NOT NULL, `diskId` VARCHAR(500) NULL DEFAULT NULL, `remarks` VARCHAR(500) NULL DEFAULT NULL, PRIMARY KEY (`id`) ) COMMENT=&#39;系统用户表&#39; COLLATE=&#39;utf8_general_ci&#39; ENGINE=InnoDB AUTO_INCREMENT=51 ; CREATE TABLE `sys_role_t` ( `role_id` INT(11) NOT NULL COMMENT &#39;角色ID&#39;, `role_name` VARCHAR(200) NOT NULL COMMENT &#39;权限名称&#39;, `status` INT(11) NOT NULL COMMENT &#39;是否有效0:true\\\\1:false&#39;, `create_date` TIMESTAMP NULL DEFAULT CURRENT_TIMESTAMP, `create_by` VARCHAR(100) NULL DEFAULT NULL, `last_update_date` TIMESTAMP NULL DEFAULT CURRENT_TIMESTAMP, `last_update_by` VARCHAR(100) NULL DEFAULT NULL ) COMMENT=&#39;系统角色表&#39; COLLATE=&#39;utf8_general_ci&#39; ENGINE=InnoDB ; CREATE TABLE `sys_menu_t` ( `id` INT(11) NOT NULL AUTO_INCREMENT COMMENT &#39;序列&#39;, `parent_id` VARCHAR(50) NOT NULL COMMENT &#39;父节点ID&#39;, `menu_id` VARCHAR(50) NOT NULL COMMENT &#39;菜单ID&#39;, `menu_name` VARCHAR(200) NOT NULL COMMENT &#39;菜单名称&#39;, `menu_url` VARCHAR(200) NULL DEFAULT NULL COMMENT &#39;菜单URL&#39;, `status` INT(11) NOT NULL COMMENT &#39;有效(0有效,1失效)&#39;, `create_date` TIMESTAMP NULL DEFAULT CURRENT_TIMESTAMP, `create_by` VARCHAR(200) NULL DEFAULT NULL, `last_update_date` TIMESTAMP NULL DEFAULT CURRENT_TIMESTAMP, `last_update_by` VARCHAR(200) NULL DEFAULT NULL, PRIMARY KEY (`id`) ) COMMENT=&#39;菜单表&#39; COLLATE=&#39;utf8_general_ci&#39; ENGINE=InnoDB AUTO_INCREMENT=33 ; CREATE TABLE `sys_menu_role_relation_t` ( `id` INT(11) NOT NULL AUTO_INCREMENT COMMENT &#39;序列&#39;, `menu_id` VARCHAR(50) NOT NULL COMMENT &#39;菜单ID&#39;, `role_id` VARCHAR(50) NOT NULL COMMENT &#39;角色ID&#39;, `status` INT(11) NOT NULL COMMENT &#39;有效(0有效,1失效)&#39;, `create_date` TIMESTAMP NULL DEFAULT CURRENT_TIMESTAMP, `create_by` VARCHAR(200) NULL DEFAULT NULL, `last_update_date` TIMESTAMP NULL DEFAULT CURRENT_TIMESTAMP, `last_update_by` VARCHAR(200) NULL DEFAULT NULL, PRIMARY KEY (`id`) ) COMMENT=&#39;角色与菜单关系表&#39; COLLATE=&#39;utf8_general_ci&#39; ENGINE=InnoDB AUTO_INCREMENT=51 ;
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值