自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(50)
  • 收藏
  • 关注

原创 Vue--路由

路由简介路由在Vue项目开发中较为广泛,复杂项目中多个页面间的跳转都需要用到路由。什么是路由前端路由及后端路由使用步骤一级路由配置示例<html> <head> <meta charset="UTF-8"> <title>一级路由</title> <!--导入Vue及路由--> <script type="text/javascript" src="js/vue-2.4.0.js"

2021-08-12 13:56:25 242

原创 单文件组件

组件简介Vue组件是开发中非常重要的部分,可以方便复用,减少不必要的工作量。概念组件详解作用域即Vue对象及管理视图区域.定义组件步骤:第1步: 创建组件第2步: 绑定组件内容/模板第3步: 应用组件全局组件说明:1.全局组件的声明,必须编写在任何js方法体之外.2.组件内容中 有且只有 1个根标签,包裹其他内容.3.template标签是Vue提供的一个标签,必须声明template标签来定义组件内容.示例<html> <head> &l

2021-08-10 19:48:59 386 2

原创 初始Vue

简介Vue框架以其简单易学并且渐进式的特点深受开发者的喜爱,无论是中小型项目还是大型项目都可以使用Vue框架来开发,在前端领域非常流行。Vue框架MVVM模式简介优势使用Vue示例<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>初始Vue</title> <!--引入Vue.js--> <script ty

2021-08-09 14:19:41 243

原创 移动Web页面开发

移动前端概述移动行业现状浏览器种类繁多,参差不齐除了系统原生浏览器,还有很对第三方浏览器。如UC,百度,腾讯,360,遨游等等,这些浏览器对HTML5的支持度不一,对网页的渲染和交互各有不同,还有一些浏览器性能堪忧,从而增加了前端开发成本。网速仍然是性能瓶颈在pc时代,网速是困扰用户和开发者的一大难题。到了移动时代,这个问题更是被加倍放大。移动终端所处的网络环境差,是客观存在的现象,无论是3G,还是4G,网速都是阻碍移动前端发展的瓶颈。多框架造成高门槛在众多开发技术中,由于前端没有服务器错综

2021-08-06 21:28:54 960

原创 Bootstrap--JavaScript插件

简介插件的引入方式Bootsstrap框架的所有JavaScript插件都依赖jQuery。所以必须在引入bootstrap.js或者bootstrap.min.js之前引入jQuery库。data属性关闭data属性过渡插件模态框简介模态框的实现示例<body> <div id="mymodal1" class="modal fade"><!--生成一个宽为100%灰色背景--> <div class="modal-d

2021-07-30 22:40:45 697

原创 Bootstrap组件

介绍字体图标组件字体徒步奥组件无处不在,经常出现在App的底部,网站导航条,登录页面或者注册页面。示例<html> <head> <style type="text/css"> </style> <meta charset="UTF-8"> <title>图标</title> <!--引入Jquery文件--> <script src="js/jquery-1.12.4

2021-07-29 15:59:09 180

原创 Bootstrap样式

Bootstrap简介下载Bootstrap基础模板Bootstrap架构Bootstrap 12栅格系统Bootstrap 12栅格系统的使用引入Bootstrap框架模板<html> <head> <meta charset="UTF-8"> <title>bootstrap基础模板</title> <!--引入Jquery文件--> <script src="js/jquery-1

2021-07-28 12:57:51 907

原创 响应式布局

弹性布局当我们制作网页时,当浏览器宽度大于页面的宽度时,在网页的右边会出现多余的空白。如果缩小浏览器的宽度,网页的内容会被遮挡一部分,如果想要查看网页全貌就需要拖动滚动条,但是拖动滚动条查看网页的操作大大降低了用户体验。浮动+百分比布局示例:<head lang="en"> <meta charset="UTF-8"> <title>固定布局</title> <style> * {

2021-07-27 21:08:21 244

原创 Git使用

版本控制的相关概念代码复查:开发人员可以比较某个文件不同版本的变化细节,看到了修改了什么,以及是谁修改的。版本回退:可以将某个文件回溯到之间的状态,甚至将整个项目回退到过去某个时间点的状态的等等,使用版本控制系统,即使不小心做了错误的修改,甚至误删除。也可以轻松恢复到原来的状态。协作开发:多名开发者分阶段地基于指定的项目版本分别开展工作,然后将各自的修改合并起来形成新版本。版本控制系统为了是实现版本控制,出现了一类专业的软件应用,称为版本控制系统,主要分为以下几种类型。本地式集中式:

2021-07-15 13:58:50 82

原创 SpringBoot整合Mybatis和Redis

Java配置的方式Spring从开始出现到现在,共经历了5个大的版本,并依次推出了3种配置方式:XML配置,注解配置和Java配置。实现Java配置方式示例:创建一个userBean:public class User { private Integer userId; private String userName; public User() { } @Override public String toString() {

2021-07-13 21:22:45 1352 11

原创 SpringBoot实战技能

Spring核心技能整合junit测试1.示例:添加junit依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-test</artifactId> <scope>test</scope> &

2021-07-12 17:11:35 248

原创 初始SpringBoot

概念:特点:搭建SpringBoot项目:1.3.4.5.点击next然后设置项目的存储位置然后项目创建完成。编写代码测试在src/main/java/com.yay.springbootdemo1下创建子包controller,在子包下面创建一个名为TestController的控制器类,编写代码:@Controller@RequestMapping("/test")public class TestController { @ResponseBody

2021-07-09 20:42:27 163

原创 Maven继承,pom文件,idea,聚合,私服nexus

pom文件中的节点以及含义maven中添加依赖比如添加fastjson依赖<dependencies> <!-- 添加FastJSON依赖: jar文件 --> <dependency> <groupId>com.alibaba</groupId> <artifactId>fastjson</artifactId> <version>1.2.47</version> &lt

2021-07-06 20:44:25 383

原创 maven安装配置

maven安装配置介绍仓库:仓库: 就是一个存放jar文件的目录[存放各种类型,各种应用的大量的jar文件]分类:本地仓库: 当前电脑中磁盘上的仓库目录远程仓库: 中央仓库,私服,其他公共仓库、代理 / 镜像仓库中央仓库的地址:https://repo.maven.apache.org/maven2(http://mvnrepository.com/)仓库优先级:本地→私服→其他公共仓库→中央仓库在本地仓库中找不到需要的依赖,Maven将去私服中搜索依赖,找到后拷贝私服中的依赖到本地

2021-07-05 13:23:22 130

原创 SSM框架分页查询

分页查询步骤:以查询用户为例:1.先查询出总记录数:准备好接口方法: int getAllSize();2.准备好SQL语句: <select id="getAllSize" resultType="int"> select count(*) from user; </select>service接口方法及实现类: int getAllSize();实现类: @Override public int getAllSize()

2021-07-01 13:33:25 2550

原创 SMM框架简单用户增删改查

用户增删改查先导入jar包:编写User实体类:public class User { private Integer id; private String name; private String sex; private Integer age; private String address; @Override public String toString() { return "\nUser{" +

2021-06-26 18:49:44 751

原创 SSM框架整合

SSM整合框架说明:MyBatis-Spring-SpringMVC框架整合整体思路: 先整合Spring与MyBatis,然后整合Spring与SpringMVC整合Spring与MyBatis:整合jar包{Mybatis基本jar,spring基本jar,mybatis-spring-*.jar,日志,驱动器}整合配置文件[spring配置文件(数据源,SqlSessionFactoryBean,Mapper接口扫描对象,事务管理对象,开启事务管理) ,mybatis配置文件(别名设置

2021-06-24 13:23:28 169

原创 SpringMVC框架异常处理 JSON数据处理

异常处理介绍:ExceptionHandlerExceptionResolver方式:使用步骤:示例:以算数异常为例接受两个数相除:首先定义表单: @ExceptionHandler 算数异常测试<br/> <form action="${pageContext.servletContext.contextPath}/test/num" method="post"> <input type="text" name="num1"&g

2021-06-22 19:25:08 252

原创 SpringMVC框架 类型转换器,拦截器

类型转换器默认转换器:****示例:编写类型转换器前台String类型转换为后台Date类型@Componentpublic class MyDateConvert implements Converter<String, Date> { @Override public Date convert(String s) { SimpleDateFormat dateFormat = new SimpleDateFormat("yyyy-MM-d

2021-06-21 13:38:45 278

原创 Spring MVC表单,数据效验,上传下载文件

Spring表单Spring提供了自己的一套表单标签库,通过使用Spring标签库,可以很容易的将模型数据中的表单对象绑定到HTML表单元素中。使用步骤:第1步: 编写SpringMVC表单示例:<%@taglib prefix="fm" uri="http://www.springframework.org/tags/form" %><%@ page contentType="text/html;charset=UTF-8" language="java" %>&l

2021-06-18 22:30:17 179

原创 SpringMVC请求响应数据

请求数据:SpringMVC提供了从请求对象中获取请求数据的方式: 自动获取和手动获取。注意:1.若注入的数据乱码或类型不匹配,会导致注入失败.[性别乱码,年龄非数字]2.被注入数据的对象,无需装入Spring容器[无需@Component标注].自动获取:示例:jsp页面 <a href="test?data=张三">自动获取数据</a> <form action="test1" method="post"> 姓名:<inp

2021-06-17 14:27:21 109

原创 Java开发SSM框架-Spring-MVC框架

MVC模式概念:MVC[Model-View-Controller],即模型-视图-控制器是当前最为流行的Web开发模式,它把应用程序分成三个核心模块:模型,视图,控制器,各模块处理各自的任务。分层模型:模型又称为"业务逻辑",模型是真正完成任务的代码.在模型与界面相分离的情况下,代码即可实现可管理性和可重用性.控制器:控制器负责控制模型和视图之间的交互过程.它决定着向用户返回哪个视图,检查通过界面输入的信息以及选择处理输入信息的模型.视图:视图即用户使用的界面,界面不处理数据,界面的

2021-06-15 19:45:29 1525 1

原创 Java开发SSM框架-Spring-MyBatis框架整合

基本整合方式Spring框架整合其他框架的本质其实就是把其他框架交给Spring框架管理。Spring框架通过IOC,AOP等机制实现与其他框架的连接,最终建立一个低耦合的一应用架构,大大增强了系统的灵活性,便于功能扩展。Spring整合MyBatis:MyBatis功能/操作: 配置文件[实体类别名,数据源,映射文件等等],映射文件[业务标签],MyBatis代码[SqlSessionFactory,SqlSession等对象操作]Spring功能/操作: IoC,DI,AOP,事务管理。整合目

2021-06-10 15:04:11 194

原创 Java开发SSM框架-Spring-AOP

Spring AOP什么是AOP:AOP是把对象或固定的流程"切开"找到其中的公共行为,并将其提取同意处理的同一种思想。AOP可以认为是对OOP(面向对象编程)的一种补充,这种横向式的编程方式更容易处理不同对象,不同模块之间的共同业务,如访问控制,事务控制,性能监测等。AOP依赖动态代理实现的在代理模式中可以为原对象设置一个代理对象,被代理的对象也可称为目标对象。代理对象为目标对象方法提供一个代理方法。在这种模式下,给编程人员的感觉是在原有代码乃至原业务流程都不修改的情况下,直接在业务流程中切入

2021-06-08 19:40:00 166

原创 Java开发之SSM轻量级框架-初始Spring框架

Spring框架介绍Spring框架是一个轻量级的企业框架,兴起于2003年。当时流行的传统JavaEE框架均为过于臃肿的 “重量级” 架构体系,其开发效率,开发难度和实际的性能都不能满足人们的需求。Spring中文含义为 “春天” 正如它的名称一样,Spring框架的诞生给人一种格外清新的感觉,蕴藏着勃勃生机。概念:Spring是由Rod Johnson开发的一个开源容器框架,提供了控制反转[IoC],依赖注入,面向切面[AOP],事务管理,框架整合等功能,用于简化企业级应用开发。特点:1.轻

2021-06-07 14:19:44 777

原创 Java开发之SSM框架-动态SQL语句

MyBatis框架动态SQL处理简单的多参数查询if标签:用法类似Java中的if语句,选择性拼接指定SQL片段.格式:SQL片段说明:1.当条件为true时,将SQL片段拼接到该标签所在位置示例: <select id="getUser" resultType="user"> select * from user where 1=1 <if test="id!=null"> and id=#{id}

2021-06-03 15:03:20 804

原创 Java开发SSM框架-SQL映射文件详解

SQL映射文件SQL映射文件中的几个顶级元素介绍如下:mapper:SQL映射文件的根元素。只有一个namespace,用于区分不同的mapper,必须全局唯一。cache:为给定命名空间配置缓存。cache-ref:引用其他命名空间中的缓存配置。resuitMap:用来描述查询结果集中的字段和Java实体类属性的对应关系。sql:定义可重用的SQL语句块,可以在其他语句映射中引用,提高代码编写和维护SQL语句的效率。insert:映射insert语句。select:映射select语句。

2021-06-01 22:43:50 1554

原创 Java开发之SSM框架-初始MyBatis框架

框架的概念及作用框架(Framework)是一种经过检验的,具有特定功能的半成品软件。框架针对特定的功能或架构需要,对基础代码进行了封装并提供相应的API,不同的口框架能够提供不同的功能。数据的持久化及ORM持久化简介持久化就是将内存中有用的数据以某种技术保存起来,并且可以再次取出来应用。也就是说,可以将内存中的数据模型转换为存储模型,以及将存储模型转换为内存中的数据模型。ORM简介ORM(Object/Relational Mapping),即对象/关系映射.ORM是一类框架的总称,这类框架

2021-05-31 20:03:52 256 1

原创 Java开发框架基础-Redis

Redis简介目前的互联网应用广泛使用两种方式来进行数据存储,关系型数据库和NoSQL数据库。关系型数据库是指采用关系模型来组织数据的数据库,主要用于存储格式化的数据结构,大量传统数据库如MySQL,Oracle,SQLServer等都属于关系型数据库。NoSQL数据库泛指非关系型数据库,主要服务于特定背景的专用数据库,对外提供的是特定的API,而非通用的SQL接口,数据访问更加高效。Redis是一个开源的key-value数据库,属于NoSQL数据库,按照键值对的结构对数据进行存储,为了保证

2021-05-20 14:00:49 239 1

原创 java开发框架基础-设计模式

认识设计模式介绍:设计模式是人们在长期的软件开发中的经验总结,是对某些特定问题的经过实践检验的特定解决方法,是软件设计中的“三十六计”.作用:1.使开发者可以更加简单方便地复用 成功的设计和体系结构2.帮助开发者做出有利于系统复用的选择,避免损害系统复用性的设计.3.使其他开发者更加容易理解其设计思路,便于团队交流。设计模式之间的关系为什么使用设计模式由此不难想象,如果程序中比较基础的模块发生变化,将导致该模块的所有调用者都要修改代码,影响了其他模块的重用。面向对象设计原则设

2021-05-20 10:16:07 289

原创 Java框架开发基础-解析XML文件

认识XML|----XML编写要求: XML声明:1.XML声明用于指明当前文件为XML文件,文件采用的XML版本和编码.2.<?xml version="1.0" encoding="UTF-8" ?>XML文档:标签要求: <元素名 属性名="属性值">元素内容(子元素、字符等)</元素名> 元素的命名规则如下: 名称中可以包含字母、数字或者其他的字符 名称不能以数字或者标点符号开始 名称不能以字符“xml”(或者XML、Xml)开始

2021-05-13 14:18:37 522

原创 java开发框架基础-反射

什么是反射通过Java反射可以实现以下功能就像照镜子可以看请自己,反射使程序可以看清一个类的情况并加以使用,Java反射机制能够探知类的基本结构,这种对Java类结构探知的能力,称为Java类的“自审”,并且,反射机制使构建框架的基础所在。java反射常用API获取类的信息一个类或者接口被加载后,从系统中都能获得一个代表该类或接口的Class实例,通过该实例就可以访问到Java虚拟机中这个类会接口。获取Class实例Java程序中获取Class实例通常有如下三种方式,根据实际情况选择。

2021-05-11 20:11:58 230

原创 Ajax与jQuery

认识Ajax在传统的Web应用中,每次请求服务器都会生成新的页面,用户在提交请求后,总是要等待服务器的响应。如果前一个请求没有得到响应,则后一个请求就不能发送。由于这是一种独占式的请求,因此如果服务器响应没有结束,用户就只能等待或者不断刷新页面。在等待期间,由于新的页面没有生成,整个浏览器一片空白,而用户只能继续等待。对于用户而言,这是一种不连续的体验,同时,不断的刷新页面也会使服务器的负担加重。Ajax技术正是为了弥补以上不足在诞生的,Ajax应用在使用javaScript异步发送请求,不用每次请求都

2021-03-29 21:05:08 380

原创 JSTL和EL

EL表达式为什么需要EL表达式什么是EL表达式它是一种借鉴了JavaScript和XPath的表达式语言,EL表达式定义一系列的隐含对象和操作符,使开发人员能够很方便的访问页面的上下文。EL表达式语法EL表达式的语法有两个要素,$和{ } 两者缺一不可。.操作符EL表达式通常由两部分组成,对象和属性,就像在java代码中一样,在EL表达式中也可以用点操作符来访问某个对象的属性。例如通过美元符号{user.name}可以访问user对象的name属性。[ ] 操作符与点操作符相似

2021-03-23 23:06:25 578

原创 Servlet基础

Servlet简介什么是ServletServlet是一个符合特规范的Java程序,是一个基于java技术的Web组件。Servlet运行在服务器端,由Servlet容器所管理,用于处理客户端请求并做出响应。Servlet主要用于生成动态的内容,它可以接受和处理请求,并动态生成HTML内容对客户端进行响应 过程如下:...

2021-03-23 21:55:01 187

原创 JSP开发业务应用

JSP分页显示数据为什么需要分页随着科技的发展,人们越来越依赖于网络进行营销,交流和宣传,基于Interent的Web应用也变的越来越复杂,资源也越来越庞大,而通过网络搜索数据是我们最常使用的操作。例如,假设要从数据报表中查询销售数据:如下图所示,当数据量很大时,可能有几万。几十万条,几百万条数据,不利于信息查看。在日常生活中分页是随处可见的 例如:登录E-mail收取邮件时,邮件列表就是以分页来进行数据展示的如下图:分页实现实现分页的方式有多种,例如将所有的查询结果以集合的形式保存在内存中,

2021-03-19 22:13:23 329

原创 使用分层实现业务处理jsp

JNDI使用JNDI可以访问的目录及服务很多,如DNS,文件服务,数据库等。Tomcat 根目录\conf\context.xml文件为全局上下文配置文件,对所有的Web应用有效。所以将发布的信息配置在此文件中,再通过JNDI来查找信息。name属性为:环境条目的名称,相对于java:comp/env的名称、type属性为: 环境条目的java类名的全称。value:通过JNDIcontext请求时,返回给定应用的参数值,该值必须转换成type属性定义的java类型。然后通过编写JSP代码

2021-03-18 22:18:52 296

原创 JSP数据交互(二)

JSP内置对象application我们学习了session对象,使用session可以保存当前每个用户的会话状态信息,一个用户对应一个session。但是如果要存在这样一个数据,如应用的访问人数,需要Web应用系统中的所有用户共享,这就需要用到JSP的另一个对象——application对象。application对象application对象类似于系统的全局变量,用于同一个应用内的所有用户之间的数据共享。示例:统计网页的访问人数:<%@ page language="java" co

2021-03-11 20:56:51 833

原创 JSP数据交互(一)

什么是JSP内置对象JSP内置对象,就是在编写JSP页面时,不需做任何声明就可以直接使用的对象。例如如下代码:int[] value={20,30,10,};for(int i : value){ out.print(i);}代码out.print()可以实现页面输出,因为out是JSP内置对象之一。该方法用于在页面中显示字符串信息。所谓内置对象就是由Web容器加载的一组Servlet API的实例,这些实例由JSP规范进行了默认的初始化操作,可以世界在jSP中使用。需要注意,JSP的内

2021-03-09 22:33:06 1141

原创 动态网页开发基础

什么是B/S架构随着internet的普及与大规模应用,受制于C/S架构的应用程序存在很多缺点,B/S(browser Server,浏览器/服务器)架构随之应运而生,基于B/S架构的Web应用程序由于不在受安装客户端的限制,访问极其简便,因此越来越多的企业采用,B/S架构的出现不上对C/S架构的否定,而是对C/S架构的改进。在B/S架构下,应用系统完全放在了服务器上,并通过应用服务器同数据库服务器进行通信系统界面通过浏览器展现。对于用户而言,只要能够连接internet。安装完浏览器就可以访问系统了

2021-03-08 20:43:37 724

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除