前端
文章平均质量分 60
黩817
钻研java or 前端中
展开
-
EasyUi02
目录1.Tree控件的使用2.tabs控件的使用1.Tree控件的使用Tree顾名思义就是树形菜单例图2.tabs控件(即选项卡)选项卡是最流行的导航模式之一(与菜单栏和垂直导航一样)。 选项卡最大的优点是用户很熟悉,而且经常是持久的内容,所以即使用户在网站或应用程序中跳出刚浏览过的内容,他们也不会迷失。例图:今天我们就要利用这两个控件来合并完成树的点击弹出tabs效果Tree的使用1.首先在之前下载EasyUi的文件夹中找到tree_data1.jso.原创 2022-05-06 13:46:25 · 184 阅读 · 0 评论 -
EasyUi框架
一、概述1.1Easyui是什么?EasyUI全称是Jquery-EasyUI,它是基于Jquery的一个UI插件库,封装了许多实用的控件和功能,并且是完美支持HTML5网页的框架。提供的控件包括数据表格,树形表格,菜单,进度条,选项卡,日期组合框,调节器,对话框等等。EasyUI的目标就是帮助Web开发者更轻松的打造出功能丰富并且美观的UI界面Easyui开发前端页面的好处: 丰富的Jquery插件库 使用简单,可以快读开发出原型界面 ...原创 2022-05-05 20:48:47 · 668 阅读 · 0 评论 -
Bootstrap图标库的下载及使用
一起来学学Bootstrap图标库的使用吧原创 2022-05-04 16:43:19 · 2991 阅读 · 0 评论 -
Bootstrap常用
1、栅格系统(Grid Systems)即网格系统,它是一种清晰、工整的设计风格,用固定的格子进行网页布局。栅格系统最早应用于印刷媒体上,一个印刷版面上划分了若干个格子,非常方便排版,后来,栅格系统被应用于网页布局中,使用响应式栅格系统进行页面布局时,可以让一个网页在不同大小的屏幕上,呈现出不同的结构。例如,在小屏幕设备上有某些模块将按照不同的方式排列或者被隐藏2、栅格系统的行和列Bootstrap栅格系统是指将页面布局划分为等宽的列。随着屏幕或视口尺寸的增加,系统会自动分为1~12列栅格系统用原创 2022-05-01 19:15:45 · 463 阅读 · 0 评论 -
Bootstrap(入门)
Bootstrap 概念:一个前端开发的框架,Bootstrap是基于html、css、Javascript的。框架:框架是一个半成品软件,开发人员可以在框架基础上进行开发,简化编码。 好处: ① 定义了许多CSS样式和js插件。开发者可以直接引用这些样式和插件。 ② 响应式布局:同一套页面可以兼容不同分辨率的设备。快速入门 1.下载BootStrap 2.下载后有三个文件夹,将这三个文件夹复制到项目中 3.创建html页面...原创 2022-04-29 22:37:16 · 880 阅读 · 0 评论 -
Ajax与json
目录1.Ajax2.json3.Ajax+json一、神奇的Ajax1.要用Ajax先来了解为什么使用Ajax?1.1:无刷新:不刷新整个页面,只刷新局部(无刷新的好处:只更新部分页面,有效利用带框,提高用户体验)2.那Ajax是什么?Ajax:一种只刷新局部页面的技术Ajax中有几个方法:今天我们最要就说两个:1.$.ajax() 2.$.post()$.ajax():通过HTTP请求加载远程数据$.post():通过远程HTTP POS...原创 2022-04-29 08:56:10 · 1905 阅读 · 0 评论 -
Md5的原理与使用
什么是MD5?MD5消息摘要算法(英语:MD5 Message-Digest Algorithm),一种被广泛使用的密码散列函数,可以产生出一个128位(16字节)的散列值(hash value),用于确保信息传输完整一致。MD5由美国密码学家罗纳德·李维斯特(Ronald Linn Rivest)设计,于1992年公开,用以取代MD4算法。密码散列函数(Cryptographic hash function),又译为加密散列函数,是散列函数的一种。MD4算法在安全上有大的漏洞,但它对在其后才被原创 2022-04-25 17:20:01 · 578 阅读 · 0 评论 -
JavaWeb14(监听器/过滤器)
监听器 Listener监听分为三中 ServletContextListener HttpSessionListener ServletRequestListener(了解即可)监听器能够针对创建和销毁定义不同的行为今天我们来看看ServletContextListenerd与HttpSessionLisrener我们选择用一个表单来做案例:表单:<%@ page language="java" contentType="...原创 2022-04-23 21:00:43 · 482 阅读 · 0 评论 -
JavaWeb13
我们的javaweb也快要完结了,那我们的jsp什么算是学完了呢?要做到的高内聚 低耦合没有java代码,在jsp文件中没有java 封装javabean操作集成到doxx.jspJSTL代替javas遍历操作,取值有一种专门的页面doxx.jsp只包含java什么是jsp?本质其实就是一个java文件去除doxx.jsp新建java文件实现servlet(接...原创 2022-04-22 13:33:28 · 236 阅读 · 0 评论 -
JavaWeb12(域对象&EL表达式&JSTL)
一、内置对象之域对象:pageContext:作用域仅限于当前jsp页面request:作用域仅限于当前请求(仅转发有效)session:作用域仅限于当前会话(浏览器的打开和关闭称之为依次会话)application:作用域是当前的web项目(服务器打开和关闭之间有效)二、EL表达式EL语法以${作为开始以}作为结束可以使用变量名取值$${username}变量属性范围名称EL运算符、作用、获取对象集合中的数据例如:输出...原创 2022-04-15 13:10:06 · 199 阅读 · 0 评论 -
JavaWeb11(jsp的标准标签)
大家都知道,我们现在写的代码都是在html中套入<%%>(java的代码),其实我们在页面上最好是不要出现java代码的,而是用jsp替代,下面介绍一下我们常用的一些jsp标签常用的jsp标签(jsp页面自带)1.<jsp:include page="">包含标签包含(动态包含):所有被包含页面都会自动编译 可以与被包含页面交互<jsp:include page="footer.jsp"></jsp:include>2.<jsp:p原创 2022-04-12 17:43:34 · 687 阅读 · 2 评论 -
JavaWeb10(三层框架)
分层模式分层模式是常见的一种架构模式 分层模式是很多架构模式的基础分层将解决方案的组件分隔到不同的层中在同一个层中组件之间保持内聚性层与层之间保持松耦合三层模式的划分1.表示层2.业务逻辑层3.数据库访问层层与层之间的关系面向接口编程:是为了实现和设计完全分离复习之前知识点:接口接口的特性:1.接口不能被实例化 因而要用到里式替换原则2.接口里面...原创 2022-04-09 21:42:15 · 602 阅读 · 0 评论 -
JavaWeb09(ckeditor&smartupload)
ckeditor富文本编辑器引用步骤1.导入jar包2.页面引入js3.在需要富文本编辑器的地方引用ckeditor需要注意的点:1.name名需要相等才会有效果2.引用ckeditor的路径不能错误(如果相隔一个文件夹需要用 ../ 来处理)3.1.关于ckeditor中文字体乱码问题解决方法:CKEditor添加中文字体乱码问题原来是js文件的编码问题,只需要将config.js文件保存为UTF-8格式就搞定了。其实以前也碰到过类似问题,就是一个网友发布的日期控.原创 2022-04-09 18:34:21 · 572 阅读 · 0 评论 -
JavaWeb08(新闻项目的完善)
分页分页对于一个项目来说也是比较重要的;网站中的网页排列方式一般分为两种:1.单页面显示所有内容2.单页面无法显示所有内容,此时就需要多分页来显示实现分页的解决方案有两种:1.一次查询出数据库中的所有记录,然后在每页中显示指定的记录2.对数据库进行多次查询,每次只获得本页的数据并显示现在开始今天项目的分页分页核心代码select * from (select a.nid,a.ntitle,a.nauthor,rownum as rid from News a wh原创 2022-04-09 17:19:13 · 1025 阅读 · 0 评论 -
JavaWeb07(session与Cookie)
会话跟踪(session与cookie)一、Session对象1.概念 Session在网络中被称为会话。 由于HTTP协议(超文本传输协议)是一种无状态协议,也就是当一个客户向服务器发出请求,服务器接收请求,并返回响应后,该连接就结束了,而服务器并不保存相关的信息。为了弥补这一缺点,HTTP协议提供了Session。通过Session可以在应用程序的WEB页面间进行跳转时,保存用户的状态,使整个用户会话一直存在下去,直到关闭浏览器。但是,如果在一个会话中,客户端长时间不向...原创 2022-04-05 16:47:21 · 89 阅读 · 0 评论 -
JavaWeb06(新闻项目的完善)
目录一.完成对新闻标题的模糊查询二.完成对新闻的评论(增加与删除)三.指令包含-----------------------------------------------------------------------------------------------------一.新闻的模糊查询思路:1、增加一个文本框 与按钮 放入表单中 提交到自身所在的页面2.接收文本框的name值3、在查询所有的时候加入sql语句 并加入条件(之前获取的文本框的name值)代码原创 2022-04-03 16:26:45 · 619 阅读 · 0 评论 -
JavaWeb05(新闻项目的完善)
目录一.完成主页面新闻的展示二.完成主题下拉框的绑定三.完成单个新闻的删除四.完成新闻的查看(阅读)五.完成新闻的修改一.完成主页面新闻的展示思路:根据数据库查询的新闻字段显示到主页面代码: <% String URL="jdbc:oracle:thin:@localhost:1521:orcl"; String CNAME="oracle.jdbc.driver.OracleDriver"; Class.forName(CNAME); C..原创 2022-04-02 17:02:47 · 1081 阅读 · 0 评论 -
JavaWeb03
一、页面的跳转方式以及区别1.重定向:response(响应)1.1重定向是两次请求;1.2重定向的URL可以是其他应用,不局限于当前应用1.3重定向的响应头为302,并且必须要有Location响应头1.4重定向就不要再使用response,getWriter或response,getOutputStream()输出数据,否则会出现异常2.转发:request(请求)request2.1一次请求,多次转发2.2请求转发后,地址栏不发生改变2.3request原创 2022-03-28 12:09:57 · 995 阅读 · 0 评论 -
JavaWeb02
一.JSP的基本语法1.JSP是什么?为什么要学JSP?JSP是简化Servlet编写页面技术,它将java代码和HTML语句混合在同一个文件中编写,页面动态资源使用java代码,静态资源使用html标签。为什么学?简化书写,展示动态页面2.JSP的执行过程:1.1:首先,客户端发出请求(request),请求访问JSP网页1.2:接着,JSP container将要访问的jsp文件转译成Servlet的源代码(.java文件)1.3:然后,将产生的servlet的源代码经过原创 2022-03-27 13:40:40 · 313 阅读 · 0 评论 -
JavaWeb01(WEB环境的搭建)
一、jdk开发工具包1.jdk是什么JDK全称java Development kit 中文意思是Java 开发工具包2.如何下载和安装jdkjdk下载官方网站https://www.oracle.com/index.html3.如何配置环境变量配置三部曲:1.JAVA_HOME:jdk的安装目录2.path:%JAVA_HOME%\bin3.CLASSPATH:.;%JAVA_HOME%\lib\dt.jar,tools.jar二、Tomcat服务器1.Tomcat是什么原创 2022-03-25 22:51:17 · 106 阅读 · 0 评论 -
jQuery05插件
一、需要引入validate插件库(官网下载)1.区分java的类方法以及对象方法---类方法(静态方法);例如:DBHelper.getCon()--对象方法: StuDao sd=new StuDao(); sd.addStu();通过以下的两个案例让我们学完今天的内容<h2>案例3:自定义插件实现全选功能</h2> <button type="button" id="ok">全选</button> ...原创 2022-03-23 10:40:12 · 1092 阅读 · 0 评论 -
jQuery04-事件与动画
一、事件1.1 加载DOM两种方式(区别)javascript:window.onload=function(){console.info("js方式");}只能有一个,多个会被覆盖jQuery:$(function(){console.info("jQuery方式");})可以有多个,并且都会执行1.2 绑定事件的两种方式[eg,:点击、悬停事件等等]--元素 .on/bind() 用法点击事件$(".big").on("click",funct.原创 2022-03-21 16:15:27 · 827 阅读 · 0 评论 -
jQuery03(筛选&文档处理&位置)
一、根据以下案例完成我们今天的大部分内容<ul> <li>1</li> <li title="a">2</li> <li title="b">3</li> <li title="a"><span><b>4</b></span></li> ...原创 2022-03-20 17:19:32 · 657 阅读 · 0 评论 -
jQuery-02($工具方法&属性和CSS)
一、$工具方法1. $.each()遍历数组.对象的数据 定义对象{}var stu={"name":"小明","age":38};遍历对象console.info(stu.name,stu.age);//方式一$.each(stu,function(k,v){//key 键 ,value 值(内容) console.info(v); })//方式二定义数组[]var names=["小明","小红","小刚","大熊"];遍历数组$.each(name...原创 2022-03-20 15:53:46 · 691 阅读 · 0 评论 -
jQuery的入门以及选择器
一起加油!!!原创 2022-03-17 20:45:15 · 367 阅读 · 0 评论