- 博客(42)
- 收藏
- 关注
RSS订阅原创 Vue-路由
认识路由:路由指根据不同的URL地址展示不同的内容/页面.备注: 路由就是一个超链接,用于链接当前页面中的资源. 类似于a标签的跳转到当前页面中指定位置.前端路由及后端路由实现步骤:思路:自己定义1组资源的映射规则,然后在视图管理区域中编写链接,链接资源.第1步: 导入路由功能 先导入vue-*.js文件,然后导入vue-router-*.js文件. <script type="text/javascript" src="js/vue-2.4.0.js" ></
2021-08-18 19:14:52
117
原创 单文件组件
一、组件认识组件:组件可以简单的理解为模块化的单元，Vue组件能够提高代码重用性的。使用组件可以解决频繁更改需求的问题组件分类全局组件: 指在不同作用域内均可使用的组件.局部组件: 指只在定义该组件的作用域内可以使用的组件.备注: 作用域即Vue对象及管理视图区域.[类似Java中全局变量和局部变量]定义组件步骤:第1步: 创建组件第2步: 绑定组件内容/模板第3步: 应用组件全局组件:格式: Vue.component("组件名",{ template:"组件内容"或"#
2021-08-17 16:34:17
141
原创 初识Vue
一、Vue.js简介1.Vue框架概念:Vue[读音/vju:/,类似view]是一种用于构建用户界面的渐进式前端框架.特点:1.Vue可以被自底向上应用2.Vue的核心库只关注视图层[MVC中的V]: 解耦视图和数据3.Vue提供大量可复用的组件: 自定义组件,路由等官网:https://cn.vuejs.org/https://cn.vuejs.org/v2/guide/2.MVVM模式MVVM分为: Model层[前端数据],ViewModel层[调度者],View层[前端视图
2021-08-17 15:46:20
134
原创 移动Web页面开发
一：移动前端概述1.移动行业的现状浏览器种类繁多，参差不齐网速影响性能多框架造成高门槛2.移动网页开发与PC网页开发的区别二：移动端浏览器类型1.内置浏览器由系统厂商开发，无法单独升级，如需升级必须升级系统2.可下载浏览器只要出现新的版本就可以跟心，所以最新的和最棒的功能往往最先出现在可下载浏览器上面。3.代理浏览器4.WebViewWebView是留在原生应用的一个操作系统浏览器接口，WebView是独立程序，用了内置浏览的很多底层的组件，例如微信中点击网页链接，客户
2021-08-16 11:44:43
129
原创 JavaScript插件
简介：插件的引入方式Bootsstrap框架的所有JavaScript插件都依赖jQuery。所以必须在引入bootstrap.js或者bootstrap.min.js之前引入jQuery库。data属性关闭data属性二：过渡插件三：模态框模态框的实现注意事项通过点击按钮弹出模态框模态框尺寸模态框data属性javascript操作模态框模态框属性模态框方法模态框事件四：选项卡选项卡组成选项卡实现实现选项卡注意点胶囊式选项
2021-08-15 20:37:17
66
原创 BootStrap组件
一：字体图标组件字体图标是以glyphicon-开头，是由https://glyphicon.com/网站提供的。图标类不能和其他组件直接联合使用，它们不能在同一个元素上与其他类共同存在，应该创建一个嵌套的span标签，并将图标类应用到这个span标签上。图标类只能应用在不包含任何文本的内容或子元素上。二：下拉菜单组件1.基本下拉菜单将下拉菜单触发器和下拉菜单都包裹在.dropdown里或者另一个声明了position:relative;的元素。最后加入组成菜单的HTML代码中。为下拉菜单的
2021-08-15 17:20:07
90
原创 BootStrap样式
BootStrap框架简介BootStrap 12栅格系统BootStrap 12栅格系统的使用列偏移使用.col-md-offset-*类可以将列想右偏移，这些类实际是通过使用 * 选择器为当前元素增加了左侧边距。列嵌套在已存在的.col-md-元素内添加一个新的.row元素和一系列.col-md-元素。需要注意的是，被嵌套的行所包含的列的个数不能超过12。列排序使用.col-md-push-(向右移动)和.col-md-pull-(向左移动)类可以改变列的顺序。响应式栅格C
2021-08-14 21:08:08
139
原创 响应式布局
一：弹性布局1.Flex弹性盒布局介绍:Flex布局（ Flexible Box 或 flexbox 弹性盒模型）是在CSS3 中引入的一种特殊布局方式，常用于当页面需要适应不同的屏幕大小以及设备类型时能够确保元素拥有恰当的行为.作用：Flex布局用于决定一个盒子在其他盒子中的分布方式以及如何处理可用的空间好处：可以让子元素排列在一行使子元素的高度一致语法：display:flex;容器属性：1）flex-direction用于决定主轴的方向，即子元素在父容器中的位置。ro
2021-08-13 16:16:46
97
原创 Maven
介绍:Maven是Apache基金会下一个跨平台的项目管理工具,用于Java项目的构建、项目信息管理和依赖管理.Maven的作用项目构建创建项目,引入jar包,代码编译和测试,项目打包,项目部署,项目运行等引入依赖的jar文件通过访问Maven仓库,下载和控制项目依赖的jar包打包发布项目将项目打包为开发人员指定的类型,然后部署到Web容器. 或 打包到Maven仓库,供其他人引用.仓库: 就是一个存放jar文件的目录[存放各种类型,各种应用的大量的jar文件]分类:本地仓库: 当前电
2021-07-07 19:19:04
74
转载 Java开发之SSM企业轻量级开发框架
SSM整合一：整体思路: 先整合Spring与MyBatis,然后整合Spring与SpringMVC整合Spring与MyBatis:整合jar包{Mybatis基本jar,spring基本jar,mybatis-spring-*.jar,日志,驱动器}整合配置文件[spring配置文件(数据源,SqlSessionFactoryBean,Mapper接口扫描对象,事务管理对象,开启事务管理) ,mybatis配置文件(别名设置,加载映射文件), 映射文件,properties文件,log
2021-06-27 17:32:55
132
原创 Java开发之SSM企业轻量级开发框架
SpringMVC异常处理介绍:Spring MVC中提供了一套通用的异常处理方案,利用这套异常处理方案可以有效的处理Web项目中的异常.原理:SpringMVC提供了HandlerExceptionResolver接口,并提供多个用于不同场景的实现类.通过捕获 程序产生的异常,并将该异常与Spring容器中的异常处理对象匹配.匹配成功后,由异常处理对象的方法进行异常处理,并返回视图和异常信息.HandlerExceptionResolver实现类: AnnotationMethodHandl
2021-06-23 21:34:37
123
原创 Java开发之SSM企业轻量级开发框架
SpringMVC类型转化器介绍:1.web开发中,网页中的数据类型十分贫乏,通常只有字符串和字符串数组,但是后台数据处理中需要丰富的数据类型,因此必须进行数据类型转换.2.SpringMVC上下文中内建了许多类型转换器,可以实现大多数Java类型转换的功能.例如: 基本类型与String的转换,数字与字符的转换.类型转换分类:页面数据类型 转为 后台数据类型后台数据类型 转为 页面数据类型注意: “页面->后台"或"后台->页面”,在定义和使用类型转换器时,步骤和思路完全相同
2021-06-23 21:29:10
108
转载 Java开发之SSM企业轻量级开发框架
SpringMVCSpringMVC表单介绍:从Spring2.0开始,Spring提供了一套支持数据绑定的标签,用于替代HTML表单标签.SpringMVC表单标签,支持模型对象属性作为表单组件标签的初始值,以便表单数据的编辑和表单值的回显.SpringMVC表单标签: <form:form>,<form:hidden> <form:input>,<form:password> <form:radiobutton>,<form
2021-06-20 17:28:35
192
原创 Java开发之SSM企业轻量级开发框架
SpringMVC请求数据SpringMVC提供了从请求对象中获取请求数据的方式: 自动获取和手动获取.注意:1.若注入的数据乱码或类型不匹配,会导致注入失败.[性别乱码,年龄非数字]2.被注入数据的对象,无需装入Spring容器[无需@Component标注].自动获取:当请求参数名与处理方法参数名相同时,SpringMVC将请求中参数的值赋给方法的同名参数.SpringMVC支持级联属性[复杂参数],将请求参数名与方法参数表示的对象的属性名匹配,并进行赋值.若请求中不含与"处理方法参数"同
2021-06-17 19:00:30
85
转载 Java开发之SSM企业轻量级开发框架
SpringMVC|—Model2:使用JSP和Servlet开发被称为Model2[MVC开发模式].JSP和Servlet可以一起使用,Servlet负责处理控制流,而 JSP 则专注于编写HTML的任务.|-----MVC:概念:MVC[Model-View-Controller],即模型-视图-控制器是当前最为流行的Web开发模式,它把应用程序分成三个核心模块:模型,视图,控制器,各模块处理各自的任务.分层:模型:模型又称为"业务逻辑",模型是真正完成任务的代码.在模型与界面相分离
2021-06-16 14:14:34
212
原创 CMD命令操作数据库
1、连接数据库mysql -uroot -p(密码);显示所有数据库show databases;创建数据库create database 需要创建的数据库名;删除数据库drop 需要删除的数据库名;选择数据库use 需要选择的数据库名;创建表create table 需要创建的表名(字段名,数据类型(长度),主键约束 Primary Key (简称 PK)，非空约束 Not Null，唯一约束 Unique，外键约束 Foreign Key (简称 FK)，默
2021-06-11 17:50:34
729
1
转载 Java开发之SSM企业轻量级开发框架
Spring 框架整合MyBatis框架MyBatis: 用于替代JDBC,用于数据持久化Spring: 用于整合框架,提供整合功能及其他功能[IoC,DI,AOP,事务管理等等]SpringMVC: 用于替代JSP,用于处理请求和响应[SpringMVC属于Spring的一部分]Spring整合MyBatis:MyBatis功能/操作: 配置文件[实体类别名,数据源,映射文件等等],映射文件[业务标签],MyBatis代码[SqlSessionFactory,SqlSession等对象操作]S
2021-06-10 17:22:28
69
原创 Java开发之SSM企业轻量级开发框架
Spring框架面向切面编程:面向切面编程[Aspect Oriented Programming,简称AOP]指在运行时,动态的将代码切入到类的指定方法或位置上的编程思想.术语:aspect(切面): 指横切性关注点的抽象即为切面,它与类相似,类是对物体特征的抽象.[通俗讲,切面是定义了额外功能的类]joinpoint(连接点): 指被拦截的点,分为属性,方法,构造器.Spring只支持方法类型的连接点.[通俗讲,应用额外功能的地方称为连接点]pointcut(切入点): 指对"连接点"进行拦
2021-06-08 17:49:39
78
转载 Java开发之SSM企业轻量级开发框架
Spring框架一：搭建Spring环境概念:Spring是由Rod Johnson开发的一个开源容器框架,提供了控制反转[IoC],依赖注入,面向切面[AOP],事务管理,框架整合等功能,用于简化企业级应用开发.特点:1.轻量级:Spring提供了许多服务,但这些服务默认关闭.同时,完整的Spring框架可以以在1M多大小的jar文件发布.2.控制反转:应用本身不负责依赖对象(被调用对象)的创建及维护,由外部容器负责依赖对象的创建及维护.3.面向切面:在运行时,动态的将代码切入到类的指
2021-06-07 19:01:11
371
原创 Java开发之SSM企业轻量级开发框架、第三章
动态SQL语句if标签:if用法类似Java中的if语句,选择性拼接指定SQL片段.格式:<if test="条件"> SQL片段</if>说明:1.当条件为true时,将SQL片段拼接到该标签所在位置choose,when,otherwise用法类似Java的if else if 语句,用于多次判断,选择性拼接指定SQL片段.格式:<choose> <when test="条件1">SQL片段1</when> <
2021-06-06 16:37:21
154
原创 Java开发之SSM企业轻量级开发框架、第二章
SQL映射文件详解一、MyBatis进行CURD:方式1: 基于映射文件+SqlSession特点: 依赖SqlSession对象方法,实现CURD.比如selectList(),selectOne(),insert()…方式2: 基于映射文件+Mapper接口特点: 在Mapper接口中定义关于CURD操作的接口方法,然后由MyBatis通过JDK动态代理生成接口的实现类.因此,在使用时,直接通过Mapper接口对象,调用相关方法即可实现CURD.备注:Mapper接口方式底层依然是基于S
2021-06-02 19:48:17
203
原创 Java开发之SSM企业轻量级开发框架、第一章
初识MyBatis框架一：数据的持久化和ORMORM(Object/Relational Mapping),即对象/关系映射.ORM是一类框架的总称,这类框架完成了对象数据到关系型数据的映射.使开发人员能够以面向对象的思想,操作数据库.常见的ORM框架:MyBatis,Hibernate,TopLink…二：使用MyBatista框架实现数据库操作①概念:MyBatis是一种基于Java的持久层框架,支持定制化SQL,存储过程以及高级映射的持久层框架.最初是apache的开源项目–iBati
2021-05-31 20:15:55
317
原创 Java开发之框架基础技术、第三章
认识软件设计模式介绍:设计模式是人们在长期的软件开发中的经验总结,是对某些特定问题的经过实践检验的特定解决方法,是软件设计中的“三十六计”.作用:1.使开发者可以更加简单方便地复用 成功的设计和体系结构2.帮助开发者做出有利于系统复用的选择，避免损害系统复用性的设计.3.使其他开发者更加容易理解其设计思路，便于团队交流23种设计模式:|----面向对象设计原则:省略,自行添加|----简单工厂模式:概念:工厂类中的静态工厂方法提供获得某类型对象的功能,但不关心对象内容.注意:1
2021-05-17 19:57:20
288
原创 Java开发之框架基础技术、第二章
XMLXML是Extensible Markup Language 的缩写，即可扩展标记语言，是一种简单的数据存储语言，使用一系列简单的标记来描述结构化数据。XML的特点：XML与操作系统、编程语言的开发平台都无关规范统一，实现不同系统之间的数据交互一：XML的文档结构1、XML声明<?xml version="1.0" encoding="UTF-8"?>表示声明，用以标明该文件是一个XML文档。XML文档总以XML声明开始，它定义了XML的版本和所使用的的编码等信息。
2021-05-13 20:59:29
279
原创 Java开发之框架基础技术、第一章
反射当直接输出对象时，系统会自动调用对象的toString()方法。系统默认的toString()方法打印为：类全名@十六进制的哈希值toString()方法属于Object类的方法，所有Java类都能继承该方法一：Java反射概述1.反射是指程序能够在运行时，观察、检测、修改自己运行时(Runtime)状态和行为的一种能力/特性。2.Java反射:在运行状态中,动态获取类的信息以及动态调用对象的方法的功能称为java语言的反射机制。3.Java反射作用:Java 反射机制主要提供了以
2021-05-12 16:20:18
432
原创 使用JSP/Servlet技术开发新闻发布系统、第十章
Ajax与jQuery一：认识Ajax1、Ajax简介Ajax(Asynchronous JavaScript and XML)是由JavaScript、XML、CSS等几种现有技术整合而成①Ajax工作流程2、为什么使用Ajax3、XMLHttpRequest4、异步操作的步骤5、GET与POST方式实现Ajax的区别二：使用jQuery实现Ajax1、$.ajax()方法三：处理JSON格式的响应数据1、JSON简介①定义JSON对象语法：var J
2021-03-31 21:47:06
258
原创 使用JSP/Servlet技术开发新闻发布系统、第八章
JSTL和EL一：EL表达式1、为什么需要EL表达式2、EL表达式简介3、EL表达式的语法4、EL表达式获取对象的属性值5、EL表达式关系操作符6、EL表达式逻辑操作符7、Empty操作符8、EL表达式隐式对象9、EL隐式对象介绍：10、EL作用域二：JSTL标签1、为什么使用JSTL用来解决EL表达式不能实现逻辑控制、循环遍历等功能这个问题。2、什么是JSTL3、JSTL的环境搭建三：JSTL核心标签库1、通用标签库①<c:set&g
2021-03-31 15:55:05
322
原创 使用JSP/Servlet技术开发新闻发布系统、第七章
Servlet基础一：Servlet简介1、什么是ServletServlet工作过程2、Servlet与JSP的关系二：Servlet API编写一个Servlet，实际就是按照Servlet规范编写的一个Java类。1、Servlet接口2、GenericServlet抽象类3、HTTPServlet抽象类4、ServletConfig接口5、ServletContext接口6、ServletRequest和HttpServletRequest接口（1）Ser
2021-03-31 15:23:12
323
原创 使用JSP/Servlet技术开发新闻发布系统、第六章
JSP开发业务应用一：JSP分页显示数据1、为什么需要分页使数据布局清晰，不受信息数量的限制。2、分页实现二：用Commons-FileUpload组件实现文件上传1、Commons-FileUpload简介2、表单的属性设置3、Commons-FileUpload组件的API在使用Commons-FileUpload组件之前首先在项目中添加两个.jar文件，还需要将Commons-FileUpload组件所使用的类库导入JSP文件中。<%@ page import="org
2021-03-20 20:11:26
339
原创 使用JSP/Servlet技术开发新闻发布系统、第五章
使用分层实现业务处理一：JNDI1、JNDI的全称是Java命名与目录接口（Java Naming and Directory Interface），是一个有关应用程序设计的API，为开发人员提供了查找和访问各种命名和目录服务的通用、统一的接口。是一种将对象和名字绑定的技术2、context.xml文件代码<Context> <Environment name = " " valeue = " " type="java.lang.String"/></Conte
2021-03-20 19:48:06
303
原创 使用JSP/Servlet技术开发新闻发布系统、第三章
JSP数据交互（二）一、JSP内置对象application1、application对象类似于系统的“全局变量”，用于同一个应用内的所有用户之间的数据共享。2、JSP的其他内置对象pageContext:提供了在JSP运行时访问和其相关的环境信息的的能力。通过pageContext对象可以访问和当前JSP页面相关联的所有作用域，以及一些页面属性。pageContext对象的常用方法：ServletRequest getRequest():获得request对象。ServletResp
2021-03-11 21:36:42
717
原创 使用JSP/Servlet技术开发新闻发布系统、第二章
JSP数据交互（一）一：什么是JSP内置对象就是在编写JSP页面时，不需做任何声明就可以直接使用的对象1、为什么JSP的内置对象不需要实例化所谓内置对象就是由Web容器加载的一组Servlet API的实例，这些实例由JSP规范进行了默认的初始化操作，可以直接在JSP中使用。特备注意的是，JSP的内置对象名称均是JSP的保留字，不得当作自定义变量名使用。2、JSP内置对象outout对象用于向浏览器输出数据，其常用的方法是print（），该方法用于在页面中显示字符串信息。3、JSP内置对象r
2021-03-10 13:46:23
512
原创 使用JSP/Servlet技术开发新闻发布系统、第一章
动态网页开发基础一：动态网页基础1、为什么需要动态网页为了真正的与用户实现互动。2、什么事动态页面指在服务器端运行的使用程序语言设计的交互式网页，它们会根据某种条件的变化，返回不同的网页内容。动态页面需要使用服务器端脚本语言。动态页面的优势：交互性：页面会根据用户的要求和选择而动态改变和显示内容。自动更新：无需改变页面代码，便会自动生成新的页面内容，可以大大节省工作量。随机性：当不同的时间，不同的人访问同一网址时会产生不同的页面效果。3、为什么学习B/S架构技术C/S（Clien
2021-03-08 17:38:49
655
原创 使用jQuery快速高效制作网页交互特效、第九章
表单验证一：表单基本验证技术1、表单验证的必要性减轻服务器端的压力，避免服务器端的信息出现错误。2、表单验证的内容检查表单元素是否为空验证是否为数字验证用户输入的邮件地址是否有效检查用户输入的数据是否在某个范围之内验证用户输入的信息长度是否足够检查用户输入的出生日期是否有效3、表单验证的思路①首先获取表单元素的值，这些值一般是String类型，包含数字、下划线等。②使用JavaScript中的一些方法对获取的String类型的数据进行判断。③表单form有一个事件onsub
2021-03-06 20:12:38
302
原创 使用jQuery快速高效制作网页交互特效、第八章
使用jQuery操作DOM一：DOM操作1、DOM操作分类DOM Core（核心）HTML-DOMCSS-DOM2、jQuery中的DOM操作主要可分为样式操作、文本、和value属性值操作、节点操作，节点操作中又包含属性操作、节点遍历和CSS-DOM操作二：样式操作1、设置和获取样式值使用css()方法为指定的元素设置样式值语法：//设置单个元素$(selector).css(name,value) 或者//同时设置多个属性$(selector).css({name
2021-03-03 21:17:26
313
1
原创 使用jQuery快速高效制作网页交互特效、第七章
##JQuery中的事件与动画##一：基础事件常用的基础事件有鼠标事件、键盘事件、window事件、表单事件语法：事件名="函数名()";或者DOM 对象.事件名=函数;1、载入事件所谓载入事件，就是window事件的一种，window事件表示当用户执行某些会影响浏览器的操作时，而触发的事件。2、鼠标事件当用户在文档上移动或者单击鼠标时而产生的事件mouseenter()和mouseover()区别：mouseover():鼠标指针进入被选元素时会触发mouseover事件，如
2021-03-02 20:40:07
408
原创 使用jQuery快速高效制作网页交互特效、第六章
##JQuery选择器##一：什么是JQuery选择器1、良好的继承了CSS选择器的语法，还继承了它获取元素便捷高效的特点2、JQuery选择器获取元素后，为该元素添加的是行为，使页面变得更加丰富多彩3、JQuery拥有良好的浏览器兼容性4、JQuery的操作都建立在所获取的元素之上二：JQuery选择器的优势1.简洁的写法$()函数在JQuery中被当做一个选择器函数来使用，通过标签名来获取HTML元素2.完善的处理机制三：JQuery选择器的类型1、通过CSS选择器选取元素①基本
2021-02-27 21:02:33
252
原创 使用jQuery快速高效制作网页交互特效、第五章
##初识jQuery##一：jQuery简介1.为什么选择jQuery使用jQuery制作交互特效的语法简单。2.认识Jquery（1）jQuery是由美国人John Resig于2006年创建的开源项目，其代码风格简约、雅致（2）jQuery的用途访问和操作DOM元素控制页面样式对页面事件的处理方便地使用jQuery插件与Ajax技术的完美配合（3）jQuery的优势①轻量级。jQuery的体积小。②强大的选择器。jQuery机制几乎所有的CSS选择器，以及jQuery自定义
2021-01-29 21:41:35
386
原创 使用jQuery快速高效制作网页交互特效、第四章
##JavaScript对象及初识面向对象##一：对象在JavaScript中，所有的事物都是对象，如字符串、数值、数组、函数…1.创建对象（1）自定义对象:基于Object对象的方式创建对象语法var 对象名称=new Object();（2）内置对象：使用字面量复制的方式在定义对象的时候为其添加属性和方法，这样创建的对象，其方法和属性可以直接使用对象引用。常见的内置对象：String（字符串）对象Date（日期）对象Array（数组）对象Boolean（逻辑）对象Math（
2021-01-23 18:52:04
188
原创 使用jQuery快速高效制作网页交互特效、第三章
##JavaScript操作DOM对象##一：DOM操作*DOM是Document Object Model 的缩写，即文档对象模型，是基于文档编程的一套API接口，1998年W3C发布了第一级的DOM规范，这个规范允许访问和操作HTML页面中的每一个单独元素 *1.DOM操作分类（1）DOM CoreDOM Core 不是JavaScript的专属品，任何一种支持DOM的编程语言都可以使用它，它的用途不仅限与处理一种使用标记语言编写出来的文档，如HTML。（2）HTML-DOM它提供了一些更
2021-01-22 16:11:54
357
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人