- 博客(20)
- 收藏
- 关注
RSS订阅原创 vue路由小案例
2.该路径传给的是HeA2组件，由于创建的动态路由，需要通过$route.params.id获取参数。该标签的本质是a标签，里面的router-link-exact-active以及router-link-active类可以设置该标签激活时的样式。区别：动态获取参数的id是在配置路由时设置的（/u1/:id）,参数查询的key是自己传参时命名的参数名。HeAl：通过RouterLink标签创建四个导航，RouteView标签，用来展示对应路径的组件。根据刚才的路由配置，此时显示的是组件HeA1的内容。
2025-05-20 21:39:55
1230
原创 简易的考试系统设计（Web实验）
1.编写两个页面程序，一个HTML页面作为准化考试页面（含有单选、多选、判断题），另一个是JSP评分页面，用于呈现最终的成绩以及其它答题信息反馈。2.编写后台程序，基于Servlet类，处理提交的答题信息，并返回给评分页面。一、考试页面1.h1标签设置标题，添加居中样式2.h3标签显示题型3.form标签用来创建表单，指明action=‘./result’，method=‘post’4.label标签显示题目以及选项，添加for=‘id’，使其点击label标签等于点击对应的单选（复选）框，能够增大
2025-05-08 22:56:42
1149
原创 Vue实现成绩增删案例
1.通过vue渲染数据，将成绩的相关信息显示出来（学号，学科，成绩）2.能够增加相关的成绩信息3.能够删除相关的成绩信息4.能够自动统计总分以及平均分5.在没有数据时，显示特定内容数据渲染：数据通过table表格来展示通过v-for指令，将存储在数组中的数据嵌入td自动统计：总分：通过computed计算属性，利用reduce()函数,对数组的成绩进行累加计算并返回累加结果平均分：调用之前设计进行累加的计算方法，将获取的值除以信息总条数，获取平均分，并将其返回增加信息：对输入框添加v-
2025-05-03 23:29:52
1141
原创 初学Vue之记事本案例
1.当前的Vue3支持选项式API以及组合式API，二者具有显著区别。组合式是Vue3的新特性，二者具有各自的优缺点。（不展开）2.v-on指令可以缩写成@ （@click="f1"或v-on:click=“f1”）3.使用v-for指令，若写了index，就要在key中用到，否则页面会发生报错4.使用修饰符@keyup.enter监听回车事件，能够提高开发速度，若通过普通方法实现，需要对e进行判断5.若想直观的感受v-model的双向数据绑定，可以下载相应的插件、扩展进行调试。
2025-05-01 23:50:39
1423
原创 基于Servlet类实现对输入内容的处理
（二）创建servlet时，通常继承HttpServlet类，根据实际需求，重写doGet()、doPost()等方法。（三）将HTML内容输出时，需通过response.setContentType()的方法，将编码设置为utf-8，使得中文不会出现乱码response.setContentType(“text/html;若不为空，则遍历获取的数据，将数字字符拼接，赋值给s1;3.向页面显示信息，通过 response.getWriter().write()方法输出HTML内容，将s1拼接在p标签中。
2025-04-29 23:11:52
826
原创 基于Cookie的简易免密登录
Cookie 最初的设计是为了解决HTTP协议的无状态特性。Cookie 是一种在客户端（通常是浏览器）存储少量数据的机制（数量大小取决与游览器），由服务器通过 HTTP 响应头发送给客户端，并由客户端在后续请求中自动发送回服务器。简而言之，Cookie可以用来存储少量的数据。
2025-04-24 23:57:10
1276
原创 基于“霓虹边框”的H5登录页面
通过js实现，当点击输入框，label标签会向上移动（通过给label添加类，类含有transform;添加焦点监听事件，当焦点消失，判断输入框的内容是否为空，若为空，则删除添加给label的类，使其向下移动，反之，则不删除。（一）label标签：用来提示输入的内容，通过设置绝对位置，将其放置在input输入框的左边。创建form标签，在标签里添加label标签，input标签以及button标签。通过label标签嵌套a标签，进行页面的跳转，跳转到注册页面。添加阴影效果：设置css样式 ，设置三层阴影。
2025-04-22 23:53:35
579
原创 JSP表单验证在服务器端的实现
（若为错误信息则设为空，若正确则不改变）再通过request.setAttribute的方法，将其数据以键值对的形式存放起来，用于对客户页面的展示。要求能判断输入不能为空且字符必须为5个，输入完毕单击“判断”（提交输入按钮）按钮，发送到服务器端完成审查验证，如果用户的输入不符合要求则返回具体的提示信息，同时清空文本框内容并激活文本框输入焦点。5.提交信息的提示：对客户页面进行java代码嵌套，通过request.getAttribute()方法,获取对应状态的内容，若不为空，则将其输出，在页面显示。
2025-04-19 23:53:49
638
原创 Java编程输出数字斜塔实验
第一行：等差数列 1+n 求和公式： n(1+n+2)/2 等于 n(3+n)/2。第二行：等差数列 2+n 求和公式： n(2+n+3)/2 等于 n(5+n)/2。等差数列：n 求和公式：n(n+1)/2 每行第一列数值：1+n(n+1)/2。对于每行的第一列，需要重新计算，同理。
2025-04-17 23:47:01
869
原创 提交建议表单的设计以及后台数据处理（简易版）
对输入框添加placeholder属性，能够在未输入内容时，显示设定的内容；以及required属性，能够在点击提交时，检测输入框中的内容是否为空。method属性：提交的方式（GET,POST）；通过input标签，来设计输入框；在JSP文件中，创建html页面，将存储对应数据的变量嵌入。form标签的action属性：指定表单数据提交的地方。对所有的输入框设置name属性，以便对数据的处理。通过textarea标签，来设计多行文本输入框。定义变量，将获取的数据，对其赋值。1.通过form标签设置表单。
2025-04-12 23:52:53
381
原创 基于CSS动画、伪类选择器的图片展示效果
在现代网页设计中，动态交互效果是吸引用户注意力的重要手段。通过 CSS 的动画和过渡属性，我们可以轻松实现平滑的视觉变化，从而提升用户体验。今天，我将为大家分享一个图片展示效果案例，详细解析如何利用 CSS 的 transition 和伪元素等技术，打造出兼具美感和功能性的图片展示组件。
2025-04-10 23:09:59
943
原创 JS实现图片自动播放
图片的播放通过改变src的值，因此，将图片命名为img_0x，x为递增的数字，方便我们修改，定义一个数字来表示x，再通过反引号（· ·）将数字插入字符串img_0中。通过日常的网页浏览，发现见到的图片播放页面，不仅有图片，还有图片相应的内容，以及下面的一些小点（导航点），点击能够显示对应的图片。当图片跳转，要将跳转前的小圆点可见度变为原来的数值，再将跳转后图片对应的小圆点设置为.active的值；一张图片能够通过img展现出来，依赖于它的src属性，那么要实现图片的播放，就需要改变src。
2025-04-05 23:40:35
960
原创 Html页面雪花下落功能的实现
通俗讲，就是创建一个大的div盒子和许多个的小div盒子。小的div盒子存放着雪花❄，将这些小盒子随机放到大盒子的任意位置。假设，你完成了这些步骤，那么你会发现雪花已经出现在了页面中，接着，你要完成的是，如何让雪花动起来。通过设置animation属性，并指定参数（动画名称，持续时间，速度，播放次数），并且使用@keyframes规则来定义动画（每一帧）的移动方向，此时雪花就可以动起来了。雪花下落功能的实现有多种方式，本文主要讲述较为简易的方式，通过CSS以及JS来实现，不涉及H5的canvas元素。
2025-04-03 22:08:26
441
原创 彩票购买、抽奖系统 ——基于swing包的GUI页面
管理员页面：首页、抽奖、中奖信息三个JPanel 大部分的JPanel采用绝对布局，少部分使用Borderlayout布局。每个窗口都使用JTabbeaPane，再分别创建各自独立的JPanel,添加到JTabbedPane中。登录页面：登录、注册两个JPanel 用户页面：首页、介绍、购票、订单信息、个人信息五个JPanel。大体分为3个继承的Jframe窗口，分别为登录页面、用户页面、管理员页面、支付页面。图2.5.1 表（一）图2.5.2 表（二）图2.5.3 表（三）图2.5.4 表（四）
2025-01-10 08:05:16
698
原创 第04周 预习、实验与作业：类的设计与继承
equals的用途为比较两个对象指向的地址是否相同；该方法被public修饰，意味着外界可以直接对其进行访问与修改；当我们要比较两个对象的某一属性是否相同时，需要覆盖equals方法；覆盖体现了equals比较的不是引用相同而是内容相同。java的所有类都继承了Object，子类可以使用Object的所有方法。当我们创建类时，若类没有继承父类，则在编译时时，会自动继承Object,成为Object的子类。通过super直接调用父类的方法;toString方法返回该对象的字符串表示。
2024-09-23 20:50:12
309
原创 学生信息管理系统（面对对象初步接触）
该属性有public和private两种，若属性为public，则外界可以直接对其进行访问与修改，若属性为private，则外界不能直接对其访问与修改。
2024-09-18 23:44:48
545
原创 第02周 预习、实验与作业：Java基础语法2、面向对象入门
若类的属性为public,则外界可以直接对这个类进行读取与修改，而使用setter/getter模式，可以与属性为private的类进行结合，控制外界对私有属性的访问，是public无法实现的。这样的封装能过更好的实现外界对类的指定访问，使得封装性大大增强。x的值没有发生变化，因为调用changeStr()函数时，实参x的值会传递给形参x,形参只能在该函数进行，结束运行时，会释放内存，形参x发生改变后的值不能传递给实参，因而main函数的x值没有发生改变。类是抽象的概念，对象是具体的实物，是类的一个具体；
2024-09-09 21:31:31
423
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人