自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(96)
  • 资源 (2)
  • 收藏
  • 关注

原创 原生html配合canvas仿echarts图标组件合集

介绍这是一个多人项目中的一个模块,我负责了数据展示的部分,用原生的Canvas实现了进度条,饼图,雷达图,水滴图,日历图等图表的展现。采用面向对象的方式,将每个图表分为一个独立的类,将dom元素和option选项,option选项尽可能模仿echarts的选项配置。开源地址https://gitee.com/tyoubin_admin/echarts-canvas.git欢迎fork和star!预览地址http://hikari.top:8104/饼图:用于展示笔记的分类。亮点:1.开场动画

2021-08-16 22:30:35 667 1

原创 个人博客系统项目-已开源

博客上线地址:欢迎访问我的博客!http://hikari.top项目介绍实现了一个简单的个人博客系统,技术栈为后端SpringBoot+JPA+MySQL,前端Vue+ElementUI+Echarts系统分为前台展示和后台管理两个部分,前台部分主要分为了引导页,首页,随笔,项目,留言和关于我页面,使用响应式布局,能够自适应移动端,后台有首页,博客管理,撰写博客,用户管理,分类管理,标签管理,评论管理,随笔管理,项目管理,个人中心,图片管理。项目开源地址:博客前端:https://gitee.c

2021-07-26 23:44:23 53445 149

原创 餐厅经营模拟游戏实战项目

项目介绍实现了一个游戏的餐厅经营模拟,实现了厨师、顾客等角色的关键操作,完成从顾客等位、点菜、烹饪、用餐、支付的一系列状态变更的数据、信息、交互、展现的变化及处理。涉及的前端知识有移动端 HTML 页面布局及样式实现。项目上线地址:http://hikari.top:8102/项目效果图项目中角色的状态介绍:厨师的状态状态名称状态描述free未开工,等待顾客点菜working已接单,正在做菜speeding被顾客疯狂点击,加速做菜一段时间

2021-07-19 11:32:56 3823 1

原创 博客系统评论功能的实现

由于后端传来的评论数据是列表的形式,而前端要实现将评论按层级展示,直观地看出评论的回复情况。同时为了兼顾功能和美观,要将子评论显示级数限定在二级,而三级之后的评论通过显示回复的评论者的名字来找出其父评论。思路:通过parent_id的将返回的评论列表转为子树的形式,父子之间通过children属性来关联将二层之后的子节点转为其父节点的兄弟节点。将所有子评论按时间顺序排列列表转换为子树的代码如下:let parents = this.blog.comments.filter(value =&

2021-07-12 11:15:35 1577

原创 Nginx反向代理实现图片上传到Ubuntu服务器

之前用Apache搭建了一个静态图片服务器,服务器搭建步骤见这篇博客https://blog.csdn.net/weixin_44996854/article/details/117046225但只实现了通过网址从服务器获取图片的功能,而且每次只能根据网址获取单张图片,并不能上传文件到服务器。要实现图片的上传,就需要再新建一个图片处理的服务器,而其他服务器可以通过这个服务器来上传图片和获取图片,这就涉及到了多台服务器的相互配合,而使用Nginx的反向代理功能可以很方便地解决这个问题。Nginx的.

2021-07-06 20:51:04 695 1

原创 用原生CSS实现标签样式

semantic-ui中有一个很适合于博客标签的样式,但element-ui中却没有找到相关的组件,因此就需要自己手动用原生CSS去写样式了右边的长方形很容易实现直接用div+border的方式,修改以下颜色就可以了,颜色可以直接参考element-ui中的配色,效果如下。难点在于前面的小三角形,这里采用设置border样式的方式,将上下border设为透明,右边设为蓝色,则可以得到一个箭头向左的三角形,并紧贴后面的长方形就可以。代码如下 .sjx{ width: 0;

2021-07-01 00:42:43 1109 3

原创 博客项目踩坑-Could not write JSON: Infinite recursion (StackOverflowError)

之前用SpringBoot+JPA+Thymeleaf的方式开发过一个博客系统,现在想要将博客系统改造成前后端分离的方式(前端Vue,后端SpringBoot),开发过程中遇到Could not write JSON: Infinite recursion (StackOverflowError)的问题。控制台报错如下:于是检查Network控制台,发现从后端获取到的数据过大,博客系统真正的数据传输量应该远小于这些值控制台报错信息如下(部分):org.springframework.http.c

2021-06-29 10:00:21 1712

原创 Vue电商管理系统-项目优化

通过noprogress添加进度条a. 打开vue ui面板b. 添加noprogress运行依赖c. 在main.js中导入NProgresss对应的js和cssd. 在 request 拦截器中,显示进度条 NProgresss.start()e. 在 response 拦截器中,隐藏进度条 NProgresss.done()// 导入NProgresss对应的js和cssimport NProgresss from 'nprogress'import 'nprogress/npr.

2021-05-31 20:16:47 334 1

原创 Vue电商管理系统-商品分类

创建新分支a. 创建good_cate子分支git checkout -b good_cateb. 创建远程子分支git push -u创建Cate组件并添加路由添加面包屑导航区 <!-- 面包屑导航区--> <el-breadcrumb separator="/"> <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>.

2021-05-24 23:25:32 580 2

原创 Vue电商管理系统-角色列表

面包屑导航区域 <!-- 面包屑导航区 --> <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item> <el-breadcrumb-item>权限管理</el-breadcrumb-item> .

2021-05-24 00:02:18 312

原创 谷歌浏览器启用暗模式

在浏览器中输入网址chrome://flags/#enable-force-dark找到如下选项并选择enabled点击下方出现的Relaunch按钮

2021-05-23 18:13:19 217

原创 Node.js学习笔记-模块化开发

JavaScript开发过程中存在文件依赖和命名冲突问题,因此要采用模块化开发的方式。软件当中的模块化开发每个JavaScript文件就是一个模块,模块内部的变量无法在外部进行访问。有两种方式可以实现访问。文件b中访问a中的变量和方法需要用exports将a中的变量和方法导出,并在b中用require方式引入// a.jslet version = 1.0const sayHi = name => `您好,${name}`;exports.version = versionex

2021-05-22 11:44:03 207

原创 Vue电商管理系统-用户列表

创建用户列表组件并添加Home下的子路由 { path: '/users', component: User }侧边栏选项高亮菜单的default-activate值表示现在应该高亮的选项的index思路:将当前的选项值保存到sessionStorage当中,每次创建页面都自动读取sessionStorage中的值。步骤:a. data中添加activePath: ''b. created()中添加this.activePath.

2021-05-22 10:37:51 472 1

原创 Vue电商管理系统-主页

写页面整体布局,并将container高度设置为100% <el-container class="container"> <el-header>Header <el-button type="info" @click="logout">退出</el-button> </el-header> <el-container> <el-aside width="200px">.

2021-05-20 22:46:59 3989 16

原创 Apache搭建图片服务器

  由于之前做过的博客项目每一篇博客上传都需要一幅图片,刚开始想将这些图片直接存到项目static目录下的images静态资源中,但这样的话想在其他地方访问图片就显得有些不方便。  于是我就想,如果能将图片单独放到一个服务器上。这样访问图片不是就更加方便了吗,其他程序想要访问图片资源的时候也可以更加方便的访问。  首先想到的就是用tomcat再搭建一个图片服务器,这样就能实现功能了,但是有没有更加优化的解决方案呢,上网百度一下,还真有,那就是Apache。  用惯了tomcat,忘记了当初web课的.

2021-05-19 22:50:51 1183 2

原创 Vue电商管理系统-登录界面

1.通过可视化操作建立vue_shop项目。2.建立码云远程仓库,地址:https://gitee.com/tyoubin_admin/vue_shop.git3.下载nodejs后台项目,地址:https://gitee.com/tyoubin_admin/vueShop-api-server.git4.使用token解决跨域问题5.样式设置为scoped,表示样式只在当前组件中生效。6.显示空格错误,百度说缩进的问题,将.eslintic.js文件中的’@vue/standard’这行注释调.

2021-05-17 20:31:33 1522 3

原创 个人博客项目踩坑——Semantic UI中popup无法弹出

最近在搭建个人博客项目的过程中发现Semantic UI中这种弹出效果无法显示。控制台显示JQuery未定义,发现代码中引入脚本的顺序是这样的<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/semantic.min.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js"&g.

2021-04-19 20:32:33 502

原创 蓝桥杯 三升序列(java)

蓝桥杯 三升序列(java)试题 A: 递增序列 本题总分:5 分 【问题描述】 对于一个字母矩阵,我们称矩阵中的一个递增序列是指在矩阵中找到两个字母,它们在同一行,同一列,或者在同一 45 度的斜线上,这两个字母从左向 右看、或者从上向下看是递增的。 例如,如下矩阵中LANNQIAO有LN、LN、AN、AN、IO、AO、LQ、AI、NO、NO、AQ、IN、AN 等 13 个递增序列。注意当两个字母是从左下到右上排列时,从左向右看和从上向下看 是不同的顺序。 对于下面的 30 行 50

2021-04-10 12:19:53 259 2

原创 LiveData更新数据报错java.lang.IllegalStateException: Cannot invoke setValue on a background thread

LiveData更新数据报错解决方法java.lang.IllegalStateException: Cannot invoke setValue on a background thread将setValue(T)改为postValue(T)即可。原因:setValue(T) 必须在主线程中调用 , 而 postValue(T) 既可以在主线程中调用, 也可以在子线程中调用参考博客:h...

2020-04-18 18:52:08 10799 2

原创 mvvm架构下ListView的简单使用(databinding实现)

mvvm架构下ListView的简单使用(databinding实现)要实现的功能:实现一个列表,其中显示班级学号姓名,提供添加功能,如需要删去某一项,长按该项,通过弹出菜单显示删除功能。先理解两个概念什么是mvvm?MVVM是Model-View-的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化,让我们将视图 UI 和业务逻辑分什...

2020-04-14 15:18:56 1341

原创 Android 计算器

Android 计算器开发环境:android stdio 3.6.1最终效果:竖屏:横屏:完整项目:百度网盘链接密码 v89n主要代码:MainActivity.java:package com.example.experience_two;import androidx.appcompat.app.AppCompatActivity;import android....

2020-03-24 19:40:41 637

原创 ubuntu下移动/home目录至新的分区

ubuntu下移动/home目录至新的分区当初装系统的时候完全按照网上的教程,将/home分区就分了20G的空间,用了Ubuntu一段时间后,发现/home所在的磁盘即将爆满,但前后/home目录所在的磁盘前后都没有可以拓展的空间,没办法,只能“搬家”了,下面是整个“搬家”的过程:首先要有一块儿完全空白的磁盘作为目标盘和一个u盘启动盘,并用ubuntu系统自带的分盘软件将其格式化,用u盘...

2020-02-24 19:23:01 1894 2

原创 分支限界法求解电路布线问题

OpenGL旋转立方体#include <GL/gl.h>#include <GL/glut.h>int flag=0;GLfloat vertices[][3]={{-1.0,-1.0,-1.0},{1.0,-1.0,-1.0},{1.0,1.0,-1.0},{-1.0,1.0,-1.0},{-1.0,-1.0,1.0},{1.0,-1.0,1.0},{1.0,1...

2019-12-07 10:17:29 1646

原创 PTA 7-5 地下迷宫探索 (30分)

PTA 7-5 地下迷宫探索 (30分)地道战是在抗日战争时期,在华北平原上抗日军民利用地道打击日本侵略者的作战方式。地道网是房连房、街连街、村连村的地下工事,如下图所示。我们在回顾前辈们艰苦卓绝的战争生活的同时,真心钦佩他们的聪明才智。在现在和平发展的年代,对多数人来说,探索地下通道或许只是一种娱乐或者益智的游戏。本实验案例以探索地下通道迷宫作为内容。假设有一个地下通道迷宫,它的通道都是直...

2019-12-05 20:57:30 940

原创 PTA 7-7 功夫传人 (25分)

PTA 7-7 功夫传人 (25分)用m存储得道者的武功被放大的倍数,没有放大是0#include <iostream>//类似于树的遍历#include <cstdio>#include <map>#include <vector>#include <queue>#include <cmath>using n...

2019-12-05 20:47:29 1018

原创 PTA 7-6 家庭房产 (25分)

PTA 7-6 家庭房产 (25分)给定每个人的家庭成员和其自己名下的房产,请你统计出每个家庭的人口数、人均房产面积及房产套数。输入格式:输入第一行给出一个正整数N(≤1000),随后N行,每行按下列格式给出一个人的房产:编号 父 母 k 孩子1 … 孩子k 房产套数 总面积其中编号是每个人独有的一个4位数的编号;父和母分别是该编号对应的这个人的父母的编号(如果已经过世,则显示-1);k...

2019-12-05 20:24:30 1681

原创 PTA 7-1 分而治之 (25分)

PTA 7-1 分而治之 (25分)分而治之,各个击破是兵家常用的策略之一。在战争中,我们希望首先攻下敌方的部分城市,使其剩余的城市变成孤立无援,然后再分头各个击破。为此参谋部提供了若干打击方案。本题就请你编写程序,判断每个方案的可行性。输入格式:输入在第一行给出两个正整数 N 和 M(均不超过10 000),分别为敌方城市个数(于是默认城市从 1 到 N 编号)和连接两城市的通路条数。随后...

2019-12-05 19:50:33 2332

原创 优先队列式分支限界法求解0-1背包问题

优先队列式分支限界法求解0-1背包问题#include <iostream>#include <cstdlib>#include <queue>#include <vector>using namespace std;#define n 4int w[n]= {3,5,2,1},v[n]= {9,10,7,4},x[n]= {0};i...

2019-12-01 16:01:00 2233 3

原创 队列式分支限界法求解0-1背包问题

队列式分支限界法求解0-1背包问题#include <iostream>#include <cstdlib>#include <queue>using namespace std;#define n 4int w[n]={3,5,2,1},v[n]={9,10,7,4},x[n]={0};int W=7;double cw=0,cp=0,best...

2019-12-01 11:19:34 2303 2

原创 回溯法求解图着色问题

回溯法求解图着色问题#include <iostream>#include <cstdlib>using namespace std;#define n 5#define m 3#define ML 1000000int g[n][n]={{1,1,1,0,0},{1,1,1,1,1},{1,1,1,1,0},{0,1,1,1,1},{0,1,0,1,1}};...

2019-11-30 19:00:32 1819

原创 回溯法求解旅行商问题

回溯法求解旅行商问题#include <iostream>#include <cstdlib>using namespace std;#define n 5#define ML 1000000int g[n][n]={{0,10,ML,4,12},{10,0,15,8,5},{ML,15,0,7,30},{4,8,7,0,6},{12,5,30,6,0}};i...

2019-11-30 18:56:42 666

原创 回溯法求解最大团问题

回溯法求解最大团问题#include <iostream>#include <cstdlib>using namespace std;#define n 5int a[n][n]= {{0,1,1,0,0},{1,0,1,1,1},{1,1,0,1,1},{0,1,1,0,1},{0,1,1,1,0}},x[n]= {0},bestx[n]= {0},bestn=...

2019-11-30 18:54:32 992

原创 回溯法求解0-1背包问题

回溯法求解0-1背包问题#include <iostream>#include <cstdlib>using namespace std;int x[4]={0},y[4]={0};double w[4]={3,5,2,1},v[4]={9,10,7,4},DV[4]={0};int n=4,W=7,bestp=0,cp=0,cw=0;struct Dvalu...

2019-11-30 18:51:49 423 1

原创 动态规划法求解0-1背包问题2(改进算法)

动态规划法求解0-1背包问题2(改进算法)#include <iostream>#include <algorithm>using namespace std;int p[1000][1000];//p存放跳跃点集合,第一列存放物品的质量w,第二列存放物品的价值vint x[5]= {0},head[100];//head是指向各个阶段跳跃点集合的开始int W...

2019-11-26 12:32:28 1056

原创 动态规划法求解0-1背包问题

动态规划法求解0-1背包问题#include <iostream>#include <algorithm>using namespace std;int W=10,x[100]={0};int C[100][100];int KnapSack(int n,int w[],int v[])//物品个数n,物品的价值v[n]和物品的重量w[n]{ for(...

2019-11-26 09:55:35 278

原创 动态规划法求解最长公共子序列问题

动态规划法求解最长公共子序列问题#include <iostream>using namespace std;#define M 8#define N 7char x[M]={0,'A','B','C','B','D','A','B'};char y[N]={0,'B','D','C','A','B','A'};int c[10][10],b[10][10];void ...

2019-11-26 09:11:37 952

原创 PTA 7-15 计算图 (30 分)

PTA 7-15 计算图 (30 分)“计算图”(computational graph)是现代深度学习系统的基础执行引擎,提供了一种表示任意数学表达式的方法,例如用有向无环图表示的神经网络。 图中的节点表示基本操作或输入变量,边表示节点之间的中间值的依赖性。节点可能不是按顺序给出,而计算图的计算和求导时必须按顺序计算(后面节点的值依赖于前面节点的值),所以在输入全部节点以后,必须将从根节点倒...

2019-11-22 08:47:31 1417

原创 PTA 7-11 哈夫曼编码 (30 分)

PTA 7-11 哈夫曼编码 (30 分)给定一段文字,如果我们统计出字母出现的频率,是可以根据哈夫曼算法给出一套编码,使得用此编码压缩原文可以得到最短的编码总长。然而哈夫曼编码并不是唯一的。例如对字符串"aaaxuaxz",容易得到字母 ‘a’、‘x’、‘u’、‘z’ 的出现频率对应为 4、2、1、1。我们可以设计编码 {‘a’=0, ‘x’=10, ‘u’=110, ‘z’=111},也可以...

2019-11-21 20:08:04 5348 1

原创 PTA 7-10 修理牧场 (25 分)

PTA 7-10 修理牧场 (25 分)农夫要修理牧场的一段栅栏,他测量了栅栏,发现需要N块木头,每块木头长度为整数L个长度单位,于是他购买了一条很长的、能锯成N块的木头,即该木头的长度是L​的总和。但是农夫自己没有锯子,请人锯木的酬金跟这段木头的长度成正比。为简单起见,不妨就设酬金等于所锯木头的长度。例如,要将长度为20的木头锯成长度为8、7和5的三段,第一次锯木头花费20,将木头锯成12...

2019-11-21 19:51:17 1210

原创 PTA 7-9 叶节点求和 (20 分)

PTA 7-9 叶节点求和 (20 分)对给定的有N个节点(N>=0)的二叉树,求叶节点元素之和没有当过父节点的节点都是叶子节点#include <iostream>#include <map>using namespace std;int main(){ map<int,int> m; int n,num,LR,child...

2019-11-21 19:34:10 1210

计算器.zip

编写一个计算器的程序,主界面由多个按钮组建、文本框组建构成。运行结果如图所示: (2)选做内容:同时,使用相应的事件对这个组件进行监听工作,达到计算的功能。 任务三:算数测试 编写一个算术测试小软件,用来训练小学生的算术能力。程序由3个类组成,其中Teacher类对象负责给出算术题目,并判断回答者的答案是否正确:ComputerFrame类对象提供的GUI界面看到题目并通过该GUI界面给出题目的答案;MailClass是主类。 请大家作业管理系统下载QuestionAndAnswer.zip。Teacher.java和MailClassss.java已给出,请按照程序要求,将ComputerFrame.java中的【代码】替换为程序代码。 运行结果如图所示。图中标出了各个组件的变量名称。

2019-10-27

java日历.zip

编写一个程序,有一个窗口,该窗口为BorderLayout布局。窗口的中心添加一个Panel容器:pCenter,pCenter的布局是7行7列的GridLayout布局,pCenter的中放置49个标签,用来显示日历。窗口北面添加一个Panel容器pNorth,其布局是FlowLayout布局,pNorth放置两个按钮:nextMonth和previousMonth按钮,单击nextMonth,可以显示当前月的下一个月的日历;单击previousMonth按钮,可以显示当前月的上一个月的日历。窗口的南面添加一个Panel容器pSouth,其布局是FlowLayout布局,pSouth中放置一个标签用来显示一些信息。请完成界面设计和相关功能。运行结果如图所示。

2019-10-27

空空如也

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

TA关注的人

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