自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(248)
  • 资源 (1)
  • 收藏
  • 关注

原创 go 语言笔记

go 语言环境变量下载:https://golang.google.cn/dl/go语言第三方包网址:https://pkg.go.dev/

2025-03-10 15:38:52 120

原创 vue3 常用的知识点

watch函数:侦听一个或者多个数据的变化,数据变化时执行的函数。两个额外的参数1.immediate (立即触发) 2.deep(深度监听)setup:容许在script当中书写组合式API 并且vue3的template不再要求唯一的根元素。可以直接在script标签中定义变量或者函数,然后直接在template当中使用。computed计算属性。

2024-07-25 08:46:11 481

原创 qt中charts图表的使用方法

【代码】qt中charts图表的使用方法。

2024-07-22 09:15:47 356

原创 qt中connect函数的使用方法

在Widget窗口中有一个按钮,点击按钮之后创建一个Form窗口,这个窗口中有一个按钮,点击之后会发出一个updateButtonSignal信号。在Form.h中声明这个信号。

2024-07-08 09:05:05 587

原创 用MySQL+node+vue做一个学生信息管理系统(五):学生信息增删改的实现

先实现增加信息:post参数的获取:express中接受post请求参数需要借助第三方包 body-parser下载npm install body-parser//引入body-parser模块const bodyParser = require('body-parser');//拦截所有请求,配置body-parser模块//extended:false 方法内部使用querystring模块处理请求参数的格式,并且把参数保存在req当中//extended:true 方法内部使用第三方

2024-07-02 17:53:21 3949 6

原创 用MySQL+node+vue做一个学生信息管理系统(四):制作增加、删除、修改的组件和对应的路由

1.下载依赖:npm install vue-router在src目录下新建一个文件夹router,在router文件夹下新建一个文件router.js文件,在component目录下新建增加删除和修改的组件,引入router.js当中此时的init组件为主页面((二、三)的app.vue),app.vue只用来写路由占位符router.js:import Vue from 'vue'import Router from 'vue-router/dist/vue-router.js'impor

2024-07-02 17:53:04 1960

原创 用MySQL+node+vue做一个学生信息管理系统(三):用vue从后台获取数据再渲染到页面当中

先往数据库当中添加两条学生数据INSERT INTO student VALUES(1,'张三','男','大数据');INSERT INTO student VALUES(2,'李四','男','物联网');SELECT * FROM student;下载MySQL模块:npm install mysql先介绍一下vue的生命周期函数mounted,它会在vue页面一加载就执行里面的代码思路:在加载页面的时候创建一个ajax对象,帮我们请求数据库,获取当中的数据,再渲染到页面当中

2024-07-02 17:52:47 1398

原创 用MySQL+node+vue做一个学生信息管理系统(二):创建MySQL数据表、创建HTML用户列表页面

SHOW DATABASES;CREATE DATABASE students;USE students;CREATE TABLE student(id INT COMMENT ‘学号’,name VARCHAR(32) COMMENT ‘姓名’,sex VARCHAR(8) COMMENT ‘性别’,class VARCHAR(64) COMMENT ‘班级’)SHOW TABLES;

2024-07-02 17:52:33 1458

原创 用MySQL+node+vue做一个学生信息管理系统(一):配置项目

先用npm init -y生成配置文件在项目下新建src文件夹,app.js文件。src目录用来放静态资源文件,app.js是服务器文件,index.js是vue的入口文件使用npm install express下载express框架在app.js文件夹开启node服务,监听的端口为3000,并且开放静态资源文件的src目录const express = require('express');const app = express();const path = require('path'

2024-07-02 17:52:16 4017

原创 防火墙的配置

网址:https://forum.huawei.com/enterprise/zh/thread/580934378039689216。防火墙在企业网是一个硬件设备,部署在不同的区域之间,外网和内网之间,互联网和专网之间,目的是为了安全。2.交换模式(二层) 物理口不能直接配ip,类似交换机可以配vlan trunk。1.路由模式(三层) 物理口可以直接配ip。3.dmz区域:中间区域,服务器区。使用nat把私网ip转为公网ip。允许从信任区域到非信任区域。2.非信任区域:外网。

2024-06-12 19:50:18 401

原创 ACL访问控制与nat网络地址转换

请注意,这里的步骤和命令是通用的,具体的命令可能会根据华为交换机的型号和操作系统版本有所不同。在进行配置之前,建议查阅你所使用的华为交换机的官方文档,以确保正确无误地执行配置步骤。这里,deny 表示拒绝,ip 表示IP协议,source 指定源IP地址,destination 指定目的IP地址,0 表示子网掩码(即单个IP地址)。另外,确保在配置ACL之前备份当前的配置,并且在配置之后进行充分的测试,以确保ACL规则按预期工作,没有影响到其他网络流量。将配置好的ACL应用到交换机上连接两台电脑的接口。

2024-05-30 10:09:27 303

原创 交换机的三层交换技术

通信原理为:pc1要向ip地址为192.168.2.10发送一个请求,发现目标地址与自己不在同一个网段之上,就会发请求转发给自己的网关192.168.1.1,通过网关向其转发请求,同时这个网关是交换机2的vlan10的ip地址,所以vlan 10就会替自己发送这个请求 ,因为vlan10与vlan20都在同一个交换机当中,所以vlan 10与vlan 20是可以实现通信的,vlan 20又能与pc2实现通信,所以最终pc1与pc2可以实现通信。现有pc1与pc2不在同一个网段之下,通过交换机相连接。

2024-05-29 19:51:00 380

原创 通过vlan实现同一网段下的网络隔离

display vlan可以查看当前交换机下的vlan。现在先进入交换机命令行界面,创建两个vlan。尝试用pc1访问pc2,发现不能实现通信。再进入对应的串口,设置交换机的串口模式。现有两个电脑通过交换机直接连接在一起。正常状态下是可以ping成功的。

2024-05-29 18:40:38 1059

原创 网络工程基础 不同网段下的设备实现通信

电脑判断不同网段的ip会把请求转给网关,路由器的串口标准为电脑的网关,所以电脑就会把该请求转发给路由器,然后路由器设置静态路由之后,就能把请求目标的地址转发给下一个路由器,然后在第二个路由器再设置第二个设备返回的静态路由,就能实现两个不同网段设备之间的通信。华为路由器配置静态路由命令: ip route-static 目的网络地址 子网掩码 下一跳地址。交换机可以实现同一个网段下的不同设备直接通信。路由器可以实现不同的网段下的设备进行通信。

2024-05-29 18:22:05 509

原创 react todolist案例

【代码】react todolist案例。

2023-09-21 19:21:33 343

原创 Node+MySQL+Vue2.0+elementUI实现的博客管理系统(一)

路由文件router.js。

2023-08-14 11:48:24 838

原创 基于Springboot+vue+elementUI+MySQL的学生信息管理系统(一)前端部分

源码在本人博客资源当中,本文为项目代码的详细介绍解释,供于大家学习使用Vue项目的入口文件:mian.js//vue项目入口文件//导入vueimport Vue from 'vue'//导入根组件appimport App from './App'//导入路由文件import router from './router'//导入ElementUIimport ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/i

2023-08-14 11:48:04 2014

原创 vue 通过多组复选框来过滤数据

【代码】vue 通过多组复选框来过滤数据。

2023-07-16 17:32:46 1751

原创 vue懒加载图片

vue懒加载

2023-05-05 17:09:11 277

原创 react组件之间的通信

使用类组件时,如果写了构造函数,应该将props的值传递给super(),否则无法在构造函数中获取到props。3.兄弟组件通信:将共享状态提升到最近的公共父组件中,由公共父组件管理这个状态。props当中的值是只读属性的,不能进行修改。1.父组件给子组件传值需要使用props。

2023-04-30 00:50:59 164

原创 vue实现对数据进行升序降序排列

【代码】vue实现对数据进行升序降序排列。

2023-04-27 12:33:54 813

原创 vue实现数据分页功能

【代码】vue实现数据分页功能。

2023-04-27 01:16:02 615

原创 用vuex数据共享实现购物车功能

用Springboot查询这个数据表并返回数据。商品列表 ShopList.vue。购物车列表:ShopCarList。先在数据库中创建一个MySQL表。购物车:ShopCar。App.vue根组件。商品shop.vue。

2023-04-26 23:04:51 397

原创 在vue3.0中elementUI表格中渲染button按钮

row是这一行的数据对象。

2023-04-24 01:25:54 364

原创 MySQL逻辑删除

逻辑删除是指在不实际删除数据的情况下,将其状态标记为“已删除”,从而达到删除数据的效果的一种方式。在 MySQL 数据库中,如果你删除了某个表中的一条数据,它后面的所有数据的 ID 都需要减 1。这是因为在 MySQL 中,每当你往某个表中插入一条新数据时,数据库会为该数据分配一个自增 ID,而这个自增 ID 是连续递增的,也就是说后面的所有数据都会比前面的数据 ID 大 1。使用逻辑删除的好处在于,在需要恢复被删除的数据时,只需要将 is_deleted 字段的值设置为 0 即可恢复数据。

2023-04-22 10:50:11 1716

原创 用React+Springboot+MySQL实现一个简单的登录功能

在entity包下创建一个user类,对应数据库中的user表。在mapper包下新建UserRepository接口。在启动类上加入代码扫描数据表的接口。

2023-04-21 23:31:25 726

原创 Springboot允许跨域

【代码】Springboot允许跨域。

2023-04-21 02:03:19 140

原创 Springboot项目目录介绍

Springboot项目目录介绍

2023-04-21 00:43:58 3377

原创 解决 Vue.js 应用程序中路由跳转时的错误问题

解决 Vue.js 应用程序中路由跳转时的错误问题

2023-04-09 23:53:10 896

原创 js调用摄像头录像

【代码】js调用摄像头录像。

2023-03-26 00:19:06 1080

原创 js操作摄像头拍照代码

【代码】js操作摄像头拍照代码。

2023-03-25 23:53:10 355

原创 React框架基础知识

react基础知识

2023-03-20 00:57:40 430

原创 Vite项目环境的搭建

Vite项目环境的搭建

2023-03-16 17:06:46 742

原创 vue组件的传值方式

vue组件传值的方式

2023-03-11 16:47:57 208

原创 webpack中devServer节点的使用

在webpack.config.js配置文件中,可以通过devServer节点对webpack-dev-server插件进行更多的配置,可以实现打包后自动打开html页面。

2022-11-30 14:01:08 315

原创 Vue路由导航守卫控制访问权限

import Vue from 'vue'import VueRouter from 'vue-router'import Login from '../components/Login.vue'Vue.use(VueRouter)const routes = [ { path:'/', redirect:'/login' }, { path:'/login', component:Login }]const router = new VueRoute

2022-06-01 10:50:29 348 1

原创 uniapp获取用户登录信息的实现

1.发起网络请求:https://uniapp.dcloud.net.cn/api/request/request.html示例:uni.request({ url: 'https://www.example.com/request', //仅为示例,并非真实接口地址。 method:'GET', data: { text: 'uni.request'//请求的参数 }, header: { 'custom-header': '

2022-05-05 10:28:19 4048 1

原创 使用node获取小程序全局唯一后台接口调用凭据

官网地址:https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/access-token/auth.getAccessToken.html可以先用客户端访问一下看看结果node代码request({ url: URL, method: 'GET', }, function(error, response, body) { console.log(body); })...

2022-05-04 21:44:45 371

原创 uniapp官网中好用的ui组件推荐

1.省市县地区选择器:https://ext.dcloud.net.cn/plugin?id=7065效果图:2.折叠面板:https://uniapp.dcloud.net.cn/component/uniui/uni-collapse.html3.级联选择器:https://uniapp.dcloud.net.cn/component/uniui/uni-data-picker.html效果如下:4.日期选择器:https://uniapp.dcloud.net.cn/compo

2022-05-02 16:23:03 5944 1

原创 用uniapp做电商项目时使用vuex实现数据的全局共享来做购物车页面

一.配置vuex:1.在项目根目录中创建store文件夹,专门用来存放vuex相关的模块2.在store目录中新建store.js文件3.在store.js初始化store的实例对象//1.导入Vue和Vueximport Vue from "vue";import Vuex from 'vuex';//2.将Vuex安装为Vue的插件Vue.use(Vuex);//3.创建store的实例对象const store = new Vuex.Store({ //挂载store模块

2022-04-28 15:50:25 3446 3

基于vue+node+MySQL的博客管理系统

基于vue+node+MySQL的博客管理系统

2024-07-03

基于Springboot+vue+elementUI+MySQL的学生信息管理系统

基于Springboot+vue+MySQL的学生信息管理系统,可作为毕业设计使用

2023-03-09

vue配置好的空白项目

vue配置好的空白项目

2023-03-09

空空如也

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

TA关注的人

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