- 博客(145)
- 资源 (1)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Vue学习目录,每一章都有代码例子说明
Vue学习目录 第一节:Vue入门了解和初次体验第二节:Vue实例和生命周期第三节:Vue模板语法(插值、指令、缩写)第四节:Vue的指令说明和使用番外:前端知识补充说明之浏览器渲染页面的过程番外:为什么在标签上加上Key正在更新中...
2020-09-04 15:15:26
338
原创 vue-devtools浏览器调试工具离线安装教程
vue-devtools浏览器调试工具离线安装是下载源码,通过本地编译之后,在放到浏览器上。
2023-06-19 17:08:13
3157
原创 一步步创建vue-element-admin框架实现009-添加tagsview动态tabs页操作功能
目录一步步创建vue-element-admin框架实现009-添加tagsview动态tabs页操作功能一、展示效果二、实现1)获取vue-element-admin样式文件2)配置store状态管理3)layout布局配置4)使用说明一步步创建vue-element-admin框架实现009-添加tagsview动态tabs页操作功能使用说明:一步步创建vue-element-admin框架是基于vue-element-admin和vue-admin-template基础版的代码来实现的,文章会
2022-01-10 11:05:56
2864
3
原创 一步步创建vue-element-admin框架实现008-动态设置Logo和固定navbar头
目录一步步创建vue-element-admin框架实现008-动态设置Logo和固定navbar头一、效果二、配置实现一步步创建vue-element-admin框架实现008-动态设置Logo和固定navbar头一、效果动态设置展示sidebar系统Logo、固定navbar头界面设置二、配置实现1)新增文件:src\components\RightPanel\index.vue直接拷贝my-vue-element-admin的src\components\RightPanel\ind
2022-01-07 10:34:02
1449
原创 一步步创建vue-element-admin框架实现007-图标svg使用
目录一步步创建vue-element-admin框架实现007-图标svg使用一、安装插件二、配置必要组件文件三、使用svg图标一步步创建vue-element-admin框架实现007-图标svg使用使用说明:一步步创建vue-element-admin框架是基于vue-element-admin和vue-admin-template基础版的代码来实现的,文章会经常说直接拷贝项目的文件一、安装插件npm install svg-sprite-loader -Dnpm install svg
2022-01-06 16:43:55
1241
原创 一步步创建vue-element-admin框架实现006-个性化布局设置
目录一步步创建vue-element-admin框架实现006-个性化布局设置一、设置展示sidebar系统Logo、固定navbar头二、设置缩进菜单一步步创建vue-element-admin框架实现006-个性化布局设置使用说明:一步步创建vue-element-admin框架是基于vue-element-admin和vue-admin-template基础版的代码来实现的,文章会经常说直接拷贝项目的文件个性化布局设置:缩进菜单、展示sidebar系统Logo、固定navbar头一、设
2022-01-06 16:41:29
1361
原创 一步步创建vue-element-admin框架实现005-实现登录功能
目录一步步创建vue-element-admin框架实现005-实现登录功能一、安装插件二、模拟数据文件三、新增登录界面四、新增状态管理user五、配置路由拦截功能一步步创建vue-element-admin框架实现005-实现登录功能使用说明:一步步创建vue-element-admin框架是基于vue-element-admin和vue-admin-template基础版的代码来实现的,文章会经常说直接拷贝项目的文件一、安装插件模拟请求安装mockjs,在package.json加入配置,
2022-01-06 16:35:48
885
原创 一步步创建vue-element-admin框架实现004-整体样式布局实现
目录一步步创建vue-element-admin框架实现004-整体样式布局实现一、样式文件二、创建layout布局需要的组件1)新增文件:src\layout\index.vue2)新增文件:src\layout\components\Navbar.vue3)新增文件:src\layout\components\AppMain.vue4)新增文件:src\layout\components\Sidebar\index.vue三、引用布局layout一步步创建vue-element-admin框架实现00
2022-01-06 16:31:59
1487
2
原创 一步步创建vue-element-admin框架实现002-安装必要的插件
目录一步步创建vue-element-admin框架实现002-安装必要的插件1)安装element ui2)安装Router路由3)安装eslint4)安装vuex5)安装axios6)安装js-cookie7)安装 sass8) 安装 normalize.css一步步创建vue-element-admin框架实现002-安装必要的插件使用说明:一步步创建vue-element-admin框架是基于vue-element-admin和vue-admin-template基础版的代码来实现的,文章会
2022-01-06 15:42:45
597
转载 vue工程学习(11)之vue-admin-template模板添加tagsview
vue-admin-template模板添加tagsview参考:https://github.com/PanJiaChen/vue-admin-template/issues/349一、从vue-element-admin复制文件:vue-admin-template\src\layout\components\TagsView 文件夹vue-admin-template\src\store\modules\tagsView.js#vue-admin-template\static 文件夹
2021-06-15 11:37:09
453
2
原创 vue工程学习(8)之请求模块axios使用
vue工程学习(8)之请求axios使用1.常用前端请求方式:ajax、vue-resurce、axios1)ajax传统*Ajax的核心是XMLHttpRequest对象优点:不需要插件支持:不需要任何浏览器插件,就可以被绝大多数主流浏览器所支持,用户只需要允许JavaScript在浏览器上执行即可缺点:浏览器对XMLHttprequest对象的支持度不足,破坏浏览器前进、后退按钮的正常功能、对搜索引擎的支持不足、开发和调试工具的缺乏2)vue-resurcevue-resurce是vue1
2021-06-10 11:18:40
475
1
原创 vue工程学习(7)之vuex状态管理模式使用
vue工程学习(7)之vuex状态管理模式使用1.什么是vuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式(对我理解来说就是:统一数据管理模式)。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。状态管理模式:简单来说就是一个数据共享,像系统登录,登录成功之后会保存用户信息和token。这个用户信息就应该是每个组件都可以获取。如果我们存在父组件里,传参的方法对于多层嵌套的组件将会非常繁琐,然后还有一个问题就是并且对于兄弟组件间的状态传递
2021-06-10 11:16:01
406
2
原创 vue工程学习(6)之整合elementUI初次体验使用
vue工程学习(6)之整合elementUI初次体验使用前言这个是使用cli3创建的vue工程elementIU官网地址:https://element.element.cn/#/zh-CN1.什么elementUIElement是一套为开发者、设计者和产品经理准备的基于Vue2.0的桌面端组件库简单来说就是一套开发好的组件,直接使用,非常简单,而已样式好看,省去了很多美工的工作2.安装elementUI推荐使用npm安装:npm -i element-ui -S检查安装是否成功,看看
2021-06-08 10:35:24
204
1
原创 vue工程学习(5)之插件Router路由使用
文章目录vue工程学习(5)之插件Router路由使用1.安装Router路由2.使用router路由3.路由传参vue工程学习(5)之插件Router路由使用前言这个是使用cli3创建的vue工程vue-router官网地址:https://router.vuejs.org/zh1.安装Router路由命令:npm install vue-router安装成功:在package.josn会有引包2.使用router路由1)在项目的src中,新建文件夹router/index.js
2021-06-07 16:07:21
388
2
转载 vue工程学习(4)之插件eslint使用
vue工程学习(4)之插件eslint使用前言这个是使用cli3创建的vue工程1.安装eslint1)两种方式:vue add eslintvue UI,从界面上操作2)安装选择操作:Pick an ESLint config: Airbnb(检查方式)Pick additional lint features:Lint on save(代码文件中有代码不符合 lint 规则时,会在 compile 阶段提示 warning。如果出现了语法错误,会直接在页面上显示 er
2021-06-05 10:40:21
841
原创 vue工程学习(3)之第一个组件使用
vue工程学习(3)之第一个组件使用1.目录介绍index.html:主界面,也是我们展示的htmlmain.js:是js入口,是所有vue组件的入口,以后的业务处理入口都是从这里开始2.新增配置文件:vue.config.js(和package.josn同级)module.exports = { devServer: { port: 9002, }, configureWebpack: { // provide the app's title in webpac
2021-06-05 10:36:07
155
原创 vue工程学习(2)之vueCli2和vuecli3创建vue的项目目录解析
vue工程学习(2)之vueCli2和vuecli3创建vue的项目目录解析1.vuecli2创建步骤vue工程学习(1)(1)之vueCli创建vue项目2.使用idea打开vueCli2创建vue的项目vuecli2-projectbuild,打包在package.josn里,看scripts脚本,有一个build,对应的命令就是 node build/build.js,目录build的build.jsbuild.js (打包)先通过rm来啊删除之前打包的文件夹再通过webpac
2021-06-05 10:30:07
674
2
原创 vue工程学习(1)之vueCli创建vue项目
目录vue工程学习(1)之vueCli创建vue项目一、什么是Vue cli脚手架?二、安装必要环境第一步:安装nodejs1)Node.js简介2)下载Node.js3)安装步骤就是一路next(建议把安装路径修改一下)4)验证安装情况,执行命令有版本号出来就证明安装成功了5)环境信息配置6)配置镜像,用国内的淘宝镜像下载比较快7)查看配置好的信息:npm config list第二步:安装vue-cli三、使用Vue cli创建第一个vue项目1)在自己想要创建项目的目录上打开CMD2)输入创建命令第一
2021-06-05 10:26:40
872
1
原创 【idea版】springcloud微服务(6)之整合gateway网关使用
文章目录前言【idea版】springcloud微服务(6)之整合gateway网关使用1.什么是网关2.API 网关的职能3.Gateway是什么4.环境要求5.创建项目6.引包1)父pom.xml依赖2)pom.xml的引入核心包spring-cloud-starter-gateway7.新建配置文件8.创建入口GatewayApplication.java9.启动服务访问10.全局拦截GlobalFilter前言【idea版】springcloud微服务系列搭建教程,包括整合nacos、mybat
2021-05-27 16:58:20
2129
3
原创 【idea版】springcloud微服务(4)之整合redis缓存使用
文章目录【idea版】springcloud微服务(3)之整合redis缓存使用1.Redis 简介2.Redis的优点3.Redis环境安装4.创建项目4.引包1)父pom.xml依赖2)pom.xml的基础web包文件5.新建配置文件6.创建入口RedisApplication.java7.创建redis的访问和存储8.附加升级配置1)自定义序列化和缓存自定义主键,好处就是用命令查看key-value不是乱码的情况,更好查看信息2)网上找到的一个工具类RedisUtil.java,已经简化很多操作,非常
2021-05-25 15:45:24
1683
1
原创 【idea版】springcloud微服务系列搭建教程,包括整合nacos、mybatisplus、gateway等等
1)【idea版】springcloud微服务(1)之多模块版本新建一个springcloud项目2)【idea版】springcloud微服务(2)之整合mybatis-plus查询数据库信息
2021-05-24 16:52:23
2427
原创 【idea版】springcloud微服务(2)之整合mybatis-plus查询数据库信息
文章目录【idea版】springcloud微服务(2)之整合mybatis-plus查询数据库信息1.mybatis-plus是什么?特性2.创建项目3.引包1)pom.xml的基础web包文件2)引入mybatis-plus的核心包,在 dependencies里加入3)完成引包4.新建配置文件5.自动生产代码6.application类7.配置类8.控制层controller9.访问服务10.完成整合使用【idea版】springcloud微服务(2)之整合mybatis-plus查询数据库信
2021-05-24 16:48:28
2130
6
原创 【idea版】springcloud微服务(1)之多模块版本新建一个springcloud项目
文章目录【idea版】springcloud微服务(1)之新建一个maven空项目多模块版本:1.新建,选择maven,模板不用选择,直接下一步2.输入项目名springcloud-example,然后点击完成3.创建完成,一个纯净版的springcloud项目4.把src目录删除,这个是我们不需要的创建子模块1.在目录上右键,new->Module,新建子模块2.新建,选择maven,模板不用选择,直接下一步2.输入项目名springcloud-mybatisPlus-example,然后点击完成3
2021-05-24 15:10:35
2939
3
原创 docker下搭建全套微服务环境指导说明文档和部署命令
这里写目录标题docker下搭建全套微服务环境指导说明文档和部署命令总的架构图1.服务器准备2.centos安装docker环境3.docker集群swarm配置(这一步看自己需要执行)4.docker安装mysql8.05.redis部署6.rocketMQ部署7.nacos集群部署8.keepalive+nginx高可用部署9.springcloud应用微服务9.1 [springcloud微服务之注册发现和配置中心Nacos使用](https://blog.csdn.net/qq_30442207/a
2021-05-21 14:48:46
786
2
原创 docker swarm集群设置
这里写目录标题docker swarm集群设置1.使用swarm要开通那些端口1)TCP端口2376:2)TCP端口23773)TCP和UDP端口79464)UDP端口47892.docker swarm创建集群3.docker swarm 删除节点 (解散集群)4.docker network创建网络docker swarm集群设置1.使用swarm要开通那些端口1)TCP端口2376:用于Docker客户端安全通信。这个端口是Docker机器工作所必需的。Docker Machine用于编排
2021-05-21 14:19:44
995
原创 SSM项目图书馆管理系统,适合新人练手和毕设参考,功能首页展示 系统注册登录登出 用户管理 权限控制管理 书籍管理 图书借阅管理 个人借阅记录管理 书籍详细信息展示等
线上图书馆系统,系统采用B/S架构,是一个互联网的系统,提供远程部署服务。系统采用框架:java+maven+stringboot+mybatis+mysql-plus+boostart(前端界面)v1.0 初级版本功能列表:首页展示系统注册登录登出用户管理权限控制管理书籍管理图书借阅管理个人借阅记录管理书籍详细信息展示后台不支持分页查询,不支持tab也操作v2.0升级内容:增加tab页管理操作增加后台分页处理完善界面的操作完善后台代码注释新增字典翻译功能新增字典管理
2021-05-11 16:34:54
740
转载 软件项目开发各阶段文档模板(参考)
软件项目开发各阶段文档模板(参考)目录范围… 1总体要求… 12.1 总体功能要求… 12.2 软件开发平台要求… 12.3 软件项目的开发实施过程管理要求… 22.3.1 软件项目实施过程总体要求… 22.3.2 软件项目实施变更要求… 22.3.3 软件项目实施里程碑控制… 2软件开发… 33.1 软件的需求分析… 33.1.1 需求分析… 33.1.2 需求分析报告的编制者… 43.1.3 需求报告评审… 43.1.4 需求报告格式… 43.2 软件的概
2021-04-13 09:16:47
2958
原创 工具类:封装的JS/JQ对From表单操作方法,一键获取from数据,一键初始化From数据
工具类1.获取指定form中的所有的1.获取指定form中的所有的<input,select>对象,封装map代码://获取指定form中的所有的<input,select>对象,封装mapfunction getElements(formId) { let form = document.getElementById(formId); let elements = new Array(); let tagElements = form.getEleme
2021-03-26 11:01:17
521
原创 Linux版本之docker容器bind搭建DNS服务器 ,双网卡或者多网卡的配置实现
文章目录Linux版本之docker容器bind搭建DNS服务器 ,双网卡或者多网卡的配置实现实现效果前提条件:1.下载镜像(主机dns200)2.启动容器(主机dns200)3.Webmin界面个性设置4.设置dns域名配置1)删除自带全部主域名配置:2)创建视图3)开始创建主区域4)开始创建正向区域记录地址5)132网段的设置也是一样的5.测试域名1)win106.完成设置Linux版本之docker容器bind搭建DNS服务器 ,双网卡或者多网卡的配置实现实现效果同一个域名,可以在两个网段同时访
2021-03-18 14:18:16
1620
原创 Linux版本之docker容器bind9搭建DNS服务器和配置域名使用
文章目录Linux版本之docker容器bind9搭建DNS服务器和配置使用前提条件:1.下载镜像(主机dns200)2.启动容器(主机dns200)3.Webmin界面个性设置4.设置dns域名配置1)开始创建主区域2)开始创建正向区域记录地址5.测试域名1)win102)Linux6.完成设置Linux版本之docker容器bind9搭建DNS服务器和配置使用前提条件:服务器准备:主机名ipdns200(dns服务器)192.168.56.200centos121(客
2021-03-18 12:06:30
6799
5
原创 Linux版本搭建DNS服务器和配置域名使用,双网卡或者多网卡的配置版本
文章目录Linux版本搭建DNS服务器和配置域名使用,双网卡或者多网卡的配置版本实现效果1.介绍:1)两种解析:2.服务器准备:3.DNS服务器搭建(主机:dns200)1)安装bind2)named 涉及的文件3)修改DNS总配置文件 vim /etc/named.conf4)修改总的区域配置文件 vim /etc/named.rfc1912.zones4.1)正向总区域配置文件5)区域配置文件5.1)正向区域配置文件5.2)反向区域配置文件(没有配置)6)启动named服务4.测试使用域名1)win10
2021-03-18 11:55:11
1309
原创 Linux版本搭建DNS服务器和配置域名使用
文章目录Linux版本搭建DNS服务器和配置域名使用1.介绍:1)两种解析:2.服务器准备:3.DNS服务器搭建(主机:dns200)1)安装bind2)named 涉及的文件3)修改DNS总配置文件 vim /etc/named.conf4)修改总的区域配置文件 vim /etc/named.rfc1912.zones4.1)正向总区域配置文件4.2)反向总区域配置文件5)区域配置文件5.1)正向区域配置文件5.2)反向区域配置文件6)启动named服务4.测试使用域名1)win10正向解析:反向解析:2
2021-03-18 11:49:20
2258
原创 docker搭建grafana的prometheus之node_exporter和mysql_exporter监控展示
文章目录前言docker搭建grafana的prometheus之node_exporter和mysql_exporter监控展示1.node_exporter搭建启动(根据自己的服务来决定启动,需要在每台服务器上启动)2.mysqld_exporter搭建启动3.prometheus搭建启动1)创建配置文件2)启动容器3)测试连接数据:http://ip:9090/targets4.grafana搭建1)启动容器2)访问:http://服务器ip:30003)创建prometheus数据连接4)输入连接地
2021-03-09 15:46:14
1385
1
原创 docker搭建grafana+loki+promtail日志收集系统
文章目录docker搭建grafana+loki+promtail日志收集系统1.拉取镜像2.loki搭建1)新建配置文件2)启动容器3.promtail搭建1)新建配置文件2)启动容器3.grafana搭建1)启动容器2)访问docker搭建grafana+loki+promtail日志收集系统1.拉取镜像docker pull grafana/grafana:7.4.3docker pull grafana/promtail:2.1.0docker pull grafana/loki:2.1
2021-03-09 15:29:05
4066
2
原创 关于grafana的界面操作展示loki
文章目录1.配置loki日志收集展示1)创建loki连接1.1)找到data sources1.2)添加data sources1.3)选择loki1.4)填写连接信息,保存退出1.5)选择explore1.6)展示日志信息1.配置loki日志收集展示地址:http://服务器IP:3000默认用户名密码:admin/admin1)创建loki连接1.1)找到data sources1.2)添加data sources1.3)选择loki1.4)填写连接信息,保存退出1.5)选
2021-03-09 15:21:53
5149
5
原创 linux之centos 7 安装搭建grafana+loki+promtail日志收集系统
文章目录linux之centos 7 安装搭建grafana+loki+promtail日志收集系统前言1.下载安装包2.启动loki3.启动promtail4.启动grafana5)访问界面1)创建loki连接1.1)找到data sources1.2)添加data sources1.3)选择loki1.4)填写连接信息,保存退出1.6)展示日志信息![在这里插入图片描述](https://img-blog.csdnimg.cn/2021030511050581.png?x-oss-process=ima
2021-03-05 11:07:52
2632
3
原创 1000道 互联网 Java 工程师面试题2021
目录1000道 互联网 Java 工程师面试题2021MyBatis 面试题ZooKeeper 面试题Dubbo 面试题Elasticsearch 面试题Memcached 面试题Redis 面试题MySQL 面试题Java 并发编程(一)Java 并发编程(二)Java 面试题(一)Java 面试题(二)1)多线程、并发及线程的基础问题2)有经验程序员的 Java 面试题3)数据类型和 Java 基础面试问题4)JVM 底层 与 GC(Garbage Collection) 的面试问题5)3 年工作经验的
2021-02-22 09:45:02
753
springcloud-ribbon-example.rar
2020-10-30
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人