小心你的脚踝-CSDN博客

原创前端模板Element的使用

首先需要在官网去下载工具包，然后需要引用到项目中才可以使用，前端模板可以大大节省我们开发的时间，而且对于前端的页面很多的样式也比我们自己编写的美观。

2023-07-27 20:14:33 207 1

原创【案例分享】关于vue延迟显示而导致渲染失败的问题

在编写项目的时候，后端的代码没有问题，可以正常的输出，而且在前端的控制台测试也可以看到输出的结果，但是前端又没有显示出来，这是因为后端数据存放在数组或者集合中的时候，刚开始的时候，数组为空，这时vue已经渲染了一次，而当数组为二维数组或者时集合和数组的嵌套时，外层的数组感觉不到里面的数据发生了变化而导致vue不会对前端数据进行二次渲染，而导致渲染失败，只会显示空数组，所有前端看不到数据。

2023-07-21 21:53:47 643 1

原创【登录页面的美化】bootstrap的使用

对bootstrap需要在官网下载应用包，放入我们所写的项目中，然后再导入包，再官网的使用方法中可以找到很多的前端制作模板。

2023-07-19 22:42:25 961

原创【案例分享】在Vue循环中，指定循环次数和范围，选取数据库中的一部分数据循环遍历在前端网页上

v-for="(item,index) in list.slice(0, 3)“这种分割数组,然后继续v-for=”(item,index) in list.slice(3, 6)"，可以选取数据库中的一定范围来循环遍历。可以将数据库的数据循环遍历。

2023-07-18 21:04:45 447 1

在按钮里面加入属性：disabled，当为false表示不禁用，为true表示禁用，而却会实时更新。在判断昵称和密码是否正确时，可以加入.trim()表示去掉空格，这样将输入框的数据拿到数据库中比对的时候就没有空格，只输入空格传入数据库中时只有null，那么就会禁掉按钮。在昵称和密码框必须都有输入内容，不然登录按钮不能点击，或者只输入空格也不能点击登录。在数据库中寻找改昵称的密码是否正确，如果不正确会有弹窗提示。

2023-07-17 22:44:11 57 1

原创【案例分享】登录界面和注册的页面的显示于隐藏

主要使用Vue的v-show属性，根据点击超链接，然后把定义的值取反，从而导致div盒子的交替显示。在不使用页面跳转，在同一个前端网页实现登录和注册页面，而且根据点击可以使登录和注册页面交替显示。

2023-07-14 22:01:40 158 1

原创【案例分享】使用servlet和vue展示一个文件夹下的所有图片以及写出点击可以翻转，再次点击还原的效果

首先编写六个牌面，然后制定旋转动画，使旋转背面放入图片路径（路径需要在servlet中随机获取），在Vue代码区定义一个数组，在六个牌面设置点击事件，每点击一下对于的数组加一，然后用余数来规定牌面的正反。在六个不同颜色的牌面上放置在一个文件夹下随机选取的六张照片，放在前端页面上，点击可以翻转过来，再次点击翻转回去，在不刷新网页的前提下，牌面后的图片是不会变化的，刷新页面则会重新在特定文件夹下随机选取六张放置在牌面下。点击查看全部图片可以看到文件夹下的所有图片以及图片的名称，使用servlet和Vue完成。

2023-07-13 17:53:44 238 1

原创 Servlet与前端的完美邂逅【案例分享】

创建一个工具类，控制类和一个前端显示页面。在工具类里面创建一个有参方法，需要将图片路径传入进去，使用字节流，然后再构建缓冲流，防止低效率的循环阻碍图片的流畅的显示。再使用边读边写的循环，循环出图片的字节流，最后关闭资源，防止浪费资源。再控制层建立一个数组，将文件夹下的图片名称以数组获取出来，使用随机数，随机生成一个数字乘上数组长度，再向下取整，最后转化成整型，随机出的数字就是数组的下标，最后调用工具类的方法完成图片的随机调用。前端代码使用按钮刷新页面就可以实现了。

2023-07-12 15:31:32 66 1

原创 Javaweb与MySQL的交互，实现对数据库增删改查的大致结构解析

项目编写的思路需要明确，类的结构要清楚，好的结构会更有助于我们编写代码以及更清晰我们的思路。

2023-07-11 22:31:11 79

原创【jdbc案例分享】idea对mysql数据库的连接及对数据库的增删改查

jdbc是在学习中更接近项目的一门知识，需要我们学以致用，需要养成良好的编程习惯，好的编程技巧。

2023-07-10 18:25:46 628

原创【案例分享】JavaScript投票排序案例和vue表格案例

首先做好基本框架，把页面整体分为两个div盒子，上面写出投票排行的状元榜眼和探花，下面盒子模型写让投票人的照片和投票按钮。父元素流式布局flex，子元素相对定位，每个子元素都是相对于自身定位，把每个图片均匀分布。在html区的排行区域随便插入三张图片和名字，在投票区域插入第一张图片，方便在后面循环输出。在script编写区域设置一个数组，把name设置为图片的地址位置，num设置记录成点击按钮的次数，编写函数循环遍历数组的数据，然后输出每一个投票区的图片和名字。

2023-07-08 10:44:11 317 1

原创【案例分享】：挡板接小球案例和图片移动归位案例。

思路：首先设计出游戏的基本图样，一个游戏区域，然后写出一个小球和一个挡板。首先要计算好挡板的位置和球的位置，以页面左上角为坐标原点，高度是y轴，水平是x轴。球跟挡板碰撞时的圆心跟挡板的距离。然后写出小球从游戏区域的中心向上随机点着落，然后通过镜面反射弹射继续移动，可以以单位时间沿着y轴向上运动，算出x和y之间的弧度关系，上下碰撞为沿y轴的位移取反，左右碰撞为沿x轴的位移取反，最后将坐标作用在实际定位上。使用switch语句来控制图片的移动坐标，再写出六个调用函数，来绑定点击事件，使每个函数对应一个图片。

2023-07-06 22:30:00 131 1

m0_73575951的博客