我睡醒刚刚-CSDN博客

原创【C#与.net】10.0 学生管理系统开发-学院信息管理页面UI开发

1.0 学员管理-界面设计在项目名称上右键添加一个新的窗体image.pngimage.png修改属性(此时不用设置启动位置，已经控制)-“【学员信息管理】”image.pngimage.png仿照“添加学员”页面，通过各种复制粘贴，完善页面：image.png2.0 DataGridView：表格image.png设置...

2023-07-05 00:36:52 194

原创 5.0 k8s(ubuntu版)-部署前准备（下）——系统初始化（更新、ssh、IP地址、主机名）...

1 更新系统sudo apt updatesudo apt upgrade参考输出：image.pngimage.png更新完成后，提示(Which services should be restarted？)哪些服务需要重新启动这里输入8不用重启image.png2 安装 ifconfig、vimsudo apt install net-too...

2022-12-01 08:02:19 1332

原创 4.0 k8s(ubuntu版)-部署前准备（中）——ubuntu-server-22.04.1系统安装

ubuntu-server安装进入控制台，运行系统，选择第一个：image.png选择English：image.png这里询问是否更新到最新的安装，选择不更新安装即可：image.png键盘布局，默认，下一步Done：image.png询问正常安装还是最小安装，这里我们选最小安装，Done：键盘上下左右箭头按键，或者tab键切换选项，回车键...

2022-11-30 22:05:15 209

原创 3.0 k8s(ubuntu版)-部署前准备（上）——proxmox虚拟机创建

全网最详细的二进制方式部署一个高可用的k8s 1.20集群示例案例将构建3台master节点，2台work节点。PS：外置etcd方案：etcd和控制平面被分离，需要更多的硬件，也有更好的保障能力，Etcd使用RAFT算法选主，节点数量需要为2n+1个。image.pngk8s集群默认不允许将Pod副本调度到Master节点上，因此Master节点配置比Node节点配置...

2022-11-30 22:01:07 337

原创 1.0 k8s(ubuntu版)-Kubernetes总纲

k8s综合性资料网站https://github.com/easzlab/kubeasz第一步，k8s入门需要掌握3个概念核心概念架构设计认证授权第二步，掌握高可用集群。集群搭建主要有2种方式。二进制kubeadm示例案例将构建3台master节点，2台work节点。插件采用目前主流的：calico(网络组件)coredns(灵活可扩展的 DNS 服务器组件，kubern...

2022-11-26 12:31:44 67

原创 5.0 proxmox-创建群晖虚拟机

1.0 规划目前我的物理机是洋垃圾E5 2670V3双CPU，总共是24核心48线程，内存128GB。根据个人需求，目前计划镜像如下：序号核心数(插槽)线程(核心)内存(GB)用途硬盘空间-NVME(GB)硬盘空间-机械(GB)1124web端3202124web端3203248微服务层5004248微服...

2022-11-25 00:07:03 821

原创 4.0 proxmox-挂载磁盘

我目前是三个磁盘。固态硬盘2TB。2个3.5寸机械硬盘，每个12TB。image.png格式化2个12TB的磁盘,一行一行执行。mkfs -t ext4 /dev/sdamkfs -t ext4 /dev/sdb参考输出root@bobokaka:~# mkfs -t ext4 /dev/sdamke2fs 1.46.5 (30-Dec-2021)Found a gp...

2022-11-24 00:41:10 205

原创 3.0 proxmox-物理机部署服务多容器-家用(本地)服务器的安装

内容主要出处：作者：狐狸Nomad https://www.bilibili.com/read/cv17670431 出处：bilibili本转载已经过作者本人同意，原作者博文gitee同步地址：https://gitee.com/callmer/pve_toss_notes以下是正文：Proxmox，全称 Proxmox Virtual Environment，简称 PVE，是一个基于...

2022-11-20 20:40:03 787

原创【Tank】11.0 游戏声音和结束文字处理

游戏开始的声音index.html<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <link rel="icon" type="image/svg+xml" href="favicon.svg" /> <meta nam...

2022-05-16 10:27:49 56

原创【Tank】10.0 游戏入口、游戏开始和结束

重构游戏入口src/main.tsimport config from './config'import './style.scss'const app = document.querySelector<HTMLDivElement>("#app")// @ts-ignoreapp.style.width = config.canvas.width + 'px'// @...

2022-05-16 10:27:39 83

原创【Tank】9.0 创建玩家；玩家坦克控制、碰撞检测、子弹、坦克互战

创建玩家首先加载贴图src/config.ts......// 玩家坦克import imgUrlPlayerTop from './static/images/player/top.gif'import imgUrlPlayerRight from './static/images/player/right.gif'import imgUrlPlayerBottom from '....

2022-05-15 14:34:10 118

原创【Tank】8.0 爆炸效果实现、老巢、boss碰撞检测

爆炸效果实现爆炸效果主要为8张gif图片依次切换显示组成。src/model/abstract/AbstractModel.ts...... /** * 爆炸效果实现 * 原理：8张gif图片依次切换显示。 * @param model 被打炸的模型 * @protected */ protected blast(model...

2022-05-15 10:55:51 124

原创【Tank】7.0 子弹模型和画布、子弹运动、砖墙打掉

幕布和模型的初始化src/canvas/Bullet.ts/** * 画布 * 子弹 */import AbstractCanvas from "./abstract/AbstractCanvas";import ModelBullet from "../model/Bullet";/** * 画布是单例模式 * 在一个图层，所以只需要new一个实例即可。 */expor...

2022-05-14 20:06:37 98

原创【Tank】6.0 坦克动起来、渲染次数优化、坦克碰撞检测

坦克动起来src/config.ts// 草地import imgUrlStraw from './static/images/straw/straw.png'// 砖墙import imgUrlWallBrick from './static/images/wall/wall.gif'// 水域import imgUrlWater from './static/images/wat...

2022-05-14 00:17:35 142

原创【Tank】5.0 水域模型、钢墙模型、坦克模型

水域模型、钢墙模型同砖墙模型的创建。src/config.ts// 草地import imgUrlStraw from './static/images/straw/straw.png'// 砖墙import imgUrlWallBrick from './static/images/wall/wall.gif'// 水域import imgUrlWater from './sta...

2022-05-13 15:21:01 83

原创【Tank】4.0 位置管理、代码调优、砖墙模型渲染

本篇章最终文件结构如下：image.png模型位置管理服务image.png暂时设定为最顶层为敌方坦克出生区域，底部为我方老巢和我方坦克出生区域。为达到这样的效果，修改src/canvas/abstract/AbstractCanvas.ts优化如下：import config from "../../config";/** * 抽象类 */export ...

2022-05-12 01:04:44 74

原创【Tank】3.0 坦克大战项目初始化、设计思想、编程思想

创建项目npm create viteOk to proceed? (y) y? Project name: » tank> vanilla> vanilla-ts通过vscode或者webstorm打开项目，并运行：npm installimage.png本篇章最终的文件结构：image.pngpackage.json{ "na...

2022-05-11 07:44:41 144

原创【Tank】2.0 canvas-画布实现

文件结构image.pngindex.html如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"/> <link rel="icon" type="image/svg+xml" href="favicon.svg"/> &l...

2022-05-09 23:39:42 95

原创【Tank】1.0 canvas-基础使用

1.0 新建一个项目tank,新建一个文件1.html。image.png<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body>&...

2022-05-09 01:07:24 52

原创【golang】3.0 指针、数组、range关键字、Slice(切片)

指针指针在go语言中是一个很重要的概念，但比c语言简单多了。指针简单在：指针不能运算参数传递：值传递还是引用传递。go语言只有值传递。值传递验证：package mainimport "fmt"func swap(a, b int) { a, b = b, a}func main() { a, b := 3, 4 swap(a, b) fmt...

2022-05-04 17:04:02 314

原创【golang】2.0 逻辑控制、函数

ifimage.png新建branch.goimage.pngpackage mainimport ( "fmt" "io/ioutil")func main() { const filename = "abc.txt" contents, err := ioutil.ReadFile(filename) if err !...

2022-05-04 10:39:25 87

原创【golang】1.0 go语言入门:数据类型、常量、枚举

基础内容：image.pngimage.pngimage.pnggoland下载安装地址：Go下载 - Go语言中文网 - Golang中文社区 (studygolang.com)国内镜像七牛云 - Goproxy.cn打开你的终端并执行$ go env -w GO111MODULE=on$ go env -w GOPROXY=https://goproxy....

2022-05-03 16:27:03 123

原创【Vue3+Vite+TS】13.0 组件十：强大的表单组件(上)

功能可配置型表单，通过json对象的方式自动生成表单具备更完善的功能：表单验证、自定义验证规则、动态删减表单、集成第三方的插件用法简单，扩展性强，可维护性强能够用在更多的场景，比如弹框嵌套表单准备工作分析element-plus表单能够在那些方面做优化完善封装表单的类型，支持ts封装的表单要具备element-plus原表单的所有功能集成第三方插件：mark...

2022-01-10 19:17:13 233

原创【Vue3+Vite+TS】12.0 组件九：城市选择

必备UI组件将用到的组件：Popover 气泡卡片Radio 单选框Select 选择器Layout 布局Scrollbar 滚动条组件设计首先初始化项目文件结构。新建src\components\baseline\chooseCity\src\index.vue<template> <div>ChooseCity</div></tem...

2022-01-03 23:05:07 195

原创【Vue3+Vite+TS】11.0 组件八：时间选择组件

必备UI组件将用到的组件：TimeSelect 时间选择DatePicker 日期选择器时间选择新建src\components\baseline\chooseTime\src\index.vue<template> <div class="bs-wrapper"> <div class="box"> &...

2022-01-02 14:52:05 452

原创【Vue3+Vite+TS】10.0 组件七：动态加载进度条

必备UI组件将用到的组件：Progress 进度条组件设计新建src\components\baseline\progress\src\index.vue<!-- * @Author: bobokaka * @Date: 2021-12-23 00:07:25 * @LastEditTime: 2021-12-31 18:48:46 * @LastEditors: bobok...

2022-01-01 22:49:11 234

原创【Vue3+Vite+TS】9.0 改造项目整体结构

优化菜单这里存在一个bug，修复如下：修改src\components\baseline\menu\src\index.vue<template> <div> <el-menu class="el-menu-vertical-demo" :default-active="defaultAct...

2021-12-31 18:14:31 58

原创【Vue3+Vite+TS】8.0 组件六：导航菜单

必备UI组件将用到的组件：Menu 菜单组件设计新建src\components\baseline\menu\src\index.vue<template> <div>Menu</div></template><script lang="ts" setup>import { PropType } from 'vue'...

2021-12-31 15:57:02 268

原创【Vue3+Vite+TS】7.0 组件五：通知菜单

必备UI组件将用到的组件：Badge 徽章Popover 弹出框/气泡卡片Tabs 标签页Avatar 头像Tag 标签Scrollbar 滚动条组件设计新建src\components\baseline\notification\index.tsimport { App } from 'vue'import Notification from './src/index.vue'e...

2021-12-29 02:20:58 203

原创【Vue3+Vite+TS】6.0 组件四：趋势标记

必备UI组件图标选择器将用到的组件：无组件设计新建src\components\baseline\trend\src\index.vue<template> <div> <div class="bs-wrapper"> <div class="text">{{ text }}</div&...

2021-12-24 23:23:41 80

原创【Vue3+Vite+TS】4.0 组件三：省市区选择组件

必备UI组件省市区选择组件将用到以下几个组件：Select 选择器组件设计修改src\router\index.ts/* * @Author: bobokaka * @Date: 2021-12-19 11:26:38 * @LastEditTime: 2021-12-21 19:49:02 * @LastEditors: bobokaka * @Description: 路由...

2021-12-22 09:35:43 558

原创【Vue3+Vite+TS】3.0 组件二：图标选择器

必备UI组件图标选择器将用到以下几个组件：Icon 图标Button 按钮Message 消息提示Dialog 对话框组件设计修改路由src\router\index.ts/* * @Author: bobokaka * @Date: 2021-12-19 11:26:38 * @LastEditTime: 2021-12-20 21:17:12 * @LastEditor...

2021-12-21 19:46:24 239

原创【Vue3+Vite+TS】2.0 组件一：伸缩菜单

必备UI组件伸缩菜单将用到以下几个组件：Container 布局容器Menu 菜单组件设计修改路由：src\router\index.tsimport { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router'import Home from '../views/Home/index.vue'impo...

2021-12-20 01:38:11 119

原创【Vue3+Vite+TS】1.0 项目搭建

搭建vite项目的命令。npm -v我的目前是6.14.15，升级一下：npm install -g npm目前是8.3.0新建vite项目命令行：npm init vite@latest vue3-element-ui-baseline -- --template vue-tsimage.png需要安装以下软件包：创造-vite@latest可以继续吗？(y)...

2021-12-19 12:12:17 44

原创【Vite】2.0 Vite构建Vue3项目，CSS使用

vite创建项目，Win+R，cmd：image.png输入vite-vue3image.png这里我们选择vueimage.png教程建议选择vue，后面会切换成vue-ts，这里我们偏不，就选vue-ts：image.png这样，我们项目创建完成。通过vscode打开：image.pngimage.pngvite初始化...

2021-12-12 13:35:38 171

原创【Vite】1.0 新一代构建工具

官网：https://vitejs.cn/vue3发布时，同时发布了vite，——新一代构建工具。优点：开发时效率极高开箱即用，功能完备社区丰富，兼容rollup超高速热重载预设应用和类库打包模式，减少人工配置前端类库无关，和vue无关esbuild性能对比：image.png知识内容本系列篇章主要体现如下内容：Vite的使用Vite插件开发和实战Vi...

2021-12-10 23:26:47 55

原创【vue3.0】26.0 某东到家（廿六）——不同设备适配和项目上线

不同设备适配目前是针对普通手机的屏幕尺寸设计，如果需要适配比如平板电脑，等比例放大，需要进行设备配置。修改public\index.html只需要在title后面增加如下代码：<script> // 设备屏幕的宽度 var width = document.documentElement.clientWidth || document.body.clie...

2021-12-08 14:15:58 58

原创【vue3.0】25.0 某东到家（廿五）——真机调试

真机联调方式一种方式是手机和电脑连同一个局域网，也就是同一个WiFi运行项目会在终端显示ip连接的地址：image.png因为目前我的是手机热点，需下面的方式：如果是手机开热点给电脑用，可以win+R键输入ipconfig查询本机ip，然后在手机浏览器上直接打开ip:8080即可image.png比如我的就是需要访问192.168.24.113::8080i...

2021-12-03 22:13:14 46

原创【vue3.0】24.0 某东到家（廿四）——订单列表开发

DOM完善修改src\views\orderList\OrderList.vue<template>  <div class="wrapper">  <div class="title">我的订单</div> <div c...

2021-12-03 14:24:27 63

原创【vue3.0】22.0 某东到家（廿二）——订单商品列表代码拆分和确认订单弹窗

目前src\views\orderConfirmation\OrderConfirmation.vue已有超过250行代码。这里将此组件进行拆分。src\views\orderConfirmation\TopArea.vue<template> <div class="top"> <div class="top__bgcolor" /> ...

2021-11-29 17:22:35 52

空空如也

空空如也