自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Docker自定义镜像上传阿里云

目录alpine制作jdk镜像Alpine制作jre镜像(瘦身)Docker镜像上传至阿里云alpine制作jdk镜像alpine Linux简介1.Alpine Linux是一个轻型Linux发行版,它不同于通常的Linux发行版,Alpine采用了musl libc 和BusyBox以减少系统的体积和运行时的资源消耗。2.Alpine Linux提供了自己的包管理工具:apk(注意:ubuntu中是apt-get),我们可以通过https://pkgs.alpinelinux.org/pack

2020-12-21 04:05:58 347 1

原创 Dockerfile

目录Dockerfile简介Docker制作jdk镜像Dockerfile简介dockerfile 是一个文本格式的配置文件, 用户可以使用 Dockerfile 来快速创建自定义的镜像,另外,使用Dockerfile去构建镜像好比使用pom去构建maven项目一样,有异曲同工之妙dockerfile基本结构Dockerfile 由一行行命令语句组成, 并且支持以#开头的注释行,一般而言, Dockerfile 主体内容分为四部分:基础镜像信息、 维护者信息、 镜像操作指令和容器启动时执

2020-12-21 01:03:18 137

原创 Docker数据卷

目录Docker宿主机和容器之间文件拷贝数据卷数据卷容器Docker宿主机和容器之间文件拷贝前言:Docker 数据管理在生产环境中使用 Docker ,往往需要对数据进行持久化,或者需要在多个容器之间进行数据共享,这必然涉及容器的数据管理操作容器中的管理数据主要有两种方式:数据卷 Data Volumes 容器内数据直接映射到本地主机环境;数据卷容器(Data Volume Containers 使用特定容器维护数据卷当然还有最原始的copy方式,这个也是管理数据的方式,但是基本不会用

2020-12-20 22:51:29 106

原创 Docker入门

目录Docker简介Centos7安装DockerDocker HelloWorld运行原理解析阿里云镜像仓库配置Docker基本命令Docker镜像常用命令Docker 容器常用命令下载tomcat镜像创建容器访问端口Docker简介1.Docker简介Docker 是一个开源的应用容器引擎,基于 Go 语言 并遵从Apache2.0协议开源。Docker 可以让开发者打包他们的应用以及依赖包到一个轻量级、可移植的容器中,然后发布到任何流行的 Linux 机器上,也可以实现虚拟化。容器是完全使用

2020-12-20 19:00:02 79

原创 mybatis之动态sql和分页

目录1、mybatis动态sql2、模糊查询3、查询返回结果集的处理4、分页查询5、特殊字符处理1、mybatis动态sql1、定义接口 /** * Param * 如果形参要在mapper.xml中使用就需要加Param注解 * map * @param bookIds * @return */ List<Book> selectBooksIn(@Param("bookIds") List bookIds);2

2020-11-01 20:49:57 173

原创 Mybatis入门

目录搭建mybatis框架环境1.创建基于maven仓库的项目2、导入相关pom依赖3.、Mybatis相关插件安装mybatis.cfg.xml加载驱动jdbc.properties基于ssm逆向工程的使用1、安装Mybatis generator插件2、配置generatorConfig.xml3、配置maven运行generator命令Mybatis测试增删改查案例1.SessionUtil.java2.逆向工程生成好的mapper以及model3.测试接口实现类4.BookServiceImpl.j

2020-11-01 16:56:39 72

原创 VueX

目录vuex解释vue中各个组件之间传值vuex安装使用步骤vuex模块使用vuex同步异步案列vuex解释官方解释:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。可以想象为一个“前端数据库”(数据仓库),让其在各个页面上实现数据的共享包括状态,并且可操作 Vuex分成五个部分: 1.State:单一状态树 2.Getters:状态获取 3.Mutations:触发同步事件 4.Actions:提交mutation,可以包含异步操作 5.M

2020-08-30 00:00:44 80

原创 SPA项目开发之CRUD+表单验证

CRUD+表单验证表单验证dialog弹框布局新增功能编辑功能删除功能示例代码Articles.vue表单验证Form组件提供了表单验证的功能,只需要通过 rules 属性传入约定的验证规则,可以将Form-Item的prop属性设置为需校验的字段名就可以了rules: { title: [{ required: true, message: '请输入文章标题', trigger: 'bl

2020-08-28 11:35:01 64

原创 SPA项目开发之动态树+数据表格+分页

动态树+数据表格+分页思路示例效果图左侧树节点设计动态生成NavMenu导航菜单数据表格分页LeftNav.vueArticles.vue思路1、准备好后台(左侧树,带分页的文章查询)2、将左侧树的数据绑定到elementui中的menu标签上3、新增一个自定义组件用来展示文章列表的4、绑定elementui提供的分页组件来完成分页功能示例效果图左侧树节点设计动态生成NavMenu导航菜单<el-submenu :index="'id_'+m.treeNodeId" v-f

2020-08-28 10:38:24 119

原创 SPA项目开发之首页导航+左侧菜单

首页导航+左侧菜单+mock.js使用mock.js简介mock.js的使用登录跳转主界面示例后台首页AppMain.vue的创建和子组件左侧菜单+首页导航导航栏退出跳转事件效果图mock.js简介mock.js官网跳转mock.js官网了解1.前后端分离之后,前端迫切需要一种机制,不再需要依赖后端接口开发,而今天的主角mockjs就可以做到这一点。2.Mock.js是一个模拟数据的生成器,用来帮助前端调试开发、进行前后端的原型分离以及用来提高自动化测试效率。3.不需要修改既有代码,就可以拦截A

2020-08-24 22:21:45 258

原创 SPA项目开发之登录注册

SPA登录注册下载相关的依赖常见问题vue 怎么引入和配置使用 element-ui 框架后台交互(axios/qs/vue-axios)GET提交和POST提交axios跨域问题示例代码下载相关的依赖1.创建好一个spa项目进行以下下载依赖 vue init webpack javaxl_spanpm installnpm install element-ui -S npm run devnpm install axios -Snpm install qs -S np

2020-08-22 05:04:00 790

原创 Element-UI入门

ElementUI入门ElementUI简介ElementUI官网hello elementUI使用一些经典组件布局案列ElementUI简介我们学习VUE,知道它的核心思想式组件和数据驱动,但是每一个组件都需要自己编写模板,样式,添加事件,数据等是非常麻烦的,所以饿了吗推出了基于VUE2.0的组件库,它的名称叫做element-ui,提供了丰富的PC端组件ElementUI官网http://element-cn.eleme.io/#/zh-CN hello elementUIVue

2020-08-19 10:27:42 191

原创 Vue-cli搭建SPA项目

使用Vue-cli搭建SPA项目什么是vue-cli?vue项目结构说明vue-cli搭建SPA综合案例vue中import引入模块路径中@符号是什么意思?cmd安装运行命令一问一答截图cmd项目启动截图前提:搭建好NodeJS环境并先运行命令查看环境是否有问题.node -vnpm -v什么是vue-cli?vue-cli是vue.js的脚手架,用于自动生成vue.js+webpack的项目模板,创建命令如下:vue init webpack xxx注1:xxx 为自己创建项目的名称注2:

2020-08-19 10:05:34 124

原创 nodeJS环境搭建

nodejs环境搭建Node.js是什么npm是什么cmd正常运行结果图简化安装步骤Node.js是什么Node.js是什么1.1 Node.js是一个基于Chrome V8引擎的[JavaScript运行环境]。 Node.js使用了一个事件驱动、非阻塞式I/O 的模型。1.2 Node.js是一个让JavaScript运行在服务端的开发平台,它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言注1:Node.js-->JavaScrip

2020-08-18 03:18:39 80

原创 Vue(路由)

Vue路由SPA是什么SPA实现思路和技术点路由思路创建路由步骤Vue路由案列SPA是什么SPA是什么?单页Web应用(single page application,SPA),就是只有一个Web页面的应用,是加载单个HTML页面,并在用户与应用程序交互时动态更新该页面的Web应用程序单页面应用程序:只有第一次会加载页面, 以后的每次请求, 仅仅是获取必要的数据.然后, 由页面中js解析获取的数据, 展示在页面中传统多页面应用程序:对于传统的多页面应用程序来说, 每次请求服务器返回的都是

2020-08-18 03:01:13 97

原创 Vue(基础语法二)

Vue基础语法样式绑定事件处理器表单自定义指令vue组件组件通信自定义事件样式绑定案列Vue组件案列样式绑定样式绑定1.1 class绑定使用方式:v-bind:class="expression"expression的类型:字符串、数组、对象1.2 style绑定V-bind:style="expression"expression的类型:字符串、数组、对象事件处理器事件处理器事件监听可以使用v-on 指令2.1 事件修饰符Vue通过由点(.)表示的指令后缀来调用修饰符

2020-08-18 02:49:05 107

原创 Vue基础语法(一)

Vue基础语法插值指令过滤器计算属性监听属性插值1.1.1 文本{{msg}}1.1.2 html使用v-html指令用于输出html代码1.1.3 属性HTML属性中的值应使用v-bind指令1.1.4 表达式Vue提供了完全的JavaScript表达式支持{{str.substr(0,6).toUpperCase()}}{{ number + 1 }}{{ ok ? ‘YES’ : ‘NO’ }}我的Id是js动态生成的指令指的是带有“v-”前缀的特殊属性1.2.1 核心

2020-08-17 22:53:34 89

原创 Vue入门

简介、CDN、v-model、v-on简介MVVM介绍CDNv-modelv-on简介Vue.js是什么?Vue是一个构建用户界面(UI)的[渐进式]JavaScript框架官网:https://cn.vuejs.org/Vue作者:尤雨溪/中国无锡库和框架的区别2.1 库(Library),本质上是一些函数的集合。每次调用函数,实现一个特定的功能,接着把控制权交给使用者 代表:jQuery jQuery这个库的核心:DOM操作,即:封装DOM操作,简化DOM操作2

2020-08-15 16:10:23 207

原创 spring之AOP

springAopAOP中关键性概念异常通知PriceException各类通知(前置,后置,环绕)AOP中关键性概念连接点(Joinpoint): 程序执行过程中明确的点,如方法的调用,或者异常的抛出.目标(Target):被通知(被代理)的对象注1:完成具体的业务逻辑通知(Advice):在某个特定的连接点上执行的动作,同时Advice也是程序代码的具体实现,例如一个实现日志记录的代码(通知有些书上也称为处理)注2:完成切面编程代理(Proxy):将通知应用到目标对象后创建的对象(代理

2020-08-08 23:34:34 75

原创 spring之IOC

springIOC什么是spring,它能够做什么?中间层框架什么是控制反转(或依赖注入)如何在spring当中定义和配置一个JavaBean(使用无参构造方法+set方法创建一个JavaBean)Bean的注入方式什么是spring,它能够做什么?1.Spring是一个开源框架,它由Rod Johnson创建。它是为了解决企业应用开发的复杂性而创建的。2. Spring使用基本的JavaBean来完成以前只可能由EJB完成的事情。3. 然而,Spring的用途不仅限于服务器端的开发。从简单性、可

2020-08-08 23:03:29 82

原创 网上书城(功能模块四)

目录目标entity表结构(设计)步骤dao层web层页面目标1.使用自定义mvc编写模式+js通用左侧菜单栏+jsp页面c标签遍历2.通过编码实现页面与数据库进行数据绑定3.书籍搜索详情后台实现,加入购物车前台页面,购物车功能entity1.加入购物车携带的数据字段package com.houzhihong.vo;public class ShoppingVo { // 购物车列表订单项所需数据 private String name; private float pric

2020-07-11 11:38:06 1201 1

原创 网上书城(功能模块三)

× var obtn=document.getElementById(‘video’);var ovideo=document.getElementById(‘video-btn’);var oatn=document.getElementById(‘video-area’);var oshut=document.getElementById(‘video-shut’);var oshadow=document.get...

2020-07-08 00:13:33 421

原创 网上书城(功能模块二)

目录前言目标表结构(设计)步骤entity实体类dao层web层页面前言接上一篇文章通过结合bootstrap官网模型示例+Hbuilder工具绘制好的前台原型界面 跳转到原型界面目标1.使用自定义mvc编写模式2.通过编码实现界面与数据库进行数据绑定3.用户注册,用户登录,用户权限表结构(设计)1.用户注册表步骤entity实体类1.注册类列字段对应数据库package com.houzhihong.entity;/** * * @author houzhihong

2020-07-06 00:00:17 756

原创 网上书城(功能模块一)

× var obtn=document.getElementById(‘video’);var ovideo=document.getElementById(‘video-btn’);var oatn=document.getElementById(‘video-area’);var oshut=document.getElementById(‘video-shut’);var oshadow=document.get...

2020-07-02 15:11:49 1075

原创 网上书城(前台界面)

× var obtn=document.getElementById(‘video’);var ovideo=document.getElementById(‘video-btn’);var oatn=document.getElementById(‘video-area’);var oshut=document.getElementById(‘video-shut’);var oshadow=document.get...

2020-06-30 23:43:24 995

原创 iframe(标签的使用)

目录iframe的使用iframe的优缺点内联框架iframe的使用快速使用iframe嵌入iframe的使用1.通过iframe实现跨域;(就是嵌入其他页面的)2.通过iframe解决Ajax的前进后退问题3.通过iframe实现上传。(Easyui中form组件就是用的iframe,实现表单提交时,可以提交上传)4,对低版本html不支持 iframe 元素的。我们可以把需要的文本放置在 <iframe> 和 </iframe> 之间,这样就可以应对浏览器了。

2020-06-29 04:28:10 5479

原创 easyUI(Dialog组件)

*DataGrid组件DataGrid组件简介示例目标实现步骤界面效果图DataGrid组件简介DataGrid以表格形式展示数据,并提供了丰富的选择、排序、分组和编辑数据的功能支持。DataGrid的设计用于缩短开发时间,并且使开发人员不需要具备特定的知识。它是轻量级的且功能丰富。单元格合并、多列标题、冻结列和页脚只是其中的一小部分功能。使用过程中可以查看官方文档:DataGrid组件的依赖关系,案例,DataGrid属性,事件和方法,以及demo示例1.两种方式(静态代码块HTM

2020-06-28 03:34:05 796

原创 EasyUI(DataGrid组件)

DataGrid组件DataGrid组件简介目标demoDataGrid组件简介目标1、通过打开一个选项卡,展示一张表的数据,明确datagrid组件的用法demo

2020-06-26 19:59:59 300

原创 EasyUI(tabs组件)

tabs选项卡tabs选项卡简介实现tabs选项卡实现关闭所有选项卡tabs选项卡简介1.从easyUI官方文档入手,找到tabs选项卡的简介以及查看demo示例2.使用案例 (两种方式)通过标签创建选项卡通过标签可以更容易的创建选项卡,我们不需要写任何Javascript代码。只需要给标签添加一个类ID’easyui-tabs’。每个选项卡面板都通过子标签进行创建,用法和panel(面板)相同。示例<div id="tt" class="easyui-tabs" style="

2020-06-24 19:31:20 367

原创 EasyUI(Tree组件二)

目录前言目标演变过程前台界面效果前言接着上一篇: Tree组件后台使用josn格式实现的树形菜单.目标1.结合之前搭建的自定义mvc,通过通用类和建模实现优化不使用josn格式的前端树形菜单演变过程1.把之前的输出结果集更灵活的改写为封装的节点public static void main(String[] args) throws InstantiationException, IllegalAccessException, SQLException, JsonProcessingEx

2020-06-23 03:30:13 315

原创 EasyUI(tree组件)

tree组件tree(树的简介)树控件数据格式化目标工具(jar包与通用类)三级目录tree(树的简介)树控件在web页面中一个将分层数据以树形结构进行显示。它提供用户展开、折叠、拖拽、编辑和异步加载等功能。树控件数据格式化1.每个节点都具备以下属性:属性释义id节点ID,对加载远程数据很重要。text显示节点文本。state节点状态,‘open’ 或 ‘closed’,默认:‘open’。如果为’closed’的时候,将不自动展开该节点。check

2020-06-22 02:43:15 477

原创 EasyUI入门

目录使用EasyUI?搭建环境目标效果图OK使用EasyUI?在学习的过程中它的api文档比较完整全面性,前端框架的稳定性,组件的丰富性考虑,从api文档上手易懂简单。1.在官网下载好api文档: 下载地址2.easyui文档(包含所有基础入门到扩展的组件)搭建环境1.搭建动态web项目环境,导入相关的依赖 下载程序库并导入EasyUI的CSS和Javascript文件到您的页面。目标1.通过layout组件来完成界面的布局2.引入自己的项目路径到jsp界面导入j

2020-06-21 16:14:20 129

原创 MySQL知识汇总(四)

MySQL(DML数据管理语言)DML数据管理语言简介插入数据修改数据更新数据删除数据视图(view)视图的使用性:DML数据管理语言简介 DML(Data Manipulation Language 数据操纵语言) 事务是由完成若干项工作的DML语句组成的可以在下列条件下执行:1.向表中插入数据2.修改现存数据3.删除现存数据插入数据使用 INSERT 语句向表中插入数据。使用这种语法一次只能向表中插入一条数据。语法:I

2020-06-19 18:32:12 141

原创 MySQL知识汇总(三)

目录DQL(数据查询语言)分组查询多表查询常见函数子查询综合查询案例分页查询DQL(数据查询语言)链接: 点击跳转到MySQL知识汇总(二).分组查询1、概念分组函数作用于一组数据,并对一组数据返回一个值。2、分组函数类型分组函数案例功能:用作统计使用,又称为聚合函数或统计函数或组函数分类:Sum 求和、avg 平均值、max 最大值 、min 最小值 、count 计算个数特点:1、sum、avg一般用于处理数值型max、min、count可以处理任何类型2、以上分组函数

2020-06-17 20:06:35 874

原创 MySQL知识汇总(二)

目录DQL(数据查询语言)基本的SELECT语句过滤和排序数据三级目录三级目录三级目录三级目录DQL(数据查询语言)基本的SELECT语句语法:select 查询列表 from 表名;特点:1、查询列表可以是:表中的字段、常量值、表达式、函数2、查询的结果是一个虚拟的表格1.查询表中的单个字段SELECT last_name FROM t_mysql_employees;结果:2.查询表中的多个字段SELECT last_name, salary, emai

2020-06-17 19:54:45 794

原创 MySQL知识汇总(一)

目录数据库的账号管理四大引擎创建表管理表数据类型常见的约束数据库的账号管理2.使用grant命令来分配权限格式:grant 权限 on 数据库对象 to 用户 identified by 密码1.给root@%这个用户对应的test数据库分配所有操作权限,identified by是需要进行的一个密码认证。把all换成USAGE就表示这个用户除了登陆啥都干不了。GRANT ALL ON my243.* TO 'root' @'%' IDENTIFIED BY 'best' WITH GRANT

2020-06-14 22:29:14 183

原创 MySQL简介安装与卸载

这里写目录标题一级目录二级目录三级目录一级目录二级目录三级目录1.压缩版使用软件安装直接自动配置变量了,这里不用手动配置环境变量了2.这里安装的MySQL5.1版本3.找到压缩包解压选择安装路径,路径不要带有中文路径4.解压的mysql安装文件,运行 mysql-5.1.51,出现如下界面;5.我们选择手动精确配置“Detailed Configuration”,点击Next继续;6.选择服务器类型,我们选择开发测试类,mysql占用很少资源,“Developer Machine”点

2020-06-11 20:14:21 194

原创 J2EE知识点总结

目录J2EE知识点小结链接对应链接J2EE知识点小结1.思维导图链接对应链接1.链接一一对应脑图知识点:

2020-06-10 23:53:06 164

原创 自定义mvc(增删改查)

目录准备好jar包和工具类通用增删改查通用类增删改查方法(BaseDao)Dao层(BookDao继承通用BaseDao)处理业务逻辑层界面准备好jar包和工具类1.记得导入jar包依赖2.工具类(附带通用分页)3.xml建模通用增删改查1.实体类通用类增删改查方法(BaseDao)package com.houzhihong.util;import java.lang.reflect.Field;import java.sql.Connection;import java.

2020-06-08 01:14:14 150

原创 通用分页三

目录改造PageBean通用类BaseDao补全Servlet封装页面标签自定义Tag点我跳转通用分页一.点我跳转通用分页二.改造PageBean1.增强PageBean属性 private int page = 1;// 页码 private int rows = 10;// 页大小 private int total = 0;// 总记录数 private boolean pagination = true;// 是否分页2.增加两个新的属性Url请求路径和携带条件

2020-06-05 21:13:45 144

空空如也

空空如也

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

TA关注的人

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