02 2020 档案

摘要:jQuery已经封装ajax,使用方法请跳转这里。 手写代码的封装: /* method: 请求方式,值为get或者post url:请求地址 data:没有值需要传入null 有请求数据则传入字符串数据,格式为"a=1&b=2"; deal200: 接受一个带有一个形参的js函数对象,形参接收的实 阅读全文
posted @ 2020-02-29 14:08 Scorpicat 阅读(181) 评论(0) 推荐(0)
摘要:问题 有时候我们使用iframe来分隔页面,在做退出的时候,无法使外部主页面跳转。 解决方法 使用js 在内嵌iframe的退出a标签的click函数下: window.top.location.href="user?choice=2";//它表示,从最上层的窗口的地址栏发送请求user?choic 阅读全文
posted @ 2020-02-27 17:29 Scorpicat 阅读(815) 评论(0) 推荐(0)
摘要:Maven依赖 <dependency> <groupId>org.thymeleaf</groupId> <artifactId>thymeleaf</artifactId> <version>3.0.11.RELEASE</version> </dependency> 封装Util packag 阅读全文
posted @ 2020-02-26 16:00 Scorpicat 阅读(594) 评论(0) 推荐(0)
摘要:相对路径 相对路径指的是相对当前调用者的路径的路径。 比如模拟路径: a文件夹 1文件 b文件夹 2.txt文件 当我们在1文件中调用2文件时,路径为: ../b/2.txt 其中../表示上级路径,如果还需要往上走,继续添加../ 绝对路径(推荐) 绝对路径不是从磁盘开始的路径,而是从服务器开始的 阅读全文
posted @ 2020-02-25 14:45 Scorpicat 阅读(287) 评论(0) 推荐(0)
摘要:九大内置对象 我们说jsp本质上是servlet,当她被转化为servlet后,在service方法下会自动生成6个对象+service方法传入的2个+一个exception对象(需要jsp在page指令中声明isErrorPage="true"才会有),如下图。 跳转9大对象简介 使用范围 局部代 阅读全文
posted @ 2020-02-25 14:25 Scorpicat 阅读(134) 评论(0) 推荐(0)
摘要:jsp转发标签 格式 <jsp:forward page="jsp相对地址"></jsp:forward> 注意:如果不带参数<jsp:forward></jsp:forward>之间不能有任何内容,空格也不行,否则报错。 带参数的转发 格式 <jsp:forward page="forwardJs 阅读全文
posted @ 2020-02-25 12:07 Scorpicat 阅读(285) 评论(0) 推荐(0)
摘要:引入啥? 在开发过程中,一些重复的部分,我们可以给他解耦为一个独立的jsp,在需要的地方引入,可以减少代码的冗余度。 比如,网站页脚的网站声明部分,每个页面都有,我们就可以给它解耦出来。 静态引入 引入格式 在需要引入的地方:<%@include file="要引入的jsp文件的相对路径" %> 底 阅读全文
posted @ 2020-02-25 11:39 Scorpicat 阅读(250) 评论(0) 推荐(0)
摘要:局部代码 jsp是可以java代码域HTML代码混合使用的,在jsp中插入java代码的方法为: <%java代码%> 原理 前面我们说,jsp会转化为servlet,而我们使用局部代码写的代码,是写在转换为servlet后的service方法中,具体转化后的java文件请查看: E:\apache 阅读全文
posted @ 2020-02-25 11:17 Scorpicat 阅读(252) 评论(0) 推荐(0)
摘要:Page指令 jsp在执行时会被tomcat转译为一个servlet的java文件执行,而page指令是用来配置jsp文件的转译相关的参数的。 Page指令的参数学习 格式 <% 属性名="属性值" %> language:声明jsp要被转义的语言 import:声明转译的java文件需要导入的包, 阅读全文
posted @ 2020-02-25 10:27 Scorpicat 阅读(140) 评论(0) 推荐(0)
摘要:ServletConfig ServletConfig是每个servlet单独的配置,同样地,它写在web.xml中,与它对应的是全局配置<Context-param>(服务器全局配置)。 在web.xml中配置 配置格式: 在需要配置的<servlet>标签中添加: <init-param> <p 阅读全文
posted @ 2020-02-24 18:36 Scorpicat 阅读(143) 评论(0) 推荐(0)
摘要:背景 我们以 第13节 的案例为背景,添加网站访问的计数功能。 设计思路 创建一个文件:用来存储网站访问的次数 从文件获取:在初始化InitServlet中的init()方法中,从文件获取已经存好的值作为已经访问的数量 在用户登录的LoginServlet和3天免登陆的CookieServlet中添 阅读全文
posted @ 2020-02-24 16:50 Scorpicat 阅读(696) 评论(0) 推荐(0)
摘要:效果演示 按下alt+/ 弹出预设代码 操作 windows->preference->java->editor->template->new 1:快捷代码 2:描述 3:完整代码 4:先点击完整代码中需要添加cursor的地方,然后点击insert variable 5:选择cursor 阅读全文
posted @ 2020-02-24 15:30 Scorpicat 阅读(174) 评论(0) 推荐(0)
摘要:ServletContext对象的概念 ServletContext对象实现存储不同的用户之间公用的一些数据 特点: 服务器创建 用户共享 作用域:整个项目内 生命周期:服务器启动到服务器关闭 获取ServletContext对象 第一种方式 ServletContext sc=this.getSe 阅读全文
posted @ 2020-02-24 14:40 Scorpicat 阅读(125) 评论(0) 推荐(0)
摘要:案例说明 我们使用原本 第11节的代码进行改进,添加用户登录到主页后显示自己名字的功能和添加注销登录的功能。 思路设计 主页获取用户名设计 在LoginServlet中,我们在判断用户账号密码正确后,跳转主页之前,创建session并将用户对象添加到session中,在主页获取session中的对象 阅读全文
posted @ 2020-02-24 11:46 Scorpicat 阅读(1191) 评论(0) 推荐(0)
摘要:session对象 session对象使用来在同一个用户的不同请求之间传递信息的。每个网站都会为每个用户在登录后创建一个session对象。 原理 用户第一次访问服务器,服务器会创建一个session对象给此用户,并将该session对象的JSESSIONID使用cookie技术存储到浏览器中,保证 阅读全文
posted @ 2020-02-24 09:26 Scorpicat 阅读(261) 评论(0) 推荐(0)
摘要:先看看项目流程 从主页开始的首次成功登陆的运行流程:index.jsp->CookieServlet(检查是否有cookie记录,如果没有记录跳转登录页面)->PageServlet(登录页面)->LoginServlet(从上个页面获取账号密码,调用service做校验,如果账号密码均正确,设置c 阅读全文
posted @ 2020-02-23 11:50 Scorpicat 阅读(658) 评论(0) 推荐(0)
摘要:什么是cookie cookie保存在客户端(浏览器),它绑定了访问一个网页时的特定信息,通常为表单数据。通过cookie我们可以实现表单自动填充,账号免登陆等功能。 使用Cookie 创建Coolie对象 Cookie c = new Coolie(String name,String value 阅读全文
posted @ 2020-02-22 19:42 Scorpicat 阅读(200) 评论(0) 推荐(0)
摘要:引入 前面我们说,使用请求转发有两个问题无法解决: 如果本次请求并不能解决问题,要不带着信息跳转其它页面怎么办? 用户刷新浏览器造成重复提交数据怎么办? 我们将使用重定向来解决这两个问题。 重定向 同样,我们使用模拟用户登录的例子,当用户登录成功后,我们跳转到个人主页,这个时候如果还是用请求转发来跳 阅读全文
posted @ 2020-02-22 17:26 Scorpicat 阅读(157) 评论(0) 推荐(0)
摘要:request作用域 request的作用域为:一次request周期,从请求到响应结束。 set/getAttribute() 如果我们需要在一个request周期内,不同的servlet之间传递一些额外信息(除原本的request对象中的信息),我们就需要使用request对象的set和getA 阅读全文
posted @ 2020-02-22 17:09 Scorpicat 阅读(628) 评论(0) 推荐(0)
摘要:引入 在上一个案例中,我们模拟了用户登录,那现在多了这样的需求:在用户登录失败后,重新跳转到登录页面,要怎么做呢? 这个时候我们就需要用到请求转发了 注意:请求转发即将用户的请求(请求对象和响应对象)从一个Servlet转发到另一个Servlet,请求和响应对象均没有改变。 注意:请求转发后,地址栏 阅读全文
posted @ 2020-02-22 16:21 Scorpicat 阅读(195) 评论(0) 推荐(0)
摘要:Service()方法逻辑流程 设置请求编码格式(处理中文乱码) 方法一:使用String类转码:xx = new String(xx.getBytes("iso8859-1"),"utf-8");其中xx表示已经获得的请求参数,也就是说,对于需要转码的参数,单独使用此方法进行转码。 方法二:对ge 阅读全文
posted @ 2020-02-22 10:10 Scorpicat 阅读(183) 评论(0) 推荐(0)
摘要:注意:req指的是servlet中service方法的参数HttpServletRequest req 获取请求头数据 req.getMethod(); //获取请求方式 req.getRequestURL(); //获取请求URL信息 req.getRequestURI(); //获取请求URI信 阅读全文
posted @ 2020-02-21 17:45 Scorpicat 阅读(407) 评论(0) 推荐(0)
摘要:service() 与 doGet() 、doPost() 在Servlet中,对于客户端发来的请求我们要做出相应的相应,一共有三种方式:service() doGet() doPost(),它们使用的方法如下: service()方法: 可以处理get/post方式的请求,如果servlet中有s 阅读全文
posted @ 2020-02-21 17:01 Scorpicat 阅读(702) 评论(0) 推荐(0)
摘要:servlet 创建步骤 创建java类并继承HttpServlet类 重写service()方法 配置web.xml文件 其中,配置web.xml文件如: <!-- 配置servlet类路径 --> <servlet> <servlet-name>test</servlet-name> <serv 阅读全文
posted @ 2020-02-21 15:20 Scorpicat 阅读(2514) 评论(0) 推荐(0)
摘要:连接池概念 导入dbcp包 可以自行下载jar包,推荐使用maven自动获取。 pom.xml <dependency> <groupId>commons-dbcp</groupId> <artifactId>commons-dbcp</artifactId> <version>1.4</versi 阅读全文
posted @ 2020-02-21 14:03 Scorpicat 阅读(195) 评论(0) 推荐(0)
摘要:视频教程 图文教程 阅读全文
posted @ 2020-02-21 10:37 Scorpicat 阅读(115) 评论(0) 推荐(0)
摘要:Servlet配置 <load-on-startup>1</load-on-startup> 表示服务器启动时执行该servlet,在有其它servlet同样配置了此项时,数字表示执行的顺序,1表示第一个执行。 <init-param> 这是当前servlet独自的默认配置,与它对应的全局配置是<C 阅读全文
posted @ 2020-02-21 10:35 Scorpicat 阅读(774) 评论(0) 推荐(0)
摘要:视频教程:http://doc.canglaoshi.org/doc/maven.html 或直接下载视频:https://v.baca.org.cn/4f0a0c28fd9145608758a0b0ccf558ad/fa7d666d68f6457c8c70dbfdab1ebc95-fca58d42 阅读全文
posted @ 2020-02-21 09:25 Scorpicat 阅读(141) 评论(0) 推荐(0)
摘要:下载地址 https://files-cdn.cnblogs.com/files/Scorpicat/log4j-1.2.12.jar.zip 导入配置文件 在eclipse的目录中找到: log4j.properties文件导入项目src下 log4j导入项目 配置详解 第1行:全局配置:INFO 阅读全文
posted @ 2020-02-18 11:45 Scorpicat 阅读(188) 评论(0) 推荐(0)
摘要:占位 阅读全文
posted @ 2020-02-18 09:04 Scorpicat 阅读(93) 评论(0) 推荐(0)
摘要:java是一门面向对象的语言,对于重复的代码,我们能封装就封装,在32节中,我们写了student表的的dao层,能用,但有很多重复代码,比如加载驱动,获取Connection对象等,我们可以将它们封装到一个类中。 同样地,我们创建一个Util包用来存放封装的工具,创建一个JdbcUtil类用来封装 阅读全文
posted @ 2020-02-17 16:34 Scorpicat 阅读(492) 评论(0) 推荐(0)
摘要:查看约束名 使用show create table 表名 查看对应的约束名。 删除约束 注意:如果要添加约束名则需要添加add constraint的形式 添加非空约束ALTER TABLE 表名 MODIFY 字段名 类型 NOT NULL;删除非空约束1)ALTER TABLE 表名 MODIF 阅读全文
posted @ 2020-02-17 12:39 Scorpicat 阅读(157) 评论(0) 推荐(0)
摘要:Dao层是啥 dao层又称数据访问层,全称为data Access object ,属于一种比较底层,比较基础的操作,具体到对某个表、某个实体的增删改查。 在java项目中,我们通常单独使用一个包来代表dao层,例如:com.xxx.xxx.dao dao层主要用来对数据库的表进行增删改查,每一个表 阅读全文
posted @ 2020-02-17 09:47 Scorpicat 阅读(5946) 评论(0) 推荐(0)
摘要:jsbc 数据库的查询 与增删改不一样,查询会返回具体的记录集合,我们使用ResultSet类的实例来接收,接收后,使用实例.next()获取下一条记录,使用对应的getInt()、getDouble()方法来获取一条记录对应的字段值。如下: 关键代码: conn = DriverManager.g 阅读全文
posted @ 2020-02-15 21:21 Scorpicat 阅读(265) 评论(0) 推荐(0)
摘要:什么是事务 在plsql中,我们在执行增删改后,并不会马上写到表中,而是要手动点击一下提交按钮提交按钮(f10),如果不想提交刚才执行的代码,则可以点击回滚按钮(shift+f10)。 提交和回滚在plsql中如图: jdbc事务的用途 在后台项目中,如果没有设置自动提交,则默认为自动提交true。 阅读全文
posted @ 2020-02-15 17:37 Scorpicat 阅读(239) 评论(0) 推荐(0)
摘要:package cn.xiaohei.insert; import java.sql.Connection; import java.sql.DriverManager; import java.sql.SQLException; import java.sql.Statement; public 阅读全文
posted @ 2020-02-15 15:45 Scorpicat 阅读(213) 评论(0) 推荐(0)
摘要:什么是jdbc驱动包 jdbc是数据库厂商提供给java语言使用的可以用来操作数据库数据的接口。它是一个jar包,可以从数据库安装目录下找到,我们可以将它导入到我们的项目中。 MySQL的jdbc驱动包位置 Oracle的jdbc驱动包位置 oracle根目录\app\oracle\product\ 阅读全文
posted @ 2020-02-15 15:35 Scorpicat 阅读(579) 评论(0) 推荐(0)
摘要:MySQL与Oracle mysql与Oracle不同,Oracle中用户登录连接了同一个库,而mysql登录只是创建了一个连接,具体的数据库可以自己创建。表也是创建在库中的,所以在创建表前,先来创建数据库吧。 Navicat打开命令行界面 右键一个连接->命令行界面 Navicat打开SQL界面 阅读全文
posted @ 2020-02-15 11:41 Scorpicat 阅读(159) 评论(0) 推荐(0)
摘要:Oracle数据库管理系统的分页 分页概念 从表中查到的数据过于庞大时,如果全部显示出来,则对浏览器页面显示是一个很大的负担同时也不美观,所以我们有必要对查询结果进行分页。 如百度的搜索结果,如网络小说的下一页下一页。 Oracle中的分页 Oracle数据库为每一个表提供了一个字段:rownum, 阅读全文
posted @ 2020-02-14 20:28 Scorpicat 阅读(271) 评论(0) 推荐(0)
摘要:很简单所以我就简单说了 创建用户 创建表 创建视图 阅读全文
posted @ 2020-02-14 17:09 Scorpicat 阅读(223) 评论(0) 推荐(0)
摘要:要求如下: 答案 --创建三张表 create table employees( employeeID varchar2(6) primary key, ename varchar2(10) not null, birthDay Date not null, sex varchar2(3) not 阅读全文
posted @ 2020-02-14 15:49 Scorpicat 阅读(227) 评论(0) 推荐(0)
摘要:理解视图 对于一个重要的表,比如支付宝的用户表,它包含了账户余额,但是我并不希望下级开发人员能看到这个用户的余数字段,怎么办呢? 我就做了一个另一个表,只给出指定的几个字段,下级开发人员对这个表的增删改依然能作用到我原有的表上。 完美! 我做的这另一个表,就叫视图。 视图特点 保护真实表,隐藏重要字 阅读全文
posted @ 2020-02-14 15:32 Scorpicat 阅读(212) 评论(0) 推荐(0)
摘要:索引引入 当一个表的记录量非常大的时候,不适用索引,查找起来就会很慢。 所以我们引入索引来解决这个问题。 创建索引 我们只需要创建好索引就不会要再做任何事了。在使用查询语句时,通过索引指定的字段来查询,就会使用到索引的方式,当然,这些我们都是看不到的。 创建索引 create index index 阅读全文
posted @ 2020-02-14 15:02 Scorpicat 阅读(227) 评论(0) 推荐(0)
摘要:序列 我们这里说的序列是一个自增序列,它通常用来设置主键,解脱手动添加主键值的繁琐。 创建序列 创建默认序列 create sequence 序列名; create sequence a; 创建自定义序列 注意:没有括号,没有逗号。 create sequence a --序列名为a start w 阅读全文
posted @ 2020-02-14 14:35 Scorpicat 阅读(284) 评论(0) 推荐(0)
摘要:修改表 在命令窗口查看表结构 desc 表名 添加新字段 alter table 表名 add 字段名 类型 alter table student add phone number(11) 修改字段类型 alter table 表名 modify 字段名 类型 alter table studen 阅读全文
posted @ 2020-02-14 11:46 Scorpicat 阅读(202) 评论(0) 推荐(0)
摘要:--外键 --作用:当在字表中插入的数据在父表中不存在,则会自动报错 --概念:当一张表的某个字段需要依赖另一个表的某个字段的值,则使用外键。其中主动依赖的表称为字表,被依赖的表称为父表。外键加在字表中。 --使用: --在创建表时字段后:cno number(10) references 父表名( 阅读全文
posted @ 2020-02-14 11:41 Scorpicat 阅读(366) 评论(0) 推荐(0)
摘要:理解约束 跳转w3school约束解析 发现问题 现在我们创建一个Student表 create table student( snume number(10), sname varchar2(100), sex char(4), age number, qq number, sal number( 阅读全文
posted @ 2020-02-13 17:44 Scorpicat 阅读(343) 评论(0) 推荐(0)
摘要:子查询 单行子查询 --使用时机:筛选条件并不明确需要执行一次查询,并且查询结果只有一个字段并只有一个值 --注意:where子句中允许出现查询语句,该查询语句称为子查询 --例1:查询所有比雇员‘CLARK’工资高的员工信息。 --普通两步: select sal from emp where e 阅读全文
posted @ 2020-02-12 15:34 Scorpicat 阅读(656) 评论(0) 推荐(0)
摘要:我们使用的是Oracle数据自带的用户scott下的练习表格:emp,dept,salgrade,bonus,为了实现三表查询,我们创建一个城市表。 --目标:查询员工的姓名,部门名,部门所在的城市 的员工并且薪资大于2000 --创建城市表,添加数据 create table city( cid 阅读全文
posted @ 2020-02-12 14:48 Scorpicat 阅读(206) 评论(0) 推荐(0)
摘要:SQL99(SQL1999)多表连接查询 普通方式 我们使用普通方式查询,格式如: select 列名 from 表1,表2 [where] 表1.连接列=表2.连接列(通常是主键) 其中,列出两个表中都有的列(连接列)时,要使用表名.列名的方式否则会报错。 当我们不使用where时,得到的结果是一 阅读全文
posted @ 2020-02-12 12:30 Scorpicat 阅读(264) 评论(0) 推荐(0)
摘要:创建表格 创建表格 CREATE TABLE 表名称 ( 列名称1 数据类型, 列名称2 数据类型, ....... ) 修改表名 修改表名 rename 表名 to 新的表名rename student to sturename stu to student 修改表结构 https://www.c 阅读全文
posted @ 2020-02-11 18:22 Scorpicat 阅读(197) 评论(0) 推荐(0)
摘要:insert 增 --数据库的增insert --注意:执行后(F8(在PLSQL中))并没有真正修改(在内存中),要点击提交按钮(F10)才会被修改到文件 --注意:提供一次回滚的机会(从内存中撤销)(shift+f10) --insert into 表名(字段名) values(对应值) --主 阅读全文
posted @ 2020-02-11 18:16 Scorpicat 阅读(190) 评论(0) 推荐(0)
摘要:group by 分组函数与字段 分组函数有 avg sum max min等,select时它们返回的是一个具体的值,而select一个字段返回的是一条记录。 所以当分组函数与字段同时出现,就需要分组,否则会报错。 出现的字段都必须分组,没有出现的也可以分组。 例如: select count(* 阅读全文
posted @ 2020-02-11 15:36 Scorpicat 阅读(153) 评论(0) 推荐(0)
摘要:--查询最高工资和员工数--查询不同部门的最高工资--查询不同工作岗位的员工数--查询不同工作部门的不同工作岗位的人数--查询不同部门的不同工作岗位且人数大于1的信息--查询部门号大于10的不同部门的不同工作岗位的人数 1.选择部门30中的所有员工.2.列出所有办事员(CLERK)的姓名,编号和部门 阅读全文
posted @ 2020-02-11 15:28 Scorpicat 阅读(1458) 评论(0) 推荐(0)
摘要:函数分类 单行函数 字符函数 数值函数 日期函数 转换函数 通用函数 (分组)多行函数 sum() avg() 仅适用于数值型 count() max() min() 适用于任何类型 其它函数 nvl() nvl2() decode() 单行函数 字符函数 数值函数 日期函数 ROUND()函数详解 阅读全文
posted @ 2020-02-11 12:21 Scorpicat 阅读(187) 评论(0) 推荐(0)
摘要:通配符与模糊查询 单字符通配符"_":匹配一个字符 多字符通配符"%":匹配多个字符 通常搭配like使用,如,模糊查询第二第三个字符已知为LA的雇员(从emp表中): select empno,ename from emp where ename like'_LA%'; 结果为: SQL的通配符有 阅读全文
posted @ 2020-02-10 17:28 Scorpicat 阅读(1247) 评论(0) 推荐(0)
摘要:where 例如我们只要job为salesman的所有员工信息: select * from emp where job=SALESMAN'; //注意:字符串使用单引号(大部分数据库系统支持双引号,但全部支持单引号。),数字不适用引号,单引号中的内容区分大小写。 除了等号外,还可以使用: = 等于 阅读全文
posted @ 2020-02-10 16:27 Scorpicat 阅读(691) 评论(0) 推荐(0)
摘要:emp表中,使用job字段、empno字段升序排序(如job相同比较empno): select * from emp order by job,empno; 结果: 降序只需在最后加上desc: select * from emp order by job,empno desc; //此表示按jo 阅读全文
posted @ 2020-02-10 16:13 Scorpicat 阅读(158) 评论(0) 推荐(0)
摘要:distinct去重去的是两条完全相同的记录。 所以,查询的两条记录中不同字段不同也不会被去重,如: select distinct job,mgr from emp; 结果 可以看到JOB记录下出现了多个clerk,但它们的mgr不同,所以不算重复。 阅读全文
posted @ 2020-02-10 16:04 Scorpicat 阅读(347) 评论(0) 推荐(0)
摘要:在sql中我们使用“||'要拼接的字符'||”来查询并拼接多个字段。 如下所示,查询并拼接字段EMPNO和ENAME的结果: select empno||'对应姓名:'||ename as 查询结果 from emp; 结果如: 其中as是查询结果重名关键字。 阅读全文
posted @ 2020-02-10 15:51 Scorpicat 阅读(626) 评论(0) 推荐(0)
摘要:语法使用方法请跳转:点击跳转 阅读全文
posted @ 2020-02-10 15:14 Scorpicat 阅读(196) 评论(0) 推荐(0)
摘要:cmd 输入命令:sqlplus /nolog 输入命令 : conn /as sysdba 输入命令: alter user 用户名 identified by 新密码 阅读全文
posted @ 2020-02-10 15:09 Scorpicat 阅读(134) 评论(0) 推荐(0)
摘要:Oracle三种角色 normal--普通用户 system--管理员 sys--超级管理员 账号操作 创建账号 使用管理员登录,打开sql命令窗口 1、 创建自定义用户: create user 用户名 identified by 密码; 普通用户不具备创建用户的权限,需要使用system账户进行 阅读全文
posted @ 2020-02-10 14:18 Scorpicat 阅读(155) 评论(0) 推荐(0)
摘要:OracleXE 点击跳转下载 PLSQL 点击跳转下载 下载页面对应版本下拉框可选择中文补丁安装 PLSQL的使用 导入scott用户 由于XE版本没有scott用户,为了方便练习,我们需要导入11g里的scott用户。 点击下载资料 提取码:mpfx 下载解压后找到scott.sql文件,打开P 阅读全文
posted @ 2020-02-10 14:04 Scorpicat 阅读(305) 评论(0) 推荐(0)
摘要:效果先看 知识点 class为badge即可,通常放在span标签里。 完整代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="css/bootstr 阅读全文
posted @ 2020-02-09 16:00 Scorpicat 阅读(487) 评论(0) 推荐(0)
摘要:效果先看 知识点 bootstrap下拉框由div>button ul>li>a 构成 div的类为:dropdown a标签必须写 button的类为: dropdown-toggle 必带属性:data-toggle="dropdown" ul的类为:dropdown-menu 获取事件触发的对 阅读全文
posted @ 2020-02-09 15:55 Scorpicat 阅读(189) 评论(0) 推荐(0)
摘要:模拟网站 https://redash.io/ 效果先看 完整代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>栅格练习-网站仿写</title> <link rel="stylesheet" type="text/css" 阅读全文
posted @ 2020-02-09 14:58 Scorpicat 阅读(379) 评论(0) 推荐(0)
摘要:栅格系统 描述: 栅格系统(grid System)是bootstrap创建的一个用于页面构建的html布局系统 该系统通过提供的类名来将容器等分12个结构(可理解为每行12列) 通过对容器的宽度指定(如3+3+3+3)来进行页面的快速构建 说明: (1)响应式布局(一套代码,能在不同的页面中有不同 阅读全文
posted @ 2020-02-09 09:49 Scorpicat 阅读(425) 评论(0) 推荐(0)
摘要:概述 bootstrap基于html css JavaScript 开发的简洁、直观、强悍的前端开发框架。它提供了优雅的HTML和CSS规范,它是由动态CSS语言Less写的。bootstrap一直是GitHub上的热门开源项目。 下载 官网下载 导入项目 我们将bootstrap下载下来后,解压得 阅读全文
posted @ 2020-02-09 09:38 Scorpicat 阅读(146) 评论(0) 推荐(0)
摘要:效果先看 知识点 jQuery节点操作 append()追加节点 js属性操作 setAttribute() 设置属性(覆盖型) jQuery动画 animate();//请查看api window对象定时与间隔执行操作 setInterval();//间隔执行 setTimeout();//定时执 阅读全文
posted @ 2020-02-06 10:48 Scorpicat 阅读(187) 评论(0) 推荐(0)
摘要:EasyUI教程 跳转菜鸟教程 什么是EasyUI jQuery EasyUI 框架提供了创建网页所需的一切,帮助您轻松建立站点。 easyui 是一个基于 jQuery 的框架,集成了各种用户界面插件。 easyui 提供建立现代化的具有交互性的 javascript 应用的必要的功能。 使用 e 阅读全文
posted @ 2020-02-05 09:47 Scorpicat 阅读(529) 评论(0) 推荐(0)
摘要:什么是HTML/Css/JS 达内路线: html/css/js jquery bootstrap 如何理解这些知识点? HTML:骨头-页面框架 CSS:血肉-页面布局 JS:行为-页面动作 JQuery:js的框架,简化js操作 BootStrap:前端框架,集大成者(HTML、CSS、JAVA 阅读全文
posted @ 2020-02-04 21:36 Scorpicat 阅读(120) 评论(0) 推荐(0)
摘要:效果先看 主要函数 show(fast,slow,normal,毫秒数):将元素切换为可见的 hide(fast,slow,normal,毫秒数):将元素切换为不可见的 toggle(fast,slow,normal,毫秒数):如果元素是隐藏的,切换为可见的,反之,如果元素是可见的。。。 slide 阅读全文
posted @ 2020-02-04 15:27 Scorpicat 阅读(810) 评论(0) 推荐(0)
摘要:jquery动态事件 添加事件 元素对象.bind("事件名",fn);//动态的给指定的元素追加指定的事件,多次点击将追加多个重复函数 移除事件 元素对象.unBind("事件名"); 添加一次性事件: 添加的函数执行一次后失效 元素对象.one("事件名",fn) 页面载入事件: 注意不要写在函 阅读全文
posted @ 2020-02-04 14:52 Scorpicat 阅读(163) 评论(0) 推荐(0)
摘要:操作文档结构 具体使用请参考API 内部插入: 1. append和appendTo 2. prepend和prependTo 1追加到后面,2追加到前面 1和2中:以和字分隔 前者把字句:a把b追加进来 后者被字句:a被b追加进去 1和2追加的内容都可以是字符串和元素对象 外部插入: after( 阅读全文
posted @ 2020-02-04 14:13 Scorpicat 阅读(166) 评论(0) 推荐(0)
摘要:jQuery操作元素样式 操作单样式 元素对象.css(content),例如: a.css("width","200px") 注意格式,且只能单个添加 操作多样式 注意分号不需加双引号 a.css({"width":"200px", "height":"200px" }) 添加类样式 a.addC 阅读全文
posted @ 2020-02-04 14:10 Scorpicat 阅读(111) 评论(0) 推荐(0)
摘要:jquery 操作元素内容的学习 html()--对应innerHTML 获取 对象名.html() //返回当前对象的所有内容包含HTML标签 修改 对象名.html("新的内容") //新的内容会将原有内容覆盖,HTML标签会被解析执行 text()--对应innerText 获取与修改与htm 阅读全文
posted @ 2020-02-04 13:55 Scorpicat 阅读(157) 评论(0) 推荐(0)
摘要:jquery 操作元素属性 获取: 对象名.attr("属性名") //返回当前属性值 注意这种方法不能获取value属性的实时数据(只能获取默认值),使用对象名.val()进行获取实时数据 修改 对象名.attr("属性名","属性值") 测试代码 <!DOCTYPE html> <html> < 阅读全文
posted @ 2020-02-04 13:53 Scorpicat 阅读(132) 评论(0) 推荐(0)
摘要:引言 jQuery是js的一个框架。jQuery选择器是获取document节点对象的方法。 说到选择器,我们首先会想到css3中的选择器,jQuery的选择器形式与css3相似,只不过css3是为了给元素添加样式,而jQuery选择器是获取元素对象进行操作。 具体的jQuery选择器请查看jQue 阅读全文
posted @ 2020-02-01 13:52 Scorpicat 阅读(98) 评论(0) 推荐(0)
摘要:首先,去官网下载jQuery 点击跳转官网 然后,在html中引入 <script type="text/javascript" src="js/jQuery-3.4.1.js"></script> 阅读全文
posted @ 2020-02-01 13:42 Scorpicat 阅读(144) 评论(0) 推荐(0)
摘要:对象的封装 有使用我们引入的js文件中的对象非常非常多,js一旦变量名重复就会覆盖。为了解决这一问题,我们使用对象封装。 我们引入的js工具(代码)不会覆盖我们自己写的对象。这是因为它使用了封装与闭包。 就好像java中引入的工具,虽然方法名和我们自己写的方法名重复,但并不会覆盖,因为我们在使用引入 阅读全文
posted @ 2020-02-01 13:14 Scorpicat 阅读(461) 评论(0) 推荐(0)