- 博客(51)
- 收藏
- 关注
RSS订阅原创 Java Web集成开发环境Eclipse的安装及web项目创建
Eclipse是一款非常流行的Java开发集成环境（IDE），它主要用于开发Java语言相关的应用程序。在Java Web应用程序的开发过程中，使用Eclipse配置Tomcat可以使开发者更方便地进行Web应用程序的总之，通过在Eclipse中配置Tomcat服务器，可以大大方便Java开发者进行Web应用程序的开发和管理。Tomcat下载安装以及配置_tomcat下载配置-优快云博客。
2024-05-28 21:30:23
1331
原创 伪分布Hadoop下安装Hive
下载官网：MySQL :: Download MySQL Community Server (Archived Versions)https://downloads.mysql.com/archives/community/（3）进入/usr/local/，使用rpm安装mysql解压后的其中5个包（按照以下顺序安装）（4）启动/关闭Mysql服务器二、查看Mysql的原始密码并登录进入mysql（1）查看原始密码 （2）使用原始密码登录（3）修改密码为Ad
2024-04-21 11:13:58
1026
1
原创 happybase基本操作方法
ties进入HBase安装目录：cd /usr/local/hbase-2.5.6/conf创建文件：vi log4j.properties输入内容：log4j.rootLogger=ERROR,console保存文件并关闭：:wq。
2024-03-28 18:15:39
1695
1
原创 Python API(happybase)操作Hbase案例
想要使用Python API连接HBase，需要开启HBase的Thrift服务。所以，在Linux服务器上，执行如下命令，开启HBase的Thrfit服务。链接：https://pan.baidu.com/s/14n-2XoXyxZL7hN80cNTJMw。至此启动Thrift服务并安装了HappyBase库后，即可用python代码连接HBase了。某某自来水公司，需要存储大量的缴费明细数据。HBase Thrift的端口默认在9090。贵州省铜仁市德江县7单元267室。行键（RowKey）
2024-03-27 23:43:41
1956
原创 启动Hbase shell时有许多日志信息的解决办法
在使用HBase时，当我们启动HBase shell时，会显示大量的日志信息，这些日志信息可能会干扰我们的操作，我们希望在启动HBase shell时不显示这些日志信息。
2024-03-26 19:40:14
934
原创 HBase常用的Filter过滤器操作
1.ValueFilter过滤器根据数据列单元格的值进行过滤。值过滤器的比较方式有二进制位比较（binary）和子字符串匹配比较（substring（1）按二进制位进行值比较使用get命令，查询students表格中，行键为s001，单元格值为Jack的数据结果。#ValueFilter(=,'binary:Jack')是值过滤器，比较方式是binary二进制1 row(s)使用scan命令，扫描出students表格中，单元格值为90的数据结果。
2024-03-26 18:49:12
2479
原创 HBase Shell的应用案例
电商( eshop)平台具有海量数据、高并发访问、高速读写等特征，适合使用HBase分布式数据库进行数据存储。本节通过一个 HBase在电商平台的应用案例，熟练掌握并综合运用HBase Shell命令行终端提供的各种操作命令。
2024-03-22 18:03:11
2662
原创 HBase Shell基本操作
先在Linux Shell命令行终端执行脚本启动HDFS，再执行脚本启动HBase。如果Linux系统已配置HBase环境变量，可直接在任意目录下执行脚本命令，就可进入HBase Shell的命令行终端环境，exit可以退出HBase Shell（我安装的是伪分布式的HBase）。
2024-03-21 21:19:16
2904
原创 伪分布式Spark集群搭建
软件版本安装包VMware虚拟机16.exeSSH连接工具FinalShellLinux OSCentOS7.5.isoJDK1.8Spark3.2.1。
2024-03-11 17:23:42
1117
原创 伪分布HBase的安装与部署
（1）熟悉掌握使用在Linux下安装伪分布式HBase。（2）熟悉掌握使用在HBase伪分布式下使用自带Zookeeper。
2024-03-11 17:04:41
2010
1
原创 伪分布Hadoop的安装与部署
（1）熟悉掌握使用在Linux下安装JDK。（2）熟悉掌握使用在Linux下安装Hadoop。（3）熟悉掌握使用配置SSH免密登录。Windows 10系统64位操作电脑配置VMware16用于搭建所需虚拟机Linux系统Linux系统CentOS 7已配置完成hadoop用于安装JDK与Hadoop伪分布式的搭建JDK1.8Hadoop3.1.4在实际应用中，如果是做简单的测试数据不大，可以使用Hadoop伪分布式集群来运算。
2024-03-09 16:49:37
1209
原创 在IDEA使用HBase Java API连接
根据官方 API 介绍，HBase 的客户端连接由 ConnectionFactory 类来创建，用户使用完成之后需要手动关闭连接。将对应版本的压缩包下载到本地,并新建一个文件夹Localwarehouse，用来保存下载的依赖文件。打开maven安装包下的conf文件夹下面的settings.xml，配置。（开始新建的文件夹Localwarehouse）
2024-03-08 17:56:50
2600
原创 导出（导入）Linux虚拟机并修改IP地址
按字母i进行编辑模式进行修改IP地址（IP：192.168.25.200；网关192.168.25.2；由于你导入的虚拟机的IP地址和你自己的电脑上的虚拟机的IP地址范围会不一样，所以需要进行修改。说明：先关闭虚拟机，然后再进行导出。
2023-12-19 11:31:14
1264
原创 javascript中Math.random()产生随机数及parseInt的作用
javascript中Math.random()产生随机数
2023-01-24 15:00:45
2009
1
原创 CSS3新增结构伪类选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>CS.
2022-04-14 23:29:49
291
1
原创 CSS3新增属性选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>CS.
2022-04-14 23:28:05
308
原创 Vuex的基本使用
一、什么是Vuex？概念：专门在 Vue 中实现集中式状态（数据）管理的一个 Vue 插件，定义一系列规范来对 vue 中多个组件的共享状态进行使用和操作数据，也是一种组件间通信的方式，且适用于任意组件间通信。二、Vuex的核心概念state：存放着需要共享的数据。 mutations：存放着对state的数据进行修改的函数，你不能直接改变 store 中的状态，改变 store 中数据的唯一途径就是提交 (commit) mutations中的函数对数据进行修改。三、Vuex的具体使用方法
2022-04-09 22:49:59
1230
原创 vue中computed和watch的综合运用实例
需求：1.点击按钮实现天气的切换； 2.用watch进行监视天气产生变化的数据； 实现代码（helloworld.vue实现代码）：<template> <!-- 准备好一个容器--> <div id="root"> <h2>今天天气很{{info}}</h2> <button @click="changeWeather">切换天气</button> </div><
2022-03-28 21:39:31
871
原创 Vue-cli项目中二维码插件的使用
一、使用场景在微信支付场景中，需要调用二维码插件来生成二维码。首先梳理一下微信支付的流程： 在确定使用微信支付的时候，会把当前订单的订单号发给后台开发人员； 后台开发人员利用订单号去数据库中查询订单信息，比如商品名称、订单金额等，还有一些微信官方要求的信息，整合这些信息之后后台开发人员就会将这些数据发送给微信官方，微信官方接收到请求后，返回一个携带了支付必要信息的链接给后台开发人员； 后台开发人员将微信官方提供的字符链接返回给前端开发人员，利用二维码插件将这个链接生成一个二维码展示到页面中，用户使
2022-03-27 21:20:58
1931
原创 Vue-cli项目中百度地图插件的使用
一、百度地图插件1.1 百度地图基本使用关于百度地图的基本使用在官方网站中有详细的介绍，可以参考以下链接：百度地图开发平台https://lbsyun.baidu.com/index.php?title=%E9%A6%96%E9%A1%B51.2 百度地图的使用步骤1.2.1 申请密钥百度地图的使用需要一个专属的密钥（ak）作为路径，具体申请流程如图：在申请ak之前，首先要注册百度的账号，然后要申请成为百度开发者。完成以上两步之后才能去获取ak密钥。申请注册的步骤很简单，只需
2022-03-27 20:49:37
5703
2
原创 Vue计算属性computed之购物车商品结算案例
一、需求说明：实现页面基本布局。 单击“+”按钮时，对应商品的数量增加，当单击“-”按钮时，对应商品的数量减少，当数量减少到1时，“-”按钮无法再进行操作。 每个对应商品后面都有一个“移除”按钮，当单击“移除”按钮时，当前商品列表项会删除，页面效果图如下： 二、实现过程：HelloWorld.vue代码示例：<template> <div> <table id="mytable"> <thead> .
2022-03-22 23:40:55
2598
原创 计算属性和侦听器
一、计算属性1.1 什么是计算属性首先通过一个示例来介绍计算属性，需求是把一个字符串倒序显示，具体代码如示例1所示：<template> <div class="hello"> <h1>{{msg}}转为{{msg.split('').reverse().join('')}}</h1> </div></template><script>export default { name: 'H
2022-03-20 22:28:52
1107
原创 vue组件之匿名slot 的分类案例
一、使用组件的复用完成如下分类页面效果：利用父组件给子组件Category.vue传递数据完成不同内容的复用：父组件App.vue示例代码：<template> <div class="container"> <!-- 步骤三：调用子组件 --> <Category title="美食" :listData="foods"></Category> <Category title="游戏" :listDa
2022-03-14 21:45:44
1266
4
原创 vue组件之具名slot 的分类案例
需求说明：利用组件的复用完成美食、游戏、电影的分类布局。 使用具名slot完成分类组件的不同内容显示。实现过程：1.创建一个分类子组件（Category.vue)，在子组件中定义具名插槽：<template> <div class="category"> <h3>{{title}}分类</h3> <!-- 定义一个插槽（挖个坑，等着组件的使用者进行填充） --> <slot name="center"&
2022-03-14 21:11:07
5935
1
原创 vue组件之子组件向父组件传值完成数量控制器
本章作业——利用父子组件的传值完成数量控制器的功能需求：单击“增加1”按钮的时候，对应数量会增加1。 单击“减少1”按钮的时候，对应数量会减少1。项目运行的页面效果如图所示：实现过程：父组件示例代码（App.vue)：<template> <div id="app"> <p>{{total}}</p> <!-- 第三步：调用组件 --> <Counter @father_add="
2022-03-13 22:21:16
2747
原创 vue组件之通过 props 给子组件传数组数据
上机训练——移动端标题栏需求说明完成移动端标题子组件，在子组件中接收标题和两张修饰图片； 在父组件中调用子组件，并传递给子组件对应的内容； 图片以import的方式进行导入，页面效果如图所示。实现过程：父组件示例代码（App.vue)：<template> <div id="app"> <TitleItem :list="listdata"></TitleItem> </div></templat
2022-03-13 21:13:54
8169
原创 vue结合Axios+v-for列表循环实现网易健康页面
需求说明：完成网易健康页面的基本布局。 在生命周期函数created()中使用Axios请求“网易健康”数据，数据为本地模拟的数据，详见health.json文件。health.json文件：链接：https://pan.baidu.com/s/1_f3rKXSEse7QoJ_FZtfGuA提取码：2jf5遍历渲染显示“网易健康”接口数据到页面中，页面效果如图。实现过程：在项目下安装axios：npm i axios将health.json文件放到static文件夹下。
2022-03-08 22:39:16
1723
原创 vue.js组件详解
一、组件的概念及复用1.1 为什么要使用组件组件（component）是vue.js最核心的功能，也是整个框架最精彩的地方，当然也最难掌握。组件是可复用的 Vue 实例, 把一些公共的模块抽取出来，然后写成单独的的工具组件或者页面，在需要的页面中就直接引入即可那么我们可以将其抽出为一个组件进行复用。例如页面头部、侧边、内容区，尾部，上传图片，等多个页面要用到一样的就可以做成组件，提高了代码的复用率。1.2 组件的复用1.2.1 使用props传递数据的基本用法组件不仅仅是把模板的内容
2022-03-06 19:33:15
3142
原创 vue-cli项目中使用Axios调用本地模拟的评论数据
需求：使用Axios的get方法调用本地模拟的评论数据 将获得的评论数据显示在页面上，模拟的评论数据详见health.json文件。health.json文件：链接：https://pan.baidu.com/s/1_f3rKXSEse7QoJ_FZtfGuA提取码：2jf5实现过程：将health.json文件放到static文件夹下。 在main.js中引入axios，并将axios挂载到vue原型。import axios from 'axios'// 只能把axio
2022-02-26 11:54:00
884
原创 Vue结合Mock.js+Axios实现模拟新闻列表案例
实现新闻管理案例开发文档：获取数据接口地址：/api/get/news接口参数：pageindex：页码pagesize:每页的条数请求类型：get返回的数据：{ status:200, message:"获取新闻列表成功", list:[ { "id":1, "title":"解忧杂货店", "content":"《解忧杂货店》是日本作家东野圭吾
2022-02-26 11:29:29
1681
2
原创 Vue.js指令
一、条件渲染指令条件渲染指令主要包括：v-if、v-else、v-show指令。1.1 V-if 指令语法：v-fi=' 表达式 '根据表达式结果的真假来确定是否显示当前元素，如果表达式为true，显示该元素；如果表达式为false，则隐藏该元素。示例代码(HelloWord.vue)：<template> <div class="hello"> <h1 v-if="isShow">表达式的值为真就能显示</h1> &
2022-02-18 17:05:54
1627
原创 Mock.js和axios在vue-cli创建项目中的使用
一、安装并导入mock.js1.1 项目文件下安装mockjscnpm i mockjs1.2 项目中新建mock文件 // 引入mock模块import Mock from 'mockjs'1.3 将mock文件在main.js中导入import Vue from 'vue'import App FROM './App.vue'import './mock/index.js'二、Mock.js语法2.1 生成字符串 生成指定次数字符串 im.
2022-02-17 20:18:53
1531
原创 VUE.js的路由（vue-router）及基本使用
任务1：什么是前端路由1.1 vue-router 的理解vue-router是vue .js官方提供的一套专用的路由插件库，专门用来实现 SPA 应用。1.2 对 SPA 应用的理解单页 Web 应用（single page web application，SPA）。 整个应用只有一个完整的页面。 点击页面中的导航链接不会刷新页面，只会做页面的局部更新。 数据需要通过 ajax 请求获取。1.3 什么是路由一个路由就是一组映射关系（key - value），key 为路径, v
2022-02-16 18:37:00
5738
原创 初识Vue.js及其基础使用
一、Vue.js是什么？目前典型的前端三大框架：Angular.js、React.js、Vue.js。其中，Vue.js框架更容易上手，灵活度更高，在企业级开发中受到前端开发人员的青睐。Vue.js的官方文档中是这样介绍的：简单小巧的核心，渐进式的技术栈，足以应付任何规模的应用。Vue.js的官方文档介绍详情：介绍 — Vue.js (vuejs.org)https://cn.vuejs.org/v2/guide/index.html1.1 创建一个 Vue 应用（HelloWorld 例子
2022-02-15 20:24:56
1045
原创 使用Visual Studio Code终端执行命令，提示“因为在此系统上禁止运行脚本“报错
发生情景：当我安装好Vue-cli脚手架后，在Visual Studio Code终端运行“vue init webpack ww”进行创建名为ww的项目，结果报错：解决方案：1.以管理员身份打开Visual Studio Code：2.在终端执行两条命令：get-ExecutionPolicy返回结果会是 Restrictedset-ExecutionPolicy RemoteSigned整个过程如下： 成功创建ww项目！...
2022-02-12 13:20:11
2121
原创 关于ES6的介绍及使用
ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。1.ECMAScript 和 JavaScript 的关系ECMAScript 和 JavaScript 到底是什么关系？1996 年 11 月，JavaScript 的创造者 Netscape 公司，决定将 JavaScript 提交给标准化组织 ECMA，希望这种..
2022-01-29 14:24:36
3030
原创 CSS学习-浮动及清除浮动
一、什么是浮动？在了解什么是浮动之前我们先了解一下html元素在标准流排列方式。在标准流中，元素是按照它在 HTML 中出现的先后顺序自上而下依次排列布局的，在排列过程中所有的行内元素水平排列，直到当行被占满然后换行，块级元素则会被渲染为一整行。常见标准流排版规则：1. 块级元素：从上往下，垂直布局，独占一行2. 行内元素：从左往右，水平布局，空间不够自动折行二、浮动的作用➢ 早期的作用：图文环绕➢ 现在的作用：网页布局场景：让垂直布局的盒子变成水平布局，如：一个在左，一个在
2022-01-05 23:41:53
378
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人