yrldjsbk-CSDN博客

原创 vue3前端开发-小兔鲜项目-路由缓存的更新解决办法

默认情况下，如果我们不想办法解决这个问题，vue3框架有个默认的约定，那就是，当仅仅是路由参数发生变化的时候，框架并不会更新整个模块的内容。但是我们现在需要看见的是，路由参数变化后，要刷新整个模块内的数据信息。为此，有两种解决思路。如图所示，代码参数里面，有一个默认值（不赋值的情况下，就是调用的那个默认值，）。这个参数就是官方框架自带的，一个对象，它里面有那个路径的参数id。这样就可以确保，初始化操作，和后期的修改操作，都能渲染更新框架内的数据信息了。我们对应的也需要稍微的修改一下，之前的函数了。

2024-07-22 10:37:38 125

原创 vue3前端开发-小兔鲜项目-一级页面产品列表渲染

第二件事，提前准备好模板的代码。未来其他页面还会再次用到他的，因此，单独拎出来，做成一个独立的模块，极大的提升了开发效率。第一个是给导航栏增加一个动态标记的属性。第二件事是渲染一下一级页面内产品列表。如图所示，有一个属性，是官方提供的，我们只需要调用这个属性就行了。vue3前端开发-小兔鲜项目-一级页面产品列表渲染！如图所示，从远程业务接口调用的数据渲染成功了。第一件事，很简单，路由器插件，自带了这种属性。把自己写好的样式，赋值一下就行了。这个就是本次一级页面渲染列表使用的代码。

2024-07-22 10:11:13 30

原创 vue3前端开发-小兔鲜项目-一级页面banner图渲染

其实，首页的banner渲染代码可以拿来复用的，只是区别在于，传递的接口参数不一样而已。我们的一级页面就可以成功拿到了后端接口反馈过来的一级栏目的banner图信息了。我们增加了一个参数对象params.而且做好了默认值的设置。（用的是一种解构赋值的模式）1：改造一下之前的获取banner的接口调用函数，增加一个参数对象。2：把之前HomeBanner.vue里面的代码，拿过来，在template里面新增banner的渲染模块内容。写好默认的值1.（不赋值的情况下，就是这个默认值1）3：修改完善页面内容。

2024-07-19 16:03:43 331

原创 vue3前端开发-小兔鲜项目-面包屑导航的渲染

代码里可以看见，我们这个自定义函数，是带参数的。id参数，是一级栏目的id。它可以从路由参数对象useRoute的实体类对象中获取到。vue3前端开发-小兔鲜项目-面包屑导航的渲染！今天来完成，一级分类页面顶部，面包屑导航的渲染。如图，从首页顶部导航点击一级分类，就进入了一级分类页面，面包屑导航跟着也刷新了。如图，我们拿到了来自业务接口返回的数据对象。里面包含了我们需要的数据信息。1：完善好一级页面内的基础模块代码。而且我们确实拿到了详细的数据。2：准备好接口调用的代码。

2024-07-19 15:26:34 185

原创 vue3前端开发-小兔鲜项目-一级分类的路由设置

如图，在视图里面，下面，有category文件夹，里面我们已经创建好了一个简单的模板，index.vue，这是一个根组件，未来，这里面还会有很多子组件（展示各种不同的信息，不同的信息，有对应各自的子组件来完成承载。之前的代码，我们没有做一级分类的路由设置，所以点击是默认停留在原始页面了，不会发生跳转。如图所示，这个也得改成动态渲染的，这样就可以实现参数id渲染进入路径了。如图，一定要记住，动态渲染，前面少不了那个：冒号，别忘了。3：然后，我们去修改一下，图层模板组件内的情况。

2024-07-19 11:23:26 242

原创 vue3前端开发-小兔鲜项目-封装一下产品展示模块组件

vue3前端开发-小兔鲜项目-封装一下产品展示模块组件！因为这种产品展示信息的模块组件，后面我还会在其他的页面内反复使用到，所以，使用模块化开发的思路，把它单独设计成一个组件，这样可以代码复用。以后在其他的页在遇到这样的业务需求，直接调用组件就行了，里面显示什么内容，我们给他传入一个动态数据对象就行了。2:第二步，修改之前的HomeProduct.vue的子集合渲染列表的内容。如图，我们调用了自己刚刚定义好的一个组件。1：第一步，新增一个组件，名字叫ProductItem.vue。

2024-07-19 11:02:54 399

原创 vue3前端开发-小兔鲜项目-首页产品列表渲染

vue3前端开发-小兔鲜项目-首页产品列表渲染！主要是在首页面，渲染出来产品列表，都是一些现成的业务数据接口调用，我们还是仿造之前的列表渲染的思路去操作即可。大家可以自己在浏览器的开发者模式下，自己监控图片加载情况，看看是不是成功了。原始的代码是，：src。我们改成了自己定义好的图片懒加载标签了。这样就会动态加载内容了。唯一需要注意的地方是，这里面，有嵌套的列表（子集合遍历即可）。我们已经完成了懒加载图片的内容。如图所示，确实是记载渲染成功了内容。第二步：准备好接口调用的内容。

2024-07-19 10:44:13 293

原创 vue3前端开发-小兔鲜项目-热门品牌推荐栏目

vue3前端开发-小兔鲜项目-热门品牌推荐栏目！这一期内容，大家一定要认真的看完。因为，黑马官方教程视频里面老师没有讲这个，但是内容其实不难。只是按照之前的流程操作就行了。我把自己写好的代码分享给大家。在首页面的里面调用这个热门品牌的模块组件。css样式我自己定义了一下，大家可以根据个人习惯，自己定义css内容。第一步：写好模板文件，HomeBran.vue的基础内容。这个是home.js文件中，需要增加的接口调用的内容。如图，调用接口渲染出来的数据，是默认是10条数据。第二步：准备好各种调用接口的资料。

2024-07-18 17:51:57 480

原创 vue3前端开发-小兔鲜项目-图片懒加载的自定义标签

很多大型网站，因为首页面渲染的内容太多了，然而有些用户，可能在顶部就发现了自己感兴趣的内容，直接就点击跳转去了其他页面，因此，完全没有必要完全加载所有的页面内容，使用懒加载，可以俭省节约一些服务器的资源调用。当浏览器的页面视图进入浏览区域内，就会加载绑定我们的接口调用绑定过来的资源信息，给img标签做图片渲染操作。解释一下，意思就是，这个指令将来会绑定到img标签里面，作为一个动态渲染图片内容的作用。此时，页面缓慢的向下拖动滚动条，当人气推荐栏目露头的时候，就会马上渲染加载图片。如图，加载了这四张图片。

2024-07-18 16:44:34 425

原创 vue3前端开发-小兔鲜项目-人气推荐栏目的前端渲染

除了必要的import导入之外，剩余的就是直接调用了，赋值了。经历过上一次的，新鲜好物的栏目渲染之后，我们已经熟练了，vue3的接口调用，数据渲染到页面中的整体流程。如图，我们已经做好了，列表的渲染赋值。里面可以看见，顶部是脚本，中间是模板，底部是样式。在首页面，内容里面，会看见很多内容，上期内容我们已经完成了新鲜好物的渲染操作。1：打开接口文档，查询：人气推荐栏目的接口地址信息和参数，返回值对象信息等。以上内容就是，已经写好的，HomeHot的模板代码了。如图，地址信息和调用的方式已经清楚了。

2024-07-18 15:48:23 529

原创 vue3前端开发-如何让自己的网站适合SEO排名规则

我们大家都知道，原始出生的vue3项目，原始代码层面，是没有meta标签的，也就是说，不适合SEO排名规则。SEO排名规则，蜘蛛爬虫抓取网站页面的内容，就会把这种meta标签内容进行采集，匹配。但是，这个技术要求大家还是应该知道的。黑马教育，课程，前端课程案例项目：小兔鲜儿超市，vue3前端项目案例。想学习vue3前端开发，拿来练习，实战的朋友们，值得一看哦。这个代码，就是我自己手工录入的。录入后，再次在浏览器界面刷新请求服务器。返回的代码模块就可以看见了。自己刚刚手工录入的meta信息出现了。

2024-07-17 15:32:14 240

原创 vue3前端开发-执行npm run dev提示报错怎么解决

但是当我执行npm run dev想启动它时报错了说，找不到dev。如图，我使用vscode打开了这个项目，但是我进入了路径不对，我第一次进入了路径是外层目录，我并无进入真正的项目内部。旧版本vue2底层使用的是webpack脚手架搭建的项目，启动命令是:npm run serve。实际上，不必惊慌，这是因为我自己的项目存档路径，进行了一次嵌套操作，所以引起的故障。vue3技术，是使用的vite作为底层的脚手架来搭建项目的，因此，使用该脚手架搭建的项目，启动命令也变成了：npm run dev。

2024-07-17 15:16:43 614

原创安卓开发app-基础的java项目构建补充知识

上一次分享了基础的项目构建，但是还遗漏了一些基础的内容。里面有一个路径地址信息。改成自己本地下载好的。（因为你下载好了，直接用起来效率高，不然它一直去下载，太慢了。等提示：build success。它会去加载下载一些基础的插件包。刚刚的哪些东西参数配置完毕之后，再次点击该图标。我自己本地下载好的，是8.6-all.zip。下面地址是，阿里云gradle的入口地址。首先，是关于项目的一些配置文件的信息。如图所示，这里2个位子啊记住了。把它植入刚刚那个配置文件内。

2024-06-27 15:54:39 299

原创安卓app开发-基础-本地环境安装android studio且配置参数

下面那个jdk,我还是建议大家使用android studio自带的jbr（它里面就是开发环境需要的jdk）.你安装完毕，它就已经存在了。今天为大家介绍一下，如何在自己本地电脑安装android ,studio和启动一个简单的java版本的项目。如图所示，我的本地电脑，jbr信息内容，可以看见里面确实是有java编译器的一些必备内容。你可以开始创建，项目，但是你缺少一个虚拟机（模拟手机端等设备）来调试自己的项目。可以勾选自己的语言，你会kotlin，就使用kotlin，不会就勾选java。

2024-06-27 15:43:55 626

原创 Sytem.getenv的作用和意义介绍

在实际的项目开发中，我们经常需要获取一些系统自身的环境变量，为此，java官方提供的这个系统环境变量，自带了一个方法，就可以直接拿到系统的环境变量值了。其中最主要的一句话就是，System.getProperty()该方法仅限于java平台。因此，如果你是其他的开发平台，可能需要您使用System.getenv()。如图，在控制台打印出来了，我的系统配置号的环境变量，大家可以改变参数的名字，就可以拿到对应的环境变量。方便大家对这两个方法的差异有一个大致的了解。这个的确是我本地硬盘下面的jdk的文件夹。

2024-05-29 15:58:18 204

原创 springboot项目组合定时器schedule注解实现定时任务

schedule注解是比较简单方便的，可以实现解决实际开发需求中，大部分的定时任务需求！创建好springboot项目后，需要在启动类上增加注解开启定时器任务。springboot项目组合定时器schedule注解实现定时任务！为了便于直观的观察定时器的执行情况。你可以把前面三个方法的注释放开。下一次分享的是专业化很强的定时插件Quartz。如图所示，这个定时器数值解的方法确实正常执行。定时器组件内，我把前三那三个方法给注释掉了。这个我是写了一个简单的，组件。增加这个注解，启动项目，

2024-05-01 17:29:44 446 1

原创 spingMVC一个controller最多可以同时响应多少请求

总的来说，Spring MVC本身不限制并发请求的数量，这取决于你的服务器配置和你如何设计你的控制器。但是，如果你的问题是想知道Spring MVC控制器处理请求的最大线程数，这通常取决于你的应用服务器配置，例如Tomcat的connector配置。如果要限制并发请求的数量，可以使用 Hystrix 或者 resilience4j 这样的库来实现断路器模式，或者通过自定义线程池来控制。如果你的应用使用的是不同的Servlet容器，设置方式可能会有所不同。例如，在Tomcat中，可以通过修改。

2024-05-01 16:26:37 746 2

原创 springboot+websocket开发简单的在线群聊聊天web版本

下面是一个简单的demo。分享给大家，亲测可以使用的。3：再次是关于处理响应信息的控制器和配置类文件，以及封装消息的实体类。2：其次是，关于springboot项目的pom.xml依赖项配置。代码都是我手工录入的，很累。我使用的是搜狗浏览器一个！微软的Edge浏览器一个！1：首先是一个chat.html页面。因为是简单的demo。所以传递的消息内容很简单。如图，里面就2个简单的文件，一个app.js。这个图片是来自微软浏览器的截图。一个简单的静态页面。

2024-04-30 17:59:57 319 1

原创哪位大神可以指点一下:cors跨域细粒度设置不起作用啊

哪位大神可以指点一下:cors跨域细粒度设置不起作用啊！哪个大神可以指导一下呢。这种情况，是什么原因引起的？实际上，我后端控制器方法已经加好了注解了。静态页面，2个按钮。

2024-04-29 15:20:16 84

原创 jpa分页插件对象Pageable出现了错误异常如何解决？

因为，你要么提前判断好，数据表内到底有多少条数据。考虑要不要进行提示用户，信息已经展示完毕了。一般来说，遇到这种的错误异常情况，通常情况下，都是因为程序员把传递的分页页码数字写错了。后端代码里面会根据前端反馈的page数字进行匹配判断，到底该如何操作。因此，把前端index.html内部设计的page数字改成0即可。设计一个错误提示页面。在里面告知用户，信息内容已经展示完毕了。其实，这种情况，可以解决错误异常，但是还是无法根治错误。正常情况下，分页页码起始数字应该是0；

2024-04-24 15:19:13 299

原创 centos7服务器系统如何安装宋体字文件

最近开发的积德寺app,菩提佛堂祈福平台网站发布后，由于服务器之前遇到了攻击，数据丢失了，重新安装了一遍系统centos7.发现客户的功德证书创建后，字体乱码了。很明显是缺少了宋体字。为此，我记录一下，如何给centos系统安装宋体字。因为我的java代码里面明确声明，需要使用宋体字来完成图片的合成。1：第一步，你可以在windows系统内，找到宋体字的代码文件。如图，这个路径信息，就是我们刚刚存档宋体字的路径文件啊！打开这个配置文件信息，在里面追加一条路径信息。上传到centos系统内的某一个路径下面。

2024-04-24 15:05:52 549

原创前端开发避坑-form表单action和submit提交与ajax异步提交冲突引起的故障解决

近期在开发网站前端的时候，始终出现2次请求。发现，根源是因为，我的form表单里增加了一个action。虽然里面是空的，但是依然会在点击submit格式的按钮时，触发一次请求。非常怪异，实际上，大家去掉form表单内的action，改一下submit,改成button模式，就可以恢复正常了。如图所示，这个就是，我修改后的代码，里面button，之前是submit.form的内容页删掉了action.前端开发避坑-form表单action和submit提交与ajax异步提交冲突引起的故障解决！

2024-03-28 11:54:24 511

原创 springboot网站开发如何配置log4j日志插件

为了便于服务器等环境下的错误情况的排查根源，还是很有必要使用日志插件的，它可以记录下我们提前埋下的锚点信息。如图，我写了一个简单的测试类。里面调用了logger对象，的一些基础方法，它会在对应的存储文件下面输入我们预先设置好的信息。这个就是我预先设置好的记录信息。比如上一次，我跟踪排查服务器图片无法正常创建就是在图片生成工具类里面埋下了很多锚点信息。有了这个案例，你就可以在任何你想埋下锚点记录信息的实体类里面去使用它了。在遇到故障的时候，查看这些锚点记录的日志信息，可以快速高效的解决服务器遇到的故障。

2024-03-21 15:05:37 718

原创 springboot网站开发-诡异的static/images读取故障

我在本地环境测试代码，一切正常。可以读取到该路径下的图片模板，正常生成图片存储在本地D盘下面的文件夹。打包发布后，死活读取不到图片模板。4天的时间，经过反复的观察日志文件。发现问题根源不在于字体，也不在于权限大小。本次解决问题的心得体会是：大家遇到了服务器故障，一定要多查看日志记录。这样以来，让代码直接去服务器文件夹内读取它试试看。如图，顺利实现了图片的创建任务。反馈给了前端浏览器一张证书图片。那么，我干脆直接一点，直接把图片模板存入服务器文件夹下面了。声明：前提是你已经提前在代码里做好了捕捉和记录。

2024-03-21 14:49:30 308

原创 springboot网站开发解决图片存储问题,前端无法访问解决办法

最近使用springboot开发网站的时候，遇到了一个图片存储问题，我之前的方法是，把证书图片存在项目的static目录下面，这样的话，打包发布到远程服务器后，虽然可以正常展示已经打包封装好的内容，但是如果新产生的图片则是不行的！为此，我在网上搜了一下，换成另外的存储位置，采用路径映射的方式，解决了这个难题。读取配置文件的路径信息，通过一个registry的调用方法，完成了虚拟路径和实体路径的映射关系。如图，证书的存储物理路径，就是本地硬盘的某一个文件夹。如图，代码里加了注释，大家自己看就能看懂了。

2024-03-21 09:55:40 294

原创 springboot网站开发-本地图片正常-linux服务器报错500解决办法

在本地测试一切正常，发布到远程服务器后，就报错了，500.经过仔细的分析，得出结论，是远程服务器linux对应的jar文件，安全级别限制住了。所以改成777高级的权限后，就可以正常了。题外话：之前我想猜测可能是，因为linux服务器缺少图片生成所需要的字体（宋体），我已经提前安装好了宋体。还是报错500.今天早上继续深入分析，发现还是文件权限低，造成的。这个就是正常执行后，（图片已经完成了生成+存储。返回给客户看见的前端结果页面。之前一直无法显示这个页面，服务器会返回一个500的错误代码。

2024-03-20 10:35:54 250

原创 springboot网站开发-idea开发环境下无法开启调试Debug模式

近期在写后端代码的时候，发现，无法开启调试模式。网上查询了一下资料，发现需要做如下修改即可开启调试模式。springboot网站开发-idea开发环境下无法开启调试Debug模式的解决办法。如图所示，把里面的选项，都放弃勾选。然后就可以开启你调试模式了。记得提前打好断点哦。一步一步调试就可以看见你想要的调试效果了。

2024-02-27 17:41:37 659

原创 springboot+vue网站开发-后端管理框架-vue-admin-template

链接：https://pan.baidu.com/s/15LJ2MoSWToFGFp28VaxBeQ?为了方便国内用户下载，我把自己的百度网盘分享给大家一份地址，可以去下载。它预设了很多模块，你拿去修改就行了。然后就是，进入项目文件夹内，使用安装命令，把基础的依赖包安装好。使用上网盒子软件后，下载很快的，几秒钟就下载到当前文件下了。如果你有上网盒子软件，那就自己去下载，很小。如图所示，进入后台了。写的很清楚，都是本身框架自带的，一些参数和值。如果你是想使用git命令下载，使用方法简单。

2024-02-27 15:42:38 694

原创 swagger-ui.html报错404,解决办法

swagger-ui.html报错404,解决办法！现在后端开发项目中，为了节省时间，使用swagger插件，可以方便的快捷生成接口文档。在springboot项目中，你可以在2个地方启动swagger插件。一个是在主启动类上加注解。一个是使用swagger配置类。2个都同时配置了，也没事。不影响代码正常执行。打开你的swagger。在里面添加如下内容。这样，就可以让你的swagger正常启动起来了。那是因为你的配置类里面缺少配置信息。如图，我的主启动类加上了这个注解。，重写它里面的一个方法。

2024-02-27 15:06:28 1536

原创 springboot+vue网站开发-渲染前端列表页面-缩略图信息

这是第一篇，先给大家展示的是，基础的代码封装，vue前端网站模块的代码展示。说明调用成功了，页面没有展示信息，是因为我们后端接口返回了内容是空白的。我们使用到了pinia-存储我们请求过来的数据，它是一个状态管理，取代了之前的旧技术vuex.我们使用了axios封装好了一些基础条件，方便对后端服务器发送业务请求。第一步，我们在src下面新建一个utils文件夹，新建一个http.js。下一次给大家展示后端接口代码，里面会完成上传信息，展示列表的内容。如图，我们引入成功了，开始使用他们。

2024-02-27 12:16:13 527

原创 springboot网站开发-图片上传基础参数配置情况

springboot网站开发-图片上传基础参数配置情况！想使用mutipartFile上传文件。需要做一些基础的参数配置。下面是一些配置参数的情况。其中的servlet下面的mutipart参数配置就是针对上传的参数信息。第一个是，你的全局配置文件里面需要设计好参数。

2024-02-27 09:18:28 446

原创 springboot网站开发-使用MultipartFile上传图片文件到远程服务器

如果你的参数名字和后端业务接口的参数名字一样，不需要这个修饰方法的。昨天上午在准备网站的一些图片，下午在测试图片上传的模块，走了一些弯路，今天和大家分享一下，免得大家再走弯路。首先，要和大家声明一件事，maven（父子嵌套模式的项目），平级项目之间的组件调用，务必要保证，代码的存档路径一致才行，否则就会出现加载失败，提示找不到对象，报错null.核心思想，java上传核心设计，就是把文件用字节流（存档到指定的文件夹内）。如图所示，这种错误，不仅会影响代码本身的执行，甚至会阻碍你开启DEbug模式。

2024-02-27 09:12:01 719

原创 html+css网站开发，如何实现自适应屏幕尺寸大小

以下内容，我们是假设页面内容里仅有文字和图片的情况下，该如何设计，才能让页面尺寸随着设备屏幕尺寸的大小而实时的发生变化。第五："自适应网页设计"的核心，就是CSS3引入的Media Query模块。第三：字体大小是页面默认大小的100%，即16像素，不要使用绝对大小"px"，要使用相对大小“rem”第四：容器的布局模式，采取流动布局，"流动布局"的含义是，各个区块的位置都是浮动的，不是固定不变的。通过以上，对整体文字，图片，尺寸的设计改进，您的页面就可以实现自适应屏幕大小了。用户不具备修改缩放比例的权限。

2024-02-24 13:49:30 2033

原创 springboot+vue网站开发02-前端页面的渲染代码展示

里面写了2个组件，分别对应，导航组件，新闻列表组件，右侧热点新闻组件。三个组件，给它起了一个别名：映射。axios里面，关于服务器基础地址baseURL.我之前学习时犯了错，这个必须严格按照官方要求写好，大小写字母不允许自己乱改，只能是这个样子的。如图，我们查看了package.json内容，里面告诉我们，该前端项目，调用了哪些插件。在header头部组件内，有我们想要的导航栏信息，使用了是elementUI的标签。到此为止，我们就已经完成了前端页面请求后端接口，渲染前端页面分类导航栏信息的目的了。

2024-02-23 16:44:23 489

原创 springboot网站开发0201-使用MybatisPlus查询数据库信息返回前端渲染

场景模拟之二：如果我们不关心当前新闻分类下面是否有没有新闻稿件，那就简单多了，直接干脆一点，直接查询分类表信息，返回就行了。控制器代码非常简单。首先，我们需要清楚，本次业务需求是，查询新闻分类表的内容，把所有新闻分类信息，返回给前端渲染使用。如图，我们可以看见，前端页面新闻分类列表其实仅需要2个属性值，一个是分类的名字，一个是分类的id.返回了一个Set集合，不允许有重复的情况，Set集合里面的元素属性是，不可以重复，且无序。如图代码，我们第一步，就是去查询文章表，状态为已发布（正常显示）的新闻集合，

2024-02-23 16:08:12 909

原创 springboot网站开发02-接入持久层框架mybatisPlus

达到我们想要的效果。）后面的Tempalte模块勾选，我们不选controller(控制器）,控制器我们在前端项目里自己写的，我们只需要EasyCode插件帮助我们写好基础的东西就行了，比如持久层，业务层，实体类。这个是分开设计的思想，entity里面写的实体类，是对应数据库内数据表的，但是实际传递给页面前端渲染的数据，经常会遇到（个别属性值的传递）。为了节省时间，提升效率，我们使用了一个插件EasyCode.它可以帮助我们自动把数据表，映射为项目内的实体类，包括业务层，持久层，都会自动创建好的。

2024-02-23 15:37:45 991

原创 springboot网站开发01-如何搭建Maven类型父子嵌套结构项目

众所周知，实际上，在真正的公司项目开发中为了让代码实现更多的复用，提升项目的开发效率，节省开发的成本（人力成本较高，代码可以尽量复用），很多都会采取父子嵌套的结构搭建Maven项目。如图，这个内容就是后端模块（blog-admin）的pom.xml信息，和前端模块（hnseo321-blog）的配置信息基本上是一样的，都带有一个parent标签（声明自己隶属于谁），都有一个依赖项（告诉springboot框架，我需要依赖于哪个子模块的代码信息。里面的重点是：你只需要配置好你的子模块（子项目）的名字即可。

2024-02-23 10:53:09 825 1

java+微信小程序开发+ssm+uniapp开发简单案例

空空如也