- 博客(459)
- 收藏
- 关注
RSS订阅原创 vue(vue.js) —条件渲染(v-if、v-show)
注意：如果你要使用v-if，v-else 这种结构，那么一定中间不要出现”中断“，比如下面这种写法就是错误的。可以看出，v-if和v-show最大的区别是v-if如果表达式的值为false，那么会直接删dom节点，而v-show只是隐藏dom节点。如果a不是1，那么继续判断a是不是2，如果a是2，则显示第二个div。出现了中断的情况，那么v-if与后面的代码就没有作用了。如果a既不是1，也不是2，那么显示第三个div。如果写成v-if与v-else-if。如果a是1，那么显示第一个div。
2026-02-15 07:48:53
61
原创 vue(vue.js) —style样式
这篇文章介绍以下vue中style的用法，我们可以直接像下面这样写style像这种style样式把css都写死了， 如果想要动态改变style样式应该怎么办呢？
2026-02-15 07:48:34
9
原创 vue(vue.js) —class样式
class 可以接受数组形式。比如 data中的 testClass=[‘class1′,’class2’,]。明白了上面的原理，就可以通过click时间来改变:class绑定的值了。:class是动态的写法，可以通过vue的data来进行赋值。适用于要绑定的样式个数确定，名字也确定，但是要动态决定用不用。首先介绍以下css中 class和 :class的区别。class就是传统的样式写法，当你写完后就不允许改动了。适用于要绑定的样式个数不确定，名字也不确定。:calss也可以接受一个对象形式，
2026-02-15 07:48:11
29
原创 vue(vue.js) 监视属性与深度监视
监视属性：监视某个属性的变化如果我们把其中的一行代码改成这个时候我们去点击按钮，页面上的数据不会改变，但是data里面的hot已经改变了，这有什么问题呢，其实这是个小坑，因为vue觉得你这个值没有在页面上展示，所以没有必要体现出来，如果你后面要用到这个值就会出现问题。（PS：最新版已经修复了这个问题，如果你还是用 旧版本需要注意这个问题）监视属性的由来？可以看出我们需要的就是某个值改变了然后通知我们即可，这个 时候就用到了 监视属性watch了。
2026-02-15 07:46:04
197
原创 vue(vue.js) 计算属性
一个需求，将一个人姓和名 拼接起来，但是这个人的姓或者名比较长，有可能需要裁剪，但是不希望在HTML中写的太复杂。比如，出来现实这个人的姓名以外，要求将这个人的姓名中的大小写反转，截取前3位，将某一位变成随机数……但是这样的效率很低，因为一旦input中的数据改变，那么就会调用getFullName方法。
2026-02-15 07:45:04
142
原创 vue中的数据绑定
vue中的数据绑定分为单向数据绑定和双向数据绑定。单向数据绑定指的是data中的数据可以改变页面的数据，而页面数据的改变不能影响data中的数据。双向数据绑定指的是可以互相影响。
2026-02-15 07:44:10
3
原创 vue—使用引入的方式创建项目
本文介绍了通过CDN引入方式使用Vue.js创建简单项目的方法。文章展示了两种Vue引入方式，并提供了完整的HTML代码示例，包括容器创建和Vue实例初始化。示例中实现了数据绑定功能，在页面上显示"Hello, world"。同时提醒开发者注意Vue实例与容器的一一对应关系，避免一对多或多对一的情况。这种方式适合快速入门和简单项目开发。
2026-02-14 11:17:12
5
原创 vue3.0(1)—项目搭建
本文介绍了如何使用Vue CLI工具快速搭建Vue 3项目。首先需要全局安装Vue CLI，通过npm install -g @vue/cli命令完成安装。创建项目时运行vue create vue-test命令，选择Vue 3版本和npm包管理器。项目创建完成后进入目录执行npm run serve启动开发服务器，即可访问默认的Vue项目页面。整个过程简单明了，适合快速开始Vue项目开发。
2026-02-14 11:16:45
30
原创 mysql—不同服务器之间的表同步
本文介绍了如何在不同服务器之间使用FEDERATED引擎实现数据库表同步。首先需要安装FEDERATED引擎插件并重启MySQL服务，然后通过指定ENGINE=FEDERATED和连接字符串格式创建同步表。文章提供了具体示例，并指出实际操作中可能遇到的问题，如特殊字符导致的连接字符串格式错误，以及同步表创建失败的可能原因。相比主从同步方案，该方法提供了另一种跨服务器数据同步的实现方式。
2026-02-14 11:16:06
453
原创 minitab制作概率图
本文介绍了使用Minitab17软件制作概率图的方法。首先构造数据并打开"概率图"功能，根据数据类型选择"多个"或"单一"选项。通过选择图形变量和原始变量，软件会自动生成概率图。文中特别指出，当P值大于0.05时，表明数据符合正态分布。操作步骤包括数据输入、选项选择和图形生成等关键环节，并配有详细的操作截图说明。
2026-02-14 11:15:35
3
原创 minitab 如何计算均值、标准差、方差、变异系数、极差、中位数、众数、平方和等数据
本文介绍了使用Minitab17计算数据统计量（如方差、标准差）的方法。首先在数据表中输入数学考试成绩数据，然后通过"统计-基本统计量-显示描述性统计量"路径进入设置界面，勾选需要显示的统计量选项。最后选择要计算的列即可输出结果，包括均值、标准差、方差等关键统计指标。该教程提供了完整的操作截图和步骤说明，适用于Minitab初学者快速掌握基本统计功能。
2026-02-14 11:15:00
261
原创 什么是I—MR图，怎么用mintab创建控制图？
本文介绍了如何使用Minitab软件创建I-MR控制图来监测过程稳定性。文章详细说明了操作步骤：输入数据、生成图形、修改参数（包括设置均值和标准差）以及配置异常点判断规则（8-4-2-1法则）。通过故意添加异常数据验证了控制图的有效性，当出现异常点时，图形会以红色标记显示。该方法适用于分析单个观测值数据，但要求数据符合正态分布，且建议样本量不少于25个。
2026-02-14 11:14:42
355
原创 Node.js从0到1：Express框架中路由详解
本文介绍了Express框架中的路由功能，主要包括路由的基本概念、请求方式、路径匹配和路由函数。路由根据URL和HTTP请求方式处理客户端请求，支持GET、POST、PUT、DELETE等标准方法。路径匹配分为精确匹配、动态参数匹配和正则匹配三种方式。路由函数可以是单个函数、多个函数或函数数组，通过next()实现逻辑拆分。这些功能使Express能够灵活处理各种请求场景，实现业务逻辑的复用和组织。
2026-02-14 11:14:07
571
原创 minitab17下载、安装、修改中文环境
打开之后，是下面这个界面。英文的，没有关系，下一步我们就把它换成中文界面。中文包安装完毕了，打开minitab， 打开Tools—Options。选择中文，然后点击OK，重启minitab就可以看到中文界面了。minitab是一款质量管理工具，导入数据后可以做统计分析。minitab默认是英文的，安装文中一开始的地址的中文包。打开下面的网址，里面分别是安装程序的中文包。然后，桌面上就有minitab17的图标了。然后等进度条走完，点击”Finsh“先打开安装程序，点击Next，密钥不用填，直接“Next“
2026-02-13 13:21:05
20
原创 青岛OJ(QingdaoU/OnlineJudge)的开发与使用(8)——忘记root密码怎么办
闲的无聊把改密码然后把原来的密码忘了，本来想从数据库恢复，然后发现是hsa256加密。没办法，另寻他法。
2026-02-13 12:50:57
11
原创 青岛OJ(QingdaoU/OnlineJudge)的开发与使用(7)——配置SSL证书开启https访问
前面几篇我们基本修改完毕了前端的一些数据和备份的问题，有的小伙伴在校内搭建的不需要外网环境，有的在外网搭建的，需要https访问，本文主要介绍OJ系统开启https访问。
2026-02-13 12:43:44
29
原创 阿里云申请SSL证书并在宝塔面板中部署
本文介绍了在阿里云申请免费SSL证书并部署到宝塔面板的完整流程。首先在阿里云搜索SSL进入管理控制台，选择免费证书购买后填写域名信息进行验证审核。审核通过后下载对应服务器类型的证书文件（如Nginx），解压获得证书和密钥文件。最后通过宝塔面板进行证书部署，可启用强制HTTPS功能，实现网站的安全访问。整个流程操作简单，能够快速为网站添加HTTPS加密支持。
2026-02-13 12:38:40
19
原创 青岛OJ(QingdaoU/OnlineJudge)的开发与使用(6)——直连数据库
前面一篇讲到反向代理，这一篇讲一下直连数据库。为什么会有这一篇呢？因为有一天有个人问我，这个怎么连数据库？我问他为什么，他说想看看里面的数据。好吧，于是有了今天的文章。
2026-02-13 11:01:38
260
原创 青岛OJ(QingdaoU/OnlineJudge)的开发与使用(5)——反向代理
本文介绍了如何通过反向代理实现多域名指向同一服务器时访问不同项目。在局域网环境中，可以通过端口映射直接访问不同项目（如主站80端口和OJ项目8000端口）。在云服务器环境下，利用Nginx反向代理配置，将不同域名（主域名和二级域名）指向同一IP的不同项目端口，实现通过域名区分访问内容。具体步骤包括修改docker-compose.yml端口映射、配置Nginx代理规则等，最终实现不同域名访问不同服务的效果。
2026-02-13 10:56:43
428
原创 青岛OJ(QingdaoU/OnlineJudge)的开发与使用(4)——备份与恢复
前面一篇文章中，我们手动导入题目，也可以按照预先设定好的部分导入题目，这篇文章我们尝试备份与恢复操作。不论怎样，一定要做好备份，不要随便乱折腾。
2026-02-13 10:49:36
254
原创 青岛OJ(QingdaoU/OnlineJudge)的开发与使用(3)——生成题目与导入用户
前面的文章我们已经修改完前端并重新部署了，如果你没有看前面两篇，可以把我改好的docker-compose.yml文件里面的oj-backend的镜像部分直接替换掉，然后重新docker compose up -d。
2026-02-13 10:39:25
267
原创 青岛OJ(QingdaoU/OnlineJudge)的开发与使用(2)——整合前端
本文介绍了两种将修改后的前端代码更新到QDOJ服务端的方法：1）将前端代码挂载到服务器，通过修改docker-compose.yml文件实现；2）将前端代码打包成Docker镜像并推送到阿里云镜像仓库。第一种方法简单快捷，直接在本地构建dist文件夹后挂载到容器中；第二种方法更规范，通过Docker命令将修改后的容器提交为镜像并推送到私有仓库，实现一键部署。文章详细说明了两种方法的操作步骤，包括代码构建、容器修改、镜像打包及推送流程，并附有宝塔面板的Docker操作指南。两种方式均可实现前端界面的中文化更新
2026-02-13 10:16:32
564
原创 青岛OJ(QingdaoU/OnlineJudge)的开发与使用(1)——运行前端/修改中文
本文记录了在Windows和Linux系统下运行青岛OJ前端项目的详细过程。首先介绍了项目整体架构包含的四个模块，重点讲解了前端(Vue)部分的配置步骤。在Windows环境下，通过npm安装依赖、解决git相关错误、处理TARGET设置问题，最终成功运行开发服务器并实现中英文切换。Linux环境下的配置步骤类似，需要注意nodejs版本兼容性问题及端口访问设置。文章提供了具体的问题解决方案和操作截图，为开发者部署青岛OJ前端提供了实用参考。
2026-02-13 09:57:47
526
原创 青岛OJ(QingdaoU/OnlineJudge)的安装(0)
本文介绍了如何在CentOS 7.7系统上使用宝塔面板部署QingdaoU在线判题系统(OJ)。首先安装必要的docker-compose等工具，然后通过官方提供的一键安装脚本快速部署OJ系统。文章详细记录了安装过程中可能遇到的端口冲突问题及解决方案，最终成功搭建OJ系统并访问后台管理界面。系统默认管理员账号为root/rootroot，安装完成后即可通过IP地址访问OJ平台。
2026-02-12 13:48:36
295
原创 angular纯前端导出Excel(2)
本文介绍了Angular纯前端导出Excel的第二种方法，使用xlsx和file-saver插件实现JSON数据导出。首先安装xlsx和file-saver依赖，然后在组件中导入相关模块。通过json_to_sheet方法将JSON数据转换为工作表，创建包含多个工作表的Excel文件，最后以Blob形式保存为.xls文件。这种方法无需处理前端表格的额外元素，直接导出JSON数据，简单高效。
2026-02-12 10:09:33
14
原创 angular纯前端导出Excel
比如你们的表格第一列是checkBox那种选择框，或者你表格的最后一列是“编辑”、“新增”、“删除”之类的操作，那么都会把这些导出，实际上，这些东西不应该导出。本文用的是angular6.x+ng-zorro-antd，因为前端的HTML页面用的nz-table构建的，所以想直接用成型的组件。一个空项目需要导出excel文件，以前都是后台直接导出，但是有的地方显示的数据可能牵扯到前端的一些计算，所以会用到前端导出。我的前端HTML表格的代码如下，我想把这个表格用excel导出。①导出的表格没有边框。
2026-02-12 10:09:02
21
原创 nz-upload组件上传文件，如何限制文件类型、文件大小等
本文介绍了在Angular项目中使用Ant Design的nz-upload组件限制文件上传类型的方法。虽然可以通过nzAccept属性设置默认文件类型（如.doc、.pdf等），但用户仍可选择"所有文件"选项绕过限制。为此，作者提出两种解决方案：1）在nzBeforeUpload方法中通过文件类型判断，列举了常见文件对应的MIME类型；2）通过文件后缀名验证。文章重点展示了第一种方法的实现代码，并提供了常用文件类型的MIME类型参考表，帮助开发者严格限制上传文件类型。
2026-02-12 10:08:36
266
原创 echarts隐藏y轴的坐标线(splitLine)
摘要 本文介绍了如何隐藏ECharts图表中的y轴分割线（而非隐藏y轴本身）。通过添加splitLine:false配置项即可实现去除y轴分割线的效果。文章包含前后效果对比图，展示了去除分割线前后的图表变化。该方法简单有效，只需一行代码就能实现分割线的隐藏功能。
2026-02-12 10:07:36
7
原创 angular中如何使用echarts图表
本文介绍了在Angular项目中使用ECharts图表库的方法。首先通过npm安装echarts和ngx-echarts包，然后在angular.json中配置echarts.js脚本。在AppModule中导入NgxEchartsModule模块，并在组件中初始化ECharts实例。文章提供了一个简单的柱状图示例代码，展示如何在Angular组件中设置图表选项并渲染。最后通过ng serve运行项目即可看到图表效果。若遇到依赖缺失错误，需额外安装@juggle/resize-observer包。
2026-02-12 10:06:52
321
原创 The input date type is not supported (“Date” and “string” is now recommended)
Angular中使用nz-date-picker组件时，遇到时间戳格式报错问题。错误提示表明该组件仅支持Date和String类型，不支持时间戳。解决方案有两种：修改后台返回Date格式，或前端转换时间格式。本文介绍第二种方法，使用moment插件将时间戳转换为"YYYY-MM-DD"格式字符串：this.tableData.endTime = moment(endTime).format("YYYY-MM-DD")。其他时间转换插件也可实现相同功能。该方法简单有效地
2026-02-12 10:06:08
12
原创 angular使用echarts报错：ERROR in The target entry-point “ngx-echarts” has missing dependencies:@juggle/re
angular使用echarts的时候报错：ERROR in The target entry-point “ngx-echarts” has missing dependencies:@juggle/resize-observer。
2026-02-12 08:46:52
12
原创 angular中如何自定义一个管道
上传附件的一个功能，返回的附件URL太长，比如 upload/images/st/20220320图片.png。如果你是全局的，那么就是app.module.ts，如果你是自定义的module,那么就是你自定义的名称. xxx .module.ts。说明，第一个pipe 表明是要创建管道，第二个pipe是文件夹名称，dog是我给管道起的名字。选择合适的位置进行管道创建，一般大项目都有自定义管道的位置。我们找到要创建的位置，使用下面的指令进行管道创建。最后，页面上显示的数据，就是我们经过管道裁剪的数据了。
2026-02-11 09:39:49
143
原创 angular中的路由详解(3)—通过module和子路由来访问组件
接着上一篇继续讲。实际开发中，业务复杂时，访问的路由可能会比较复杂。这个时候，可以看出，每个具体的城市都在 /city/目录下，也就是说，每个具体的城市都在city目录下，这个时候就要使用module来创建了。访问路由的时候，我们可以包装一下自己的路由，比如，你访问 /hh，直接跳转到 city/shandong},path:"hh",
2026-02-11 09:36:03
345
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人