web前端
文章平均质量分 63
学习时观看的是B站的黑马视频,视频网址:
https://www.bilibili.com/video/BV1HJ411n7Cc?p=570
顺毛黑起
小白一枚,路漫漫其修远兮,吾将上下而求索
展开
-
(二十二)redis
Redis1. 概念: redis是一款高性能的NOSQL系列的非关系型数据库 1.1.什么是NOSQL NoSQL(NoSQL = Not Only SQL),意即“不仅仅是SQL”,是一项全新的数据库理念,泛指非关系型的数据库。 随着互联网web2.0网站的兴起,传统的关系数据库在应付web2.0网站,特别是超大规模和高并发的SNS类型的web2.0纯动态网站已经显得力不从心,暴露了很多难以克服的问题,而非关系型的数据库则由于其本身的特点得到了非常迅速的发展。NoSQL数据库的产生就是为原创 2021-02-03 16:44:46 · 92 阅读 · 0 评论 -
(二十一)AJAX和JSON
AJAX:1. 概念: ASynchronous JavaScript And XML 异步的JavaScript 和 XML 1. 异步和同步:客户端和服务器端相互通信的基础上 * 客户端必须等待服务器端的响应。在等待的期间客户端不能做其他操作。 * 客户端不需要等待服务器端的响应。在服务器处理请求的过程中,客户端可以进行其他的操作。 Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。 [1] 通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步原创 2021-02-02 18:03:11 · 85 阅读 · 0 评论 -
(二十)JQuery--高级
JQuery 高级1. 动画 1. 三种方式显示和隐藏元素 1. 默认显示和隐藏方式 1. show([speed,[easing],[fn]]) 1. 参数: 1. speed:动画的速度。三个预定义的值("slow","normal", "fast")或表示动画时长的毫秒数值(如:1000) 2. easing:用来指定切换效果,默认是"swing",可用参数"linear" * swing:动画执行时效果是 先慢,中间快,最后又慢 *原创 2021-02-02 15:15:06 · 148 阅读 · 3 评论 -
(十九)JQuery--基础
1. 概念: 一个JavaScript框架。简化JS开发 * jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨 是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优 化HTML文档操作、事件处理、动画设计和Ajax交互。 * JavaScript框架:本质上就是一些原创 2021-02-02 10:55:52 · 140 阅读 · 0 评论 -
(十八)Filter&Listener
Filter:过滤器1. 概念: * web中的过滤器:当访问服务器的资源时,过滤器可以将请求拦截下来,完成一些特殊的功能。 * 过滤器的作用: * 一般用于完成通用的操作。如:登录验证、统一编码处理、敏感字符过滤...2. 快速入门: 1. 步骤: 1. 定义一个类,实现接口Filter 2. 复写方法 3. 配置拦截路径 1. web.xml 2. 注解 2. 代码:package cn.itcast.web.filter;import javax.se原创 2021-01-11 16:17:40 · 78 阅读 · 0 评论 -
(十七)案例--用户信息
案例:用户信息列表展示1. 需求:用户信息的增删改查操作2. 设计: 1. 技术选型:Servlet+JSP+MySQL+JDBCTempleat +Duird +BeanUtilS+tomcat 2. 数据库设计: create database day17; -- 创建数据库 use day17; -- 使用数据库 create table user( -- 创建表 id int primary key auto_increment, name varc原创 2021-01-10 17:24:20 · 989 阅读 · 0 评论 -
(十六)MVC&EL&JSTL&三层架构
MVC:开发模式1. jsp演变历史 1. 早期只有servlet,只能使用response输出标签数据,非常麻烦 2. 后来又jsp,简化了Servlet的开发,如果过度使用jsp,在jsp中即写大量的java代码,又写html表,造成难于维护,难于分工协作 3. 再后来,java的web开发,借鉴mvc开发模式,使得程序的设计更加合理性2. MVC: 1. M:Model,模型。JavaBean * 完成具体的业务操作,如:查询数据库,封装对象 2. V:View,视图。JSP原创 2021-01-09 15:17:07 · 97 阅读 · 0 评论 -
(十五)会话技术:Cookie&Session&JSP
会话技术1. 会话:一次会话中包含多次请求和响应。 * 一次会话:浏览器第一次给服务器资源发送请求,会话建立,直到有一方断开为止2. 功能:在一次会话的范围内的多次请求间,共享数据3. 方式: 1. 客户端会话技术:Cookie 2. 服务器端会话技术:SessionCookie1. 概念:客户端会话技术,将数据保存到客户端2. 快速入门: * 使用步骤: 1. 创建Cookie对象,绑定数据 * new Cookie(String name, String value)原创 2021-01-06 10:15:43 · 139 阅读 · 0 评论 -
(十四)Http协议:响应消息&Response对象&ServletContext对象
HTTP协议1. 请求消息:客户端发送给服务器端的数据 * 数据格式: 1. 请求行 2. 请求头 3. 请求空行 4. 请求体2. 响应消息:服务器端发送给客户端的数据 * 数据格式: 1. 响应行 1. 组成:协议/版本 响应状态码 状态码描述 2. 响应状态码:服务器告诉客户端浏览器本次请求和响应的一个状态。 1. 状态码都是3位数字 2. 分类: 1. 1xx:服务器就收客户端消息,但没有接受完成,等待一段时间后,发送1xx多状态码原创 2021-01-04 19:34:14 · 138 阅读 · 0 评论 -
(十三)用户登录
案例:用户登录用户登录案例需求: 1.编写login.html登录页面 username & password 两个输入框 2.使用Druid数据库连接池技术,操作mysql,day14数据库中user表 3.使用JdbcTemplate技术封装JDBC 4.登录成功跳转到SuccessServlet展示:登录成功!用户名,欢迎您 5.登录失败跳转到FailServlet展示:登录失败,用户名或密码错误开发步骤创建项目,导入html页面,配置文件,jar包html页面原创 2021-01-03 21:00:34 · 501 阅读 · 0 评论 -
(十二)Http&Request
HTTP* 概念:Hyper Text Transfer Protocol 超文本传输协议 * 传输协议:定义了,客户端和服务器端通信时,发送数据的格式 * 特点: 1. 基于TCP/IP的高级协议 2. 默认端口号:80 3. 基于请求/响应模型的:一次请求对应一次响应 4. 无状态的:每次请求之间相互独立,不能交互数据 * 历史版本: * 1.0:每一次请求响应都会建立新的连接 * 1.1:复用连接* 请求消息数据格式 1. 请求行 请求方式 请求url 请求原创 2021-01-03 18:57:28 · 127 阅读 · 0 评论 -
(十一) Tomcat&Servlet
web相关概念回顾1. 软件架构 1. C/S:客户端/服务器端 2. B/S:浏览器/服务器端2. 资源分类 1. 静态资源:所有用户访问后,得到的结果都是一样的,称为静态资源.静态资源可以直接被浏览器解析 * 如: html,css,JavaScript 2. 动态资源:每个用户访问相同资源后,得到的结果可能不一样。称为动态资源。动态资源被访问后,需要先转换为静态资源,在返回给浏览器 * 如:servlet/jsp,php,asp....3. 网络通信三要素 1. IP:电子设原创 2021-01-03 10:04:15 · 257 阅读 · 0 评论 -
Tomcat部署
1.在idea中Run–>Edit Configurations…点击Templates–>Tomcat Server–>Local点击ok2.创建工程File–>new–>Project–>Java Enterprise选择好之后点击next,给工程起名字,最后点击完成点击Run–>Edit Configurations…如上图所示,表明tomcat已经部署成功点击绿色箭头的启动按钮启动3.修改配置,在更新了资源或者类的时候自动重新启动原创 2021-01-02 16:10:31 · 161 阅读 · 0 评论 -
(十)XML
1.概念Extensible Markup Language 可扩展标记语言可扩展:标签都是自定义的。2.功能: 存储数据 1.配置文件 2.在网络中传输3.xml.与html的区别: 1.xml标签都是自定义的,html标签是预定义的 2.xml的语法严格,html语法松散 3.xml是存储数据的,html是展示数据的2.语法基本语法 1.xml文档的后缀名 .xml 2.xml的一行必须定义为文档声明 3原创 2021-01-02 10:40:10 · 117 阅读 · 0 评论 -
(九)Bootstrap
Bootstrap 概念:一个前端开发的框架,Bootstrap,来自Twitter,是目前很受欢迎的前端框架。Bootstrap是基于HTML、CSS、JavaScript的,简洁灵活,使得web开发更加快捷。 框架:一个半成品软件,开发人员可以在框架的基础上再次进行开发,简化编码。 好处: 1.定义了很多的css样式和js插件。开发人员直接可以使用这些样式和插件得到丰富的页面效果。 2.响应式布局 同一套页面可以兼容不同分辨率的设备快速入门1原创 2020-12-29 18:47:48 · 116 阅读 · 0 评论 -
(八)事件
事件监听机制概念:某些组件被执行了某些操作以后,触发了某些代码的执行。事件:某些操作,如:单击,双击,键盘按下了,鼠标移动了事件源:组件。如:按钮 文本输入框…监听器:代码注册监听:将事件,事件源,监听器结合在一起。当事件源上发生了某个事件,则触发执行某个监听器代码。常见的事件1.单击事件: 1.onclick:单击事件 2.ondblclick:双击事件 2.焦点事件 1.onblur:失去焦点 一般用于表单验证 2.onfocus:元素获得焦点原创 2020-12-28 16:52:21 · 112 阅读 · 0 评论 -
(七)DOM
概念:Document Object Model 文档对象模型 将标记语言文档的各个组成部分封装成对象。可以使用这些对象,对标记语言文档进行CRUD的动态操作。 W3C DOM标准被分为3个不同的部分: 核心 DOM--针对任何结构化文档的标准模型 Document:文档对象 Element:元素对象 Attribute:属性对象 Text:文本对象 Comment:注释对象 Node:节点对象,是其他5...原创 2020-12-28 10:12:05 · 112 阅读 · 0 评论 -
(六)--BOM
概念:Browser Object Model 浏览器对象模型 将浏览器的各个组成部分封装成对象组成: Window:窗口对象 Navigator:浏览器对象 Screen:显示器屏幕对象 History:历史记录对象 Location:地址栏对象Window:窗口对象Window:1.创建2.方法1.与弹出框有关的方法 alert()显示带有一段消息和一个确认按钮的警告框。 confirm()显原创 2020-12-25 10:25:26 · 101 阅读 · 0 评论 -
(五)JavaScript——DOM和事件的简单学习
DOM简单学习 功能:控制html文档的内容 代码:获取页面标签(元素)对象 Element document.getElementById("id值"):通过元素的id获取元素对象 操作Element对象: 1.修改属性值: 1.明确获取的对象是哪一个 2.查看API文档,找其中有哪些属性可以设置 2.修改标签体内容: 属性:innerHTML事件简单学习 概念:某些组件被执行了某些操作后,触发某些代码的执行原创 2020-12-17 19:57:34 · 96 阅读 · 0 评论 -
(四)JavaScript——基础
概念:一门客户端脚本语言 运行在客户端浏览器中的。每一个浏览器都有JavaScript的解析引擎 脚本语言:不需要编译,直接就可以被浏览器解析执行了功能: 可以增强用户和html页面的交互过程,可以来控制html元素,让页面有一些动态效果,增强用户的体验。JavaScript=ECMAScript+JavaScript自己特有的东西(BOM+DOM)ECMAScript:客户端脚本语言的标准1.基础语法1.1 与html结合方式 内部JS: 定原创 2020-12-17 16:54:03 · 124 阅读 · 0 评论 -
(三)CSS
概念:Cascading Style Sheets 层叠样式表层叠:多个样式可以作用在同一个html的元素上,同时生效好处: 1.功能强大 2.将内容展示和样式控制分离 降低耦合度,解耦 让分工协作更容易 提高开发的效率 CSS的使用 1.内联样式 在标签内使用style属性指定css代码<body> <!--内联样式: 在标签内使用style属性指定css代码 -->原创 2020-12-15 15:48:32 · 101 阅读 · 0 评论 -
(二)html
1. 文件标签∶构成html最基本的标签html : html文档的根标签head:头标签。用于指定html文档的一些属性。引入外部的资源title:标题标签。body :体标签文本标签:和文本 注释: <!--注释内容--> <h1> ~ <h6>:标题标签* h1~h6:字体大小逐渐递减 <p>:段落标签 <br>:换行标签 <hr>:展示一条水平线 属性∶原创 2020-12-14 19:28:15 · 161 阅读 · 0 评论 -
(一)软件架构概述
1、系统结构B/S架构:Browser/Server(浏览器/服务器的交互形式)Browser支持哪些语言: HTML CSS JavaScript写HTML CSS JavaScript代码的这波人职位叫做: WEB 前端开发工程师。(Java程序员 目前来看也需要会一些前端的东西。)前端页面上的图片需要uI设计师完成。( ps对java程序员来说没有太高的要求。)s是服务器端server, server端的语言很多: C C++ Java python…企业内部的解决方案都是采用B/S架构原创 2020-12-11 20:38:30 · 450 阅读 · 0 评论