尚硅谷_谷粒学苑-微服务+全栈在线教育实战项目

月亮和西多士:
部分勘误：P168中的npm install vue-awesome-swiper下载的是最新4.x版本，这个版本两个月之前突然冒出来的，视频中用的是3.1.3版本，已下载各位去package.json文件中把对应的组件修改为^3.1.3版本，重新npm install就行，没下载的可以直接npm install vue-awesome-swiper@3.1.3下载

止战止语:
P68方案1，这里卡了1小时，使用的是npm7.21.0版本-这个解决方案是使用老师安装好的版本vue-element-admin-master。如果想看自己安装依赖的话 这边小结一下： 1. 需要使用cnpm，可以看成的npm升级版:cnpm安装命令：npm install cnpm -g 2. 本来是打算自己下载依赖的，结果发现下载不了，转成使用现成的vue-element-admin-master，也就是视频中的1010项目。 3. 这个项目和npm7版本可能有冲突，因为我这里启动的时候发现找不到命令，解决办法是删除node_modules文件夹，使用`cnpm install`重新安装. 具体步骤： 1. 导入下载好依赖的步骤 2. 安装cnpm ：`npm install cnpm -g` 3. 安装 node-sass： `cnpm install node-sass` 4. 继续安装 : `cnpm i node-sass -D` 5. 删除node_modules文件夹 6. 根据package.json重新安装依赖：`cnpm install` 7. 启动项目：`npm run dev` 结语：测试的时候发现安装 node-sass自动生成node_modules文件夹，后面被我删掉了，可能是改了什么配置，没有发现，如果有大佬能解答就好了。如果这个方案不行看看第二个方案，也有可能我们配置不一样。我特意删掉了重新测试，是可以的。

【回复】我的方法是:原来node.js下载的官网最新版本的，不要下最新的，去找老师强调的那个v10.14的版本，百度上有人放了下载路径。 如果自己已经下载过了最新版，卸载掉，重新执行v10版本的msi。然后cmd查node -v就是6版本了，这时候去npm install就ok啦[OK][OK]
蓝蓝的盛夏:
权限管理模块遇到问题可以问我,我都解决了! 通过配置权限可以实现动态路由显示了 前端用户分配角色勾选框有bug, 后台getMenu代码有bug 后端的bug不好找,我是全后端联调发现的,原因大概是,非超级管理员(admin)在权限列表中没有加上id为1的"全部数据"

【回复】如果觉得我说的对把我顶上去, 让更多人看见. 还有我要补充一句, elementUI版本过低, 树型表格不能加载需要更新 npm uninstall element-ui -S npm install element-ui -S
【回复】拉下来的代码，运行起来会有这样的bug：新增一个角色，分配权限菜单的时候，不选全部权限，然后给用户安排这个角色进行登录，左侧菜单栏是空白。 跟进了下代码，发现产生原因如下：在PermissionServiceImpl类下面的selectPermissionByUserId方法中（根据用户名动态获取菜单栏）； 如果是GitHub拉下代码的默认admin用户（包含了全部权限），走 selectPermissionList = baseMapper.selectList(null); 这个方法，然后走后面的方法都没问题； 但是如果是新增的普通用户，走的是 selectPermissionList = baseMapper.selectPermissionByUserId(userId);这个方法，查询了部分权限数据，这个部分权限数据，走后面的 PermissionHelper.bulid(selectPermissionList);这个递归，返回的结果是个空数组， 所以修改方法1就是改这个递归，不过我还没搞懂具体逻辑，我的解决方法是：因为上面问题出在PermissionHelper.bulid(selectPermissionList)这个方法中，这个方法递归的出口是： if ("0".equals(treeNode.getPid())) 但是去数据库里面看，发现从页面给角色分配权限后，少了pid=0这条记录。 所以解决方法是：修改PermissionServiceImpl类下面的saveRolePermissionRealtionShipGuli方法（给角色分配菜单）， 在 rolePermissionService.saveBatch(rolePermissionList)这一行前面添加： RolePermission specialPer = new RolePermission(); specialPer.setRoleId(roleId); specialPer.setPermissionId("1"); rolePermissionList.add(specialPer);
【回复】我整理了权限管理模块中bug的解决方法,希望能帮助大家 https://www.qiwu.ga/archives/gulibug
51405479535_bili:
敲完了，项目全部跑通。分享一下源码（包括sql文件），需要的自取。 源码：https://gitee.com/longdada888/online-Education.git 前端：链接：https://pan.baidu.com/s/1Afa1mNMGOaKzRfdrvHDMgA 提取码：aemh 复制这段内容后打开百度网盘手机App，操作更方便哦

【回复】后端接口返回的数据 的key 前后端每次都不一致，前端各种小bug，说你是不是故意坑人的[笑哭][笑哭]
【回复】您好，请教一个问题，SpringSecurity 登录时，前端/admin/acl/login 接口，在后端那个位置？我这边报跨域问题
无尽循环的猜疑链:
笔记整合 链接：https://pan.baidu.com/s/1iwo7l8UB6F6Am-hKRsQ_-w 提取码：0dl0

【回复】回复 @空中鱼儿 :不是我做的，我是把老师的笔记整合到一起方便看，我用Adobe Acrobat打开复制没有序号，不知道其它软件怎么样
【回复】笔记做得真好！复制代码的时候，有办法去掉前面的序号吗？
【回复】回复 @空中鱼儿 :跟你一样，每次复制都有一堆行号，很不方便，写了一个代码用于去掉行号。 链接：https://pan.baidu.com/s/1BhS48ZWQ36fONBntT-AVAg 提取码：1234 复制这段内容后打开百度网盘手机App，操作更方便哦
KID-ZAW:
微信扫码失效的，使用新的，首先将模块启动端口改成8160（一定得是这个，其他的没用），其次将redirect_url 改为：http://localhost:8160/api/ucenter/wx/callback

【回复】谢谢大佬，亲测只改配置文件中 wx.open.redirect_url=http://localhost:8160/api/ucenter/wx/callback 不改服务端口也可以用了。 by 2022.3.21
【回复】不用改端口号，添上localhost：8160就好了
【回复】不行啊 配置文件端口改成 8160 redirect_url 改为：http://localhost:8160/api/ucenter/wx/callback 还是不行
小基督山:
P168报错:ERROR Could not compile template.......swiper\dist\css\swiper.css" 因为我们导入的`import 'swiper/css/swiper.css'`在低版本中有，Swiper 6.0.0或者更高版本就不是这个导入地址了，所以解决方案有两种： 方案一： 导入`import 'swiper/swiper-bundle.css'`， 同时删除`import 'swiper/css/swiper.css'` 方案二： 把安装的vue-awesome-swiper版本回退到低版本，这样就可以保留`import 'swiper/css/swiper.css'`: 指令为: `npm i vue-awesome-swiper@3.1.3 --save` 或者 将package.js里面的dependencies下的"vue-awesome-swiper": "^4.x.x"改为3.1.3,然后npm install 在之后启动还会报一个错: >potentially fixable with the `--fix` option 解决办法: 找到 nuxt.config.js在extend (config, { isDev, isClient }) {}括号内最后面添加options: { fix: true } 也就是:extend (config, { isDev, isClient }) { if (isDev && isClient) { config.module.rules.push({ enforce: 'pre', test: /\.(js|vue)$/, loader: 'eslint-loader', exclude: /(node_modules)/, options: { fix: true } }) } }

【回复】大佬你知道这个问题怎么解决吗 Module build failed (from ./node_modules/babel-loader/lib/index.js): friendly-errors 20:29:38 Error: D:\VSCodeWork\vue-front-1010\.nuxt\client.js: Cannot find module '@babel/preset-env/lib/utils' 也是168p出现的
【回复】回复 @伪电气白兰瓜 :我删了重新引入然后npm install @babel/compat-data 这个就解决了
【回复】回复 @xhyOVO :我也是这个问题 兄弟解决了吗
星云上的奔跑者:
来评价一下，现在学到了第五天，感觉这个老师的逻辑思维能力很强，每一个模块实现都能用步骤给你截图出来。但是不得不说的是老师有很多细节是没有讲到的。我在看这个项目之前，有看了19年的同版本的谷粒学院，但是那个课程是15天的，我看了4天的课程，后来看不下去了，是因为那个老师讲的比较混轮，经常卡顿，但是那个老师有个很好的就是讲的细致，比如说会跟你讲为什么这么写，这个代表的意思是什么，那个老师的前端讲的很好，就是思维混乱连不上。B站这个版本的老师讲的细致度不够，引申也不是很多，但是还是推荐各位看这个版本好些，毕竟逻辑好，能很快上手

【回复】还有这个版本是新的课程应该，在19年的课程里，线下班是学三个项目，第一个是尚筹网，然后是谷粒学院和谷粒商城，每个项目都是15天。但是今年的课程里，尚筹网被剔除了，剩下两个项目每个20天。我建议如果想快找工作先看谷粒学院，尚筹网的整体架构是用SSM做一遍，然后用springboot和springcloud重构一遍，所以springboot和springcloud讲的不是很细致。而且现在大部分公司也不会单纯使用SSM来做，如果以后复习SSM可以做尚筹网，要是想找工作拿得出手就先做谷粒学院这个20天课程的 如果你们做的是15天旧版的谷粒学院，我建议你先做尚筹网，因为去年的课程是这么安排递进的，有些基础在尚筹网讲。但是今年这个课程我觉得你们直接看谷粒学院就可以，因为老师复习了前面很多知识 祝各位早日找到好工作
【回复】最后说一句，感谢尚硅谷公开这些教程，不然对于自学的人来说，真的太难找到一个好的全面的教程了，我已经是忠实的谷粉了 提一句，尚硅谷的SSM讲的特别好，而且SSM的配套课件的质量很高，写的很全面，各位复习可以看看
【回复】回复 @星云上的奔跑者 :太感谢了！就需要这样的评论参考。我转码很快要找工作了，实在没项目在简历上，真是着急
86132816205_bili:
都为了生活在努力。本教程资料资料、源码、笔记、课件下载地址:https://pan.baidu.com/s/1qlbkzc1-AGMcg7k8GMOY7w 提取码k17t

饿不吃菟丝子:
P197出现对象传递错误的 ，guli_ucenter 后面的数据response.data.data.userInfo 再对它进行字符串转化 JSON.stringify(response.data.data.userInfo)进行转换就好了 ，这个bug找了我一天，差点放弃了 。[嫌弃] 兄弟姐妹们可以试试解决

【回复】回复 @饿不吃菟丝子 :兄弟这个问题怎么解决 Unexpected token u in JSON at position 0
【回复】回复 @张平平 :我找到问题了，是老师给的那个工具类里面获取的token字符串会带双引号，所以去那个根据token获取会员ID的方法里面把获取的jwttoken的双引号去掉就行，request.getHeader(“token”).replace(“＼””，“”)这样就行了
段五分:
刚整理完这个项目，想总结一下，总结遇到了哪些问题，这里主要解决最后权限部分的问题。 （1）后台报错Access is denied，在网上搜各种帖子，还是没解决，不得已自己开始调试，发现filter包的TokenAuthenticationFilter文件中，在登录后会根据request.getHeader("token")获取头部信息，去前端拦截器request.js里面发现是config.headers【'X-Token'】 = getToken()，导致了该错误发生。 （2）能登录，但是左边导航条不显示，想了很多办法，先是分析浏览器控制台返回的信息，里面返回了数据库表acl_permission信息（表中数据改成自己的），想看看是不是路劲没写对，又去找到/src/store/modules/permission.js文件，里面是对后台数据进行解析，在页面显示导航，分析了好几遍，最后确认到文件顶部引入这一句：import { constantRouter } from '@/router'，这个constantRouter 就是用来存放路由数据的（path,name等），检查/router/index.js文件中，我使用的是export const constantRouterMap ，导致了显示不了的最终原因，把permission.js里面的所有constantRouter 改成constantRouterMap 就可正常显示，里面的功能全都正常使用!

【回复】P277有个坑，就是我创建角色添加权限，然后创建用户添加角色的时候，页面没有显示，请问有大佬知道怎么解决吗？
【回复】整合完权限管理和角色管理以后，后台前端可以正常运行，但是前台页面全是空白，大佬又遇到这个问题吗
【回复】希望通过我的问题，能够帮助到有同样问题的兄弟们
阿昌喜欢吃黄桃:
用了17天敲完了所有，虽然老师后面两天的权限管理和SpringSecurity很水，大概是之前讲台详细。后面没时间了，整体下来讲的都很棒，很细，可惜的是没听到权限管理的讲解和springSecurity，最后的部署项目也没部署我们这几天敲的项目，用了一个什么鬼的单项目，挺生气的当时，但是还是感谢老师的分享 分享一下小弟这几天的笔记：[微笑] https://blog.csdn.net/qq_43284469/category_10827337.html GitHub代码： https://github.com/qq995931576/guli-online 大佬们有兴趣可以做参考，感谢老师，感谢尚硅谷[鼓掌]

【回复】厉害 我一个月还没敲完
【回复】回复 @红螺丝 :哥们你是自己做的还是照着敲的还是复制粘贴的呀?
Dotclv:
141 依赖爆红 1. 首先要配置mave环境变量 2. 然后去官网下载jar包 http://docs-aliyun.cn-hangzhou.oss.aliyun-inc.com/assets/attach/51992/cn_zh/1600848199952/VODUploadDemo-java-1.4.13.zip?spm=a2c4g.11186623.2.40.235a192b2r0uzF&file=VODUploadDemo-java-1.4.13.zip 3. 解压文件进入lib文件夹执行cmd命令 4. mvn install:install-file -DgroupId=com.aliyun -DartifactId=aliyun-sdk-vod-upload -Dversion=1.4.12 -Dpackaging=jar -Dfile=aliyun-java-vod-upload-1.4.12.jar 5 .修改主pom工程版本号1.4.13 ## 本方法同样适用 私有jar包 野包[微笑]

【回复】mvn命令里面的版本也要改成1.4.13，不然报找不到安装失败
HelloHappy00:
权限整理部分遇到的坑：1、login接口找不到：首先spring-security模块里面的代码要用第18天的，第17天的有问题；其次，在service-acl模块的pom文件中配置build，让项目打包时会将java目录中的*.xml文件也进行打包。2、后台系统的“权限管理”中的“菜单管理”不显示：第一步，npm uninstall element-ui；第二步，npm i element-ui -S即可。

【回复】第18天也不行，难道我拿的是假代码？第18天也没有那个接口
【回复】没有使用getway网关，还是使用的nginx，但是现在使用了spring security，前后端联调出现的问题是，登录的时候不会进入security的TokenLoginFilter 过滤器而是直接进入TokenAuthenticationFilter 过滤器，并且控制台报org.springframework.security.access.AccessDeniedException: Access is denied 问题,怎么解决啊大佬
【回复】回复 @73718445327_bili :这个问题我调试过，在过滤器包里面TokenAuthenticationFilter类，UsernamePasswordAuthenticationToken函数会获取请求头，拿到登录的信息，把里面的"token"改成"X-Token"，前端里面的拦截器就是用的这个字符串放在头里面的，一定要和前端的对应，要不然没办法获取到头信息
绘梨衣__sukura:
后端：https://github.com/PureWhiteo/guli_parent 前台：https://github.com/PureWhiteo/vue-front-1010 后台：https://github.com/PureWhiteo/vue-admin-1010 做了评论功能，gateway网关没有做，用的还是nginx，功能都正常，可供参考，可以根据自己实际需要进行调整，对你有帮助的话，点个star吧

【回复】哥们，为啥我跟你写的一样但是后台登录总是报网络错误
【回复】回复 @全世界最无聊的人本人 :nginx有改吗？有加@CrossOrigin注解吗？
抓住那条鱼ov:
历时两周,项目完结.说下这套视频的优缺点吧.优点:老师前边讲的听细致,每次遇到知识点都会带着复习一遍.缺点:因为老师讲的太详细了,导致后边的视频从权限管理开始崩盘,一笔带过,让人听的云里雾里,最后的项目部署也只是部署了一个demo,而没有部署该项目.向着下一个项目出发[奋斗]

【回复】权限管理这个知识点在尚筹网项目讲的很细，谷粒学院属于尚筹网之后的项目
【回复】那个,我想问一下,为什么我的前台页面经常页面跳转很慢,一直转圈圈
【回复】回复 @小布丁超级帅 :[辣眼睛]我把maven本地仓库删了 项目里面都是找不到类 怎么办
大口吃西瓜瓜瓜:
讲得特别清晰 特别细 真的很好 我爱死尚硅谷了 老师来个么么哒好吗

【回复】这个和谷粒商城应该先看哪个？
【回复】回复 @Eureka-__- :先看这个 这个比商城简单一些
【回复】回复 @山西吴彦祖就是我本人 :这个比商城简单很多 靠这个可以找到工作的 商城是后期提高
夜痕mister:
你们有过mybatis plus 模糊查询name返回空数组的情况吗？只有name是这样 id 创建时间什么的都没问题。

【回复】找到问题了，连接数据库的url后面要跟上useUnicode=true&characterEncoding=UTF-8，这样查询中文名字就可以查询到了，不然返回空数组，而且没报错，可恶心坏了
【回复】回复 @夜痕mister :你这还是吃亏少了[doge]
【回复】这个差点搞死我,幸亏看了你的评论,[笑哭],完美解决
白象牙べ:
P167 nuxt如果遇到 Cannot find module ‘@babel/compat-data/corejs3-shipped-proposals’ 直接输入npm install @babel/compat-data

【回复】P167启动nuxt报这个是啥意思? ERROR 【Vue warn】: Property or method "name" is not defined on the instance but referenced during render.