黑马点评中解决附近餐厅前端不显示的问题

最新推荐文章于 2025-12-17 19:02:04 发布

原创最新推荐文章于 2025-12-17 19:02:04 发布 · 194 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#java

用postman发请求过去, 发现是可以正常响应数据的, 但是直到查看controller层才发现问题

return Result.ok(shopService.queryOfType(typeId, current,x, y));

我返回了两次Result, 形成了两个Result嵌套, 这能刷出来就有鬼了

>检讨: 解决不出来就死扣, 感情用事. 情绪上头就应该立刻脱离, 冷静再看. 严格遵守时间规定.

写前端代码出这种非常简单的错误, 导致后期修改麻烦.

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

manbain

关注关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

黑马点评redis改 part 6

E___V___E的博客

04-27

712

GEO就是Geolocation的简写形式，代表地理坐标。Redis在3.2版本中加入了对GEO的支持，允许存储地理坐标信息，帮助我们根据经纬度来检索数据。常见的命令有：GEOADD：添加一个地理空间信息，包含：经度（longitude）、纬度（latitude）、值（member）GEODIST：计算指定的两个点之间的距离并返回GEOHASH：将指定member的坐标转为hash字符串形式并返回哈希降维：先将经纬度坐标值转换成二进制的数字，然后再利用特殊的编码转换成对应的字符串[1.转换成字符串

黑马点评详细总结（问题 + 踩坑点 + 解决思路）

06-15

在"黑马点评详细总结"这个项目中，我们关注的是一个类似大众点评的平台，它大量使用了Redis这一内存数据存储系统。...对于初学者来说，这是一个很好的学习资源，可以深入理解实际项目中的一些常见问题和解决策略。

参与评论您还未登录，请先登录后发表或查看评论

黑马点评前端加载不全

YMYDY的博客

06-28

244

后来想起来了，之前给nginx配置了负载均衡，他把两个请求分配给了8081和8082，把配置的换回去就好了，或者是每次都启动两个进程，这就解决了。跟着黑马走到一半突然发现，前端页面每次只加载一半，再怎么刷新也是这样，

黑马点评查看探店笔记时店铺不显示(店铺不存在)的解决办法(个人研究、详细图解)

2301_80558092的博客

07-26

1373

先是互斥锁可以将店铺信息缓存到redis -> 然后是通过saveShop2Redis给原本的缓存数据封装上逻辑过期时间(在测试类中执行) -> 在就是把逻辑过期的代码换回来

黑马点评-07缓存击穿问题(热点key失效)及解决方案,使用互斥锁或设置逻辑过期时间

欢迎阅读我的博客

10-10

1558

黑马点评-07缓存击穿问题(热点key失效)及解决方案,互斥锁和设置逻辑过期时间

黑马点评part2 -- 商户查询缓存

ros275229的博客

04-05

2432

黑马点评part2 -- 商户查询缓存

《黑马点评》Redis高并发项目实战笔记【完结】P1~P72

热门推荐

RuanFun的博客

04-10

3万+

《黑马点评》Redis高并发项目实战笔记（上）涉及秒杀场景、MQ异步、缓存雪崩穿透击穿等内容。

Redis 实战篇 ——《黑马点评》（上）

猿来是你

12-28

1610

Redis——实战【上】篇记录了我在学习 Redis 实战篇中的详细的学习笔记，内容是视频中对应实现短信登录、商户查询缓存两部分的内容，其内还详细记录了关于缓存会出现的问题——缓存穿透、缓存雪崩、缓存击穿。希望能够帮助到大家学习了解 Redis 的相关知识

Java项目——黑马点评(达人探店)

做一个善良的人，做好自己的事，如果愿意，再发一份光。

03-26

595

注意这里的图片是从前端上传的，保存在本地的nginx相关文件夹里面。

精选资源

黑马点评-完整代码资源

12-15

【描述】"黑马点评-完整代码资源"描述简洁，暗示了这是一个与黑马程序员平台相关的一系列代码实例，可能涵盖了课程中的实战项目、练习题解以及可能的课后作业。这个资源包对于那些希望通过动手实践来提升编程技能的...

精选资源

基于Java的黑马点评项目设计源码

05-23

黑马点评是一个基于Java开发的点评项目，包含83个文件，其中包括74个Java...该项目基于b站黑马点评项目，额外添加了一些功能，为用户提供了一个全面的点评解决方案，支持多平台浏览，具备良好的用户体验和实用性。

基于Java和Lua的黑马点评平台设计源码分享

10-03

通过分析和学习这个项目，开发者不仅能够掌握Java和Lua的实战应用，还能深入理解点评类应用的架构设计和开发流程，这对于提升自身的技术水平和解决实际问题都大有裨益。 “基于Java和Lua的黑马点评平台设计源码分享...

精选资源

基于Java的黑马点评系统设计源码

06-07

本项目为“基于Java的黑马点评系统设计源码”，包含81个文件，其中包括73个Java源文件、2个XML配置文件、2个Lua脚本文件、1个Gitignore忽略配置文件、1个YAML配置文件、1个SQL数据库文件以及1个Markdown文档。...

车载系统应用开发集成系统API

yangyulong0622的博客

12-16

197

车载开发中，为了快速迭代常将系统应用剥离为普通应用开发，但调用系统API时反射效率低。解决方法是通过集成framework.jar，但会遇到编译报错问题。通用方案是在gradle中配置bootstrapClasspath引入jar包。当使用高版本JDK时，必须强制指定模块使用JDK8并关闭lint检查才能生效。关键步骤：先加载jar包到工程，再设置模块JDK版本为1.8。

命令执行漏洞 (RCE) 渗透测试实战指南

weixin_45631123的博客

12-15

323

Burp Suite 或 OWASP ZAP 抓包工具、授权测试环境。：Burp Collaborator 或公网DNS服务器。：Java Web应用，可注入Java代码。：安装ysoserial工具、Java环境。：安装Commix、Python3环境。：识别表单输入点（如登录框）：无回显但命令执行成功时。：确认RCE漏洞存在。

JAVA设计模式之观察者模式

最新发布

pingguocu3的博客

12-17

285

在我们开发的过程中，经常会遇到一些当什么什么事情发生的时候，然后做什么什么事。比如某种商品的物价上涨时会导致部分商家高兴，而消费者伤心。平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。著作权归作者所有,转载或内容合作请联系作者。

【信创】中间件对比

zkw54334的博客

12-17

1181

中间件并非“是否替换”的问题，而是**“如何在稳定、成本、可控之间取得最优解”**。在信创背景下，国产中间件已从“可用”迈向“好用”，未来的关键在于规模化落地、生态成熟与工程经验积累。

LinkedHashMap：有序HashMap

weixin_43076660的博客

12-15

776

LinkedHashMap是HashMap的子类，通过双向链表维护元素顺序，支持插入顺序和访问顺序两种模式。其核心结构是哈希表+双向链表，节点类扩展了前驱和后继指针。默认按插入顺序维护链表，设置accessOrder=true可改为访问顺序，适合实现LRU缓存。重写removeEldestEntry方法可自动移除最老元素，get/put操作会触发链表调整。LinkedHashMap通过回调方法（afterNodeAccess/Insertion/Removal）在哈希表操作时同步维护链表顺序，既保留Hash

黑马点评店铺前端不显示

03-22

### 黑马点评店铺前端不显示的解决方案在黑马点评项目的开发过程中，如果遇到店铺信息无法正常展示的情况，通常可能是由于前后端数据交互异常、Vue组件配置错误或其他技术细节未处理妥当所致。以下是针对该问题的具体分析与解决办法。 #### 1. 数据返回格式验证确保后端 `queryById` 方法返回的数据结构符合前端 Vue 组件的要求。例如，在上述代码片段中，后端通过 `Result.ok(shop)` 返回商户信息[^1]。然而，如果返回的对象不符合预期（如缺少某些字段），可能会导致前端解析失败从而引发警告或错误。因此需要确认： - 后端返回对象是否包含完整的属性。 - 属性名称大小写以及命名方式需严格匹配前端定义。 ```java @Override public Result queryById(Long id) { Shop shop = queryWithMutex(id); if (shop == null) { return Result.fail("店铺不存在！！"); } // 确保返回的是一个标准 JSON 对象 Map<String, Object> resultMap = new HashMap<>(); resultMap.put("id", shop.getId()); resultMap.put("name", shop.getName()); resultMap.put("address", shop.getAddress()); return Result.ok(resultMap); } ``` #### 2. Vue 数据初始化函数修正从前端报错 `[Vue warn]: data functions should return an object:` 可知，Vue 实例中的 `data()` 函数可能存在问题[^2]。具体表现为它未能正确返回一个 JavaScript 对象实例。修改如下： ```javascript export default { name: 'ShopDetail', data() { // 确保此处始终返回一个新的对象实例 return { shopInfo: {} // 初始化为空对象而非其他类型变量 }; }, created() { this.fetchData(); }, methods: { fetchData() { const id = this.$route.params.id; // 获取路由参数中的ID axios.get(`/api/shop/${id}`) .then(response => { this.shopInfo = response.data.result; }) .catch(error => { console.error('获取商铺详情失败', error); }); } } }; ``` 这里强调两点： - **`data()` 必须是一个函数** 并且每次调用都应创建独立的新对象实例。 - 调整 API 请求路径 `/api/shop/:id` 来适配实际部署环境下的服务地址。 #### 3. 页面渲染逻辑优化假设存在部分条件分支下未加载任何 DOM 结构，则可能导致空白界面现象。为此可以在模板文件 `<template>` 中加入占位符或者等待指示器来提升用户体验。示例调整后的 HTML 片段如下所示： ```html <template> <div class="container">  <div v-if="!Object.keys(shopInfo).length">正在加载...</div>  <div v-else> <h1>{{ shopInfo.name }}</h1> <p>地址：{{ shopInfo.address }}</p> </div> </div> </template> ``` 此改动不仅解决了因异步请求延迟造成的短暂无内容情况，还增强了应用健壮性和友好度。 --- ### 总结综上所述，要彻底修复黑马点评项目中店铺前端不显示的问题，可以从以下几个方面入手： 1. 验证后端接口响应体是否满足前端需求； 2. 修改 Vue 的 `data()` 定义形式使其遵循框架规范； 3. 改善视图层展现机制以应对动态更新场景。以上措施能够有效减少潜在隐患并提高整体稳定性。