![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Java【洗髓】
森-Js
521
展开
-
图片文件的上传及显示
前端:直接通过图片的URL加载图片<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="js/jquery.min.js"><...原创 2019-11-27 18:03:11 · 607 阅读 · 1 评论 -
文件上传(JavaScript实现)
设计思路:form实现文件上传内在也是通过form实现,在Js中创建一个form 对象,点击按钮,触发事件(模拟form被点击),得到文件-》通过构造的form对象上传文件前端代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>&...原创 2019-11-27 17:17:05 · 15363 阅读 · 0 评论 -
文件上传(form实现)
文件上传:即通过网页方式,打开文件对话框,选择文件并上传到服务器如:发送email时选择附件,修改用户头像等当点击上传后,文件存储到对应的目录上传成功后,后端返回数据前端<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>...原创 2019-11-27 14:13:28 · 2967 阅读 · 0 评论 -
AJAX小结
目录一、AJAX前端代码:后端主要代码:二、处理返回的数据前端代码:前端代码:前端CSS:后端代码:一、AJAXAJAX,一种在网页上调用后台接口的方式后台接口:指后台代码实现的服务jQuery里提供了AJAX调用的方法演示:前端代码:<!DOCTYPE html><html> <head>...原创 2019-10-12 21:32:32 · 141 阅读 · 0 评论 -
1、MySQL数据库和表
目录一、创建数据库二、创建表三、数据类型整数类型:用于保存整数浮点类型:用于保存小数字符串类型:用于存储短字符串日期/时间类型大块数据类型四、列的属性列名数据类型长度非空Not NULL默认值Default Value五、主键与自增主键 Primary Key自增 Auto-Increment联合主键第一轮复习 时间:...原创 2019-10-10 23:35:41 · 253 阅读 · 0 评论 -
创建Servlet
一、创建Servlet1、创建Servlet在src目录下的包中,右键New | Servlet输入类名SimpleServlet,其他保持不变,点finish即可2、访问Servlet服务(1)修改server.xml,指向本项目<Context path="/demo" docBase="D:\Javaweb\demo15\WebRoot" />...原创 2019-10-11 16:30:44 · 1043 阅读 · 0 评论 -
POJO和JSON
目录 一、POJO二、JSON三、web项目中使用JSON一、POJOPOJO,Plain Ordinary Java Object 简单Java对象构成:-属性:简单类型,如int String boolean-方法:Getter/Setter如下就是一个POJO 类package my;public class Stude...原创 2019-10-11 17:13:58 · 600 阅读 · 0 评论 -
URL方式查询
数据查询模拟数据库类DemoDB:用于模拟一个数据库package my;import java.util.ArrayList;import java.util.List;public class DemoDB{ //全局变量 public static DemoDB i = new DemoDB(); //存储数据 List<Student>da...原创 2019-10-11 17:56:08 · 2362 阅读 · 0 评论 -
jQuery事件处理
一、Jquery事件处理1、<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>jQuery事件处理</title> <script type="text/javascript" src="js/jquery-3.3.1...原创 2019-09-01 19:23:55 · 143 阅读 · 0 评论 -
jQuery基础
目录一、JS文件二、认识jQuery三、使用jQuery1、当点击按钮时,修改的显示文字2、点击按钮时,将box1的内容移到box2四、jQuery对象1、点击按钮,修改class='java'的元素的样式2、jQuery对象与DOM对象的转换3、jQuery对象的遍历五、jQuery选择器1、ID选择器+Class选择器2、标签类型选择器3、子...原创 2019-08-31 19:19:57 · 702 阅读 · 0 评论 -
Js HTML-DOM事件处理
目录一、DOM事件处理二、鼠标事件小例子三、键盘事件例子呀四、事件监听器一、DOM事件处理DOM事件: DOM中的元素可以收到各种事件包含鼠标事件、键盘事件、表单事件等等...比如:当点击时,onclick()里面定义了一段代码。当点击鼠标时被执行<!DOCTYPE html><html> <head> <meta...原创 2019-08-29 17:07:26 · 114 阅读 · 0 评论 -
HTML-URL
1、URLUniform Resourse Locator统一资源定位器,描述Internet上的一个资源的地址例如:https://blog.csdn.net/gjs935219/article/details/98878578URL大体上分为两部分:https://blog.csdn.net ; 描述该资源在哪个服务器上/gjs935219/article/de...原创 2019-08-09 09:29:44 · 313 阅读 · 0 评论 -
样式单CSS
目录一、添加样式:样式Style1、添加style规则:2、样式的使用二、样式的检查三、常用样式1、背景:background2、边框与填充margin/padding3、边框border4、圆框边角border-radius5、宽度 width/min-width/max-width6、高度height/min-height/max-heig...原创 2019-08-10 17:21:47 · 486 阅读 · 0 评论 -
CSS选择器Selector
目录一、DOM二、类选择器类选择器示例代码类选择器Class Selector*指定多个class多个class选择器,后定义的优先级高三、标签类型选择器标签类型示例代码:统一设定某种标签的样式标签与类结合使用四、ID选择器元素的IDID选择器ID选择器示例代码:五、伪类选择器伪类选择器示例代码:六、子选择器子选择器示例代码...原创 2019-08-11 16:26:56 · 1248 阅读 · 0 评论 -
浅谈网页布局
目录一、网页布局二、padding和margin三、box模型四、行内元素与块元素五、行内元素的对齐六、相对位置定位注意:相对定位,并不是相对于父元素,而是相对于自己原有的正常位置七、绝对位置定位八、固定位置定位position: fixed常用于悬浮窗口一、网页布局<div>,division,划分、层<div>是网页布...原创 2019-08-26 20:28:38 · 334 阅读 · 0 评论 -
浅谈网页布局设计
一、居中布局两个<div>,上方一个水平占满,并且位置相对窗口一直固定 ,下方一个水平居中显示<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>网页布局设计</title> <style> b...原创 2019-08-27 18:18:13 · 336 阅读 · 0 评论 -
HTML-表格
一、表格<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>表格</title> <style> table{ border-collapse: collapse; /*边线收缩*/ } ...原创 2019-08-28 14:21:36 · 185 阅读 · 0 评论 -
JavaScript简介
一、入门JavaScriptJavaScript,一种脚本语言,可以嵌套在HTML文件中,被浏览器执行JavaScript 能够改变页面中的所有 HTML 元素 JavaScript 能够改变页面中的所有 HTML 属性 JavaScript 能够改变页面中的所有 CSS 样式 JavaScript 能够对页面中的所有事件做出反应 HTML 中的脚本必须位于 <scrip...原创 2019-08-28 23:07:42 · 168 阅读 · 0 评论 -
JavaScript对象
目录一、JS对象二、JS自定义类型三、浏览器对象BOM四、文档对象DOM一、JS对象JavaScript是面向对象的语言1、创建一个对象2、添加属性和方法<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>JavaScrip...原创 2019-08-29 10:59:36 · 332 阅读 · 0 评论 -
HTML基础
1、HTML基本格式:HyperText Markup Language:超文本标记语言,用于描述网页的格式和内容基本格式:<html> <head>....头部信息....</head> <body>....主题内容....</body></html>...原创 2019-08-08 19:16:59 · 222 阅读 · 0 评论