自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(28)
  • 问答 (2)
  • 收藏
  • 关注

原创 Spa之表单验证+增删改查

Spa之表单验证+增删改查表单验证完成CRUD表单验证<template> <div> <!-- 模糊查询 --> <el-form :inline="true" :model="formInline" class="user-search"> <el-form-item label="搜索:"> <el...

2019-09-30 11:26:02 161

原创 几个比较常用的Vue.js的全局API

Vue.nextTick( [callback, context] )参数:{Function} [callback]{Object} [context]用法:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。代码示例://html<div id="app"> {{msg}} </div>...

2019-09-29 19:30:33 1112

原创 Spa之动态树+数据表格+分页

Spa之动态树+数据表格+分页动态树数据表格数据分页结合我的博文https://blog.csdn.net/water_java/article/details/101567997观看动态树LeftNav.vue:<template> <el-menu default-active="2" class="el-menu-vertical-demo" backgroun...

2019-09-28 19:45:24 171

原创 Spa之首页导航与左侧菜单栏

结合我的博文https://blog.csdn.net/water_java/article/details/101454595观看不需要再启动eclipse的Tomcat1、mock.js模拟响应ajax请求前后端分离之后,前端迫切需要一种机制,不再需要依赖后端接口开发,而mockjs就可以做到这一点Mock.js是一个模拟数据的生成器,用来帮助前端调试开发、进行前后端的原型分离以及用来...

2019-09-28 09:40:45 611

原创 Spa完成用户登录与注册

完成用户登录与注册完成登录与注册的布局配置使用element-ui框架改变main.js创建login.vue引入样式,调整格式路由配置测试结果设置登录与注册来回切换后台交互axiosqsvue-axios实现登录注册功能引入帮助文档修改main.js文件写登录与注册的提交方法结果完成登录与注册的布局配置使用element-ui框架打开package.josn文件,观察上线的依赖:这是引入...

2019-09-26 22:17:54 3495

原创 使用vue-cli来搭建vue项目

使用vue-cli来搭建vue项目介绍vue-cli安装vue-cli和webpack测试安装是否成功使用脚手架vue-cli(2.X版)来构建项目package.json详解npm install/npm install xxx -S/npm install xxx -D/npm install xxx -g的区别vue项目结构说明在spa项目里使用路由路由嵌套介绍vue-clivue-cl...

2019-09-25 14:18:49 213

原创 Spring MVC入门以及实现Hello World实例

Spring MVC入门简介流程简介Spring MVC属于SpringFrameWork的后续产品,已经融合在Spring Web Flow里面。它是一种基于Java的实现了MVC设计模式的、请求驱动类型的、轻量级Web框架。Spring MVC 框架并不知道使用的视图,所以不会强迫开发者只使用 JSP 技术。Spring MVC 分离了控制器、模型对象、过滤器以及处理程序对象的角色,这种分...

2019-09-24 20:37:55 305

原创 初识IDEA

初识IDEAIDEA简介安装IDEA电脑配置要求IDEA的优点IDEA简介IDEA 全称 IntelliJ IDEA,是java编程语言开发的集成环境。IntelliJ在业界被公认为最好的java开发工具之一,尤其在智能代码助手、代码自动提示、重构、J2EE支持、各类版本工具(git、svn等)、JUnit、CVS整合、代码分析、 创新的GUI设计等方面的功能可以说是超常的。IDEA是JetB...

2019-09-23 17:48:44 1173

原创 简单认识JFinal

简单认识JFinalJFinal简介JFinal系统架构JFinal的优点JFinal的开发框架ControllerModelJFinal开发环境JFinal社区:https://www.jfinal.comJFinal简介JFinal 是基于Java 语言的极速 web 开发框架,其核心设计目标是开发迅速、代码量少、学习简单、功能强大、轻量级、易扩展、Restful。在拥有Java语言所有...

2019-09-22 18:55:16 489

原创 利用计算属性完成购物车(带删除和新增)

我做的购物车不太美观,有兴趣的话可以引入好看的一些样式我所实现的功能有遍历水果,数量加减的修改,各个商品小计,所有商品总计,还有商品的添加与删除我的代码如下:html代码:<div id="app"> <div style="text-align: center;"> <button style="text-align: center;" @c...

2019-09-21 18:55:43 523

原创 Node.js环境搭建

Node.js环境搭建ElementUI简介Vue+ElementUI安装Node.js的简介npm简介Node.js环境搭建如何运行下载的Node.js项目ElementUI简介基于VUE2.0的组件库,它的名称叫做element-ui,提供了丰富的PC端组件ElementUI官网:http://element-cn.eleme.io/#/zh-CN注1:类似前端框架还有iviewVu...

2019-09-20 12:22:58 138

原创 Vue之SPA

Vue之SPASPA是什么单页面应用程序传统多页面应用程序SPA的优势SPA实现思路和技术点路由router-link相关属性SPA是什么单页Web应用(single page application,SPA),就是只有一个Web页面的应用,是加载单个HTML页面,并在用户与应用程序交互时动态更新该页面的Web应用程序单页面应用程序只有第一次会加载页面, 以后的每次请求, 仅仅是获取必要...

2019-09-19 17:07:46 267

原创 vue之v-for的各种使用

vue之v-for的各种使用用 v-for 把一个数组对应为一组元素在 v-for 里使用对象维护状态数组更新检测变异方法 (mutation method)替换数组注意事项对象变更检测注意事项显示过滤/排序后的结果在 v-for 里使用值范围在 上使用 v-forv-for 与 v-if 一同使用在组件上使用 v-for用 v-for 把一个数组对应为一组元素我们可以用 v-for 指令基...

2019-09-19 15:58:25 3825

原创 VUE的模板语法(二)

VUE的模板语法(二)样式绑定事件处理器vue表单vue组件自定义事件样式绑定1 class绑定使用方式:v-bind:class=“expression”expression的类型:字符串、数组、对象2 style绑定v-bind:style=“expression”expression的类型:字符串、数组、对象事件处理器事件监听可以使用v-on 指令1 事件修饰符Vue通...

2019-09-18 23:29:45 119

原创 VUE的模板语法(一)

VUE的模板语法(一)插值指令核心指令参数动态参数修饰符简写过滤器计算属性监听属性计算属性和监听属性的区别插值1, 插入文本2, html使用v-html指令用于输出html代码3, 属性HTML属性中的值应使用v-bind指令4 ,表达式Vue提供了完全的JavaScript表达式支持下面的具体的用法:<!DOCTYPE html><html> &...

2019-09-17 19:45:43 207

原创 ES6之函数

ES6之函数函数默认值默认值的基本用法和解构赋值默认值结合使用参数默认值的位置函数的 length 属性箭头函数箭头函数的基本用法使用箭头函数的注意点箭头函数的不适用场合嵌套的箭头函数函数默认值默认值的基本用法ES6 允许为函数的参数设置默认值,即直接写在参数定义的后面。function log(x, y = 'World') { console.log(x, y);}log('...

2019-09-16 15:19:09 328

原创 ES6之变量的解构赋值

ES6之变量的解构赋值1,数组的解构赋值(1) 基本用法(2) 解构赋值允许指定默认值。2,对象的解构赋值(1) 默认值(2)注意3,字符串的解构赋值4,数值和布尔值的解构赋值5,函数参数的解构赋值6,变量的解构赋值用途ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)。1,数组的解构赋值(1) 基本用法以前,为变量赋值,只能直接指定...

2019-09-15 12:03:36 112 1

原创 ES6的声明变量的方法:let and const

let and constES6六种声明变量的方法letlet的特点:constconst的本质ES6六种声明变量的方法ES5 只有两种声明变量的方法:var命令和function命令。ES6 除了添加let和const命令外,还有另外两种声明变量的方法:import命令和class命令。所以,ES6 一共有 6 种声明变量的方法。今天我就介绍let和const命令let它的用法类似于v...

2019-09-15 10:58:51 128

原创 初学Vue

初学Vue库和框架的区别Vue的简介Vue的特点1,易用2,灵活3,性能教程文档Vue的解决方案:MVVM安装Vue什么是CDN加速?什么是BootCDNVue的开发模式Vue的数据双向绑定及指令Vue的生命周期钩子函数库和框架的区别1 库(Library),本质上是一些函数的集合。每次调用函数,实现一个特定的功能,接着把控制权交给使用者代表:jQueryjQuery这个库的核心:DOM操...

2019-09-14 12:20:06 218

原创 SSH的整合

SSH的整合配置web.xml版本,导入相关依赖SSH集成导入ehcache.xml导入日志文件log4j2.xmlstruts2的配置spring的配置集成hibernatess整合SSH分模块开发完成增删改查切面切在Biz层上与在Dao层上的区别配置web.xml版本,导入相关依赖web.xml<web-app xmlns="http://xmlns.jcp.org/xml/ns/...

2019-09-12 17:37:48 261

原创 Spring的核心功能之AOP(面向切面编程)

AOP基本概念AOP为Aspect Oriented Programming的缩写,意为:面向切面编程,通过预编译方式和运行期动态代理实现程序功能的统一维护的一种技术。AOP是OOP的延续,是软件开发中的一个热点,也是Spring框架中的一个重要内容,是函数式编程的一种衍生范型。利用AOP可以对业务逻辑的各个部分进行隔离,从而使得业务逻辑各部分之间的耦合度降低,提高程序的可重用性,同时提高了开发...

2019-09-10 21:49:48 360

原创 Spring的核心功能之IOC的注入方式以及Spring与tomcat的整合

Spring的核心功能之IOC的注入方式以及Spring与tomcat的整合IOC的注入方式1 , set注入2 , 构造注入3 , 自动装配Spring与tomcat的整合IOC的注入方式1 , set注入set注入的数据类型可为八种基本类型,还有引用类型,数组,自定义类型示例:UserAction类添加几个封装属性,提供set,get方法,写一个测试方法package com.hs...

2019-09-09 19:09:10 402

原创 Spring与ioc

Spring 的简介Spring是一个开源框架,它由Rod Johnson创建。它是为了解决企业应用开发的复杂性而创建的。Spring使用基本的JavaBean来完成以前只可能由EJB完成的事情。然而,Spring的用途不仅限于服务器端的开发。从简单性、可测试性和松耦合的角度而言,任何Java应用都可以从Spring中受益。简单来说,Spring是一个轻量级的控制反转(IoC)和面向切面(...

2019-09-08 20:34:03 98

原创 缓存

缓存缓存的作用什么样的数据需要缓存ehcacheehcache的特点ehcache结构图:ehcache的使用hibernate缓存缓存的作用缓存可以拉高程序的性能两型数据库:关系型数据库:数据与数据之间存在关系(联系)的数据库 mysql/Oracle、sqlserver非关系型数据库:数据与数据之间是不存在关系的,key-value1、基于文件存储的数据库:ehcache2、基于...

2019-09-06 20:15:36 70

原创 layUi的重要组件之一--------------弹出层

在layUi中弹出层是最常用的组件之一,今天我就简单介绍一下它的基础参数1,内置方法:layer.open、layer.msg2,type - 基本层类型5种层类型。可传入的值有:0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层)。 若你采用layer.open({type: 1})方式调用,则type为必填项(信息框除外)3,title - 标题3-1:传...

2019-09-05 19:32:08 616

原创 Hibernate的HQL

Hibernate的HQL简单介绍HQLHQL的优点hql和sql区别/异同执行HQL查询的步骤:处理返回的结果集简单介绍HQLHQL是Hibernate Query Language的缩写,提供更加丰富灵活、更为强大的查询能力;HQL更接近SQL语句查询语法。Hibernate 查询语言(HQL)是一种面向对象的查询语言,类似于 SQL,但不是去对表和列进行操作,而是面向对象和它们的属性。...

2019-09-04 21:30:40 106

原创 Hibernate的自关联与多对多

Hibernate的自关联与多对多自关联在hibernate中,你只管查询当前表对象即可,hibernate会自动关联桥表以及关联表查询出关联对象以树形节点为例实体类TreeNode类package com.hsl.four.entity;import java.util.HashSet;import java.util.Set;public class TreeNode {...

2019-09-03 15:19:49 291

原创 layUi数据表格绑定返回数据类型不正确问题

出现这样的问题,可能是json数据转化格式有问题我用的是response参数所以我的后台数据代码如下:private FootWorker footWorker=new FootWorker(); private FootWorkerDao footWorkerDao=new FootWorkerDao(); public String findWorkerByWname() {...

2019-09-02 09:58:25 1404

空空如也

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

TA关注的人

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