【黑马程序员】前端开发之Vue项目实战_Element-UI【配套源码+笔记】

作者: 黑马程序员济南中心分类: 职业职场 发布时间: 2021-04-04 09:57:03 浏览:999364 次

【黑马程序员】前端开发之Vue项目实战_Element-UI【配套源码+笔记】

今天也要开心高兴:
mysql数据导入的时候,我用老师给的phpstudy版本导入是没有任何提示和弹窗。db 的文件夹是空的,接口测试也不行,用了一天才找到解决办法: 到官网下载了最新版本phpstudy_por。安装好后启动好mysql。然后去导航栏的数据库,点+号的创建数据库,输入数据库名称mydb以及用户名和密码,点确认会创建新的一栏任务,在操作里点导入,等待一会儿等任务里提示完成,这里直接看这个导入的界面就行,跟老师弹窗提示是不一样的。 然后最重要的一步来了,去老师给的素材里\vue_api_server\config,把default.json里的"user": "root", "password": "root",改成你在phpstudy_por创建数据库的用户名和密码,点保存后去运行一下老师说的node ./app.js。如果不改密码和用户名,postman是接口测试是失败的。

【回复】回复 @小芋feyeW :就是pro里,有个导航栏写着数据库,进去点+号的创建数据库,输入数据库名称mydb以及用户名和密码,点确认会创建新的一栏任务,在操作里点导入老师说的文件,等待一会儿等任务里提示完成,导入完成鸡去老师给的素材里\vue_api_server\config,把default.json里的"user": "root", "password": "root",改成你在phpstudy_por创建数据库的用户名和密码,点保存后去运行一下老师说的node ./app.js。
冰镇生鲜:
踩坑第一天:[奋斗] 1、MySQL导入不成功,node后台跑不起来。 可能是因为MySQL版本较高比如8.x以上。---改5.7版本完美附加,并且执行node app.js命令也无异常。 2、在图形化界面安装less-loader和less后,执行serve跑项目失败。 是因为图形化界面提供的less-loader和less版本过高。---卸载上两个依赖后,在项目文件夹终端执行 npm install less-loader@4.1.0 -D | 以及 npm install less@3.9.0 -D 即可安装正常依赖,完美跑起来项目。

【回复】回复 @黑马程序员济南中心 :想问一下,这数据库文件在哪里下载的?
大熊猫OL:
同学萌看过来,数据库mydb导入问题如下解决 1:导入数据库后mydb为空的问题,原因可能是你的mysql用的存储引擎是myisam,这是默认的,老师的sql文件用的引擎是InnoDB,所以导入不了,解决方案,在phpstudy/MySQL/my.ini,把里面的default-storge-engine=MYISAM,改成INNODB,如果改完启动不了,就把data里面的lib开头的文件都删掉就可以了,然后就可以导入sql文件了 2:把你要导入的数据库sql文件改个路径,比如把文件夹直接拉到桌面然后导入就ojbk了!

【回复】回复 @黑马程序员济南中心 :方法二实测有用
想当艺术家的理工Y:
说一下有些兄弟,导入数据库后mydb为空的问题,原因可能是你的mysql用的存储引擎是myisam,这是默认的,老师的sql文件用的引擎是InnoDB,所以导入不了,解决方案,在phpstudy/MySQL/my.ini,把里面的default-storge-engine=MYISAM,改成INNODB,如果改完启动不了,就把data里面的lib开头的文件都删掉就可以了,然后就可以导入sql文件了。

【回复】我用楼主的方法不行,我后来找了很久,才找到了解决办法。 到官网下载了最新版本phpstudy_por。安装好后启动好mysql。然后去导航栏的数据库,点+号的创建数据库,输入数据库名称mydb以及用户名和密码,点确认会创建新的一栏任务,在操作里点导入,等待一会儿等任务栏里提示完成,这里直接看这个导入的界面就行,跟老师弹窗提示是不一样的。 然后最重要的一步来了,去老师给的素材里\vue_api_server\config,把default.json里的user: root, password: root,改成你在phpstudy_por创建数据库任务栏的用户名和密码,点保存后去运行一下老师说的node ./app.js。如果不改密码和用户名,会报错,postman是接口测试是失败的。
【回复】回复 @懒懒格格 :大佬报错了,求解,这个怎么搞啊? code: 'ER_DBACCESS_DENIED_ERROR', errno: 1044, sqlMessage: "Access denied for user 'manager'@'localhost' to database 'mydb'", sqlState: '42000', fatal: true
boboj11:
跟着做完了 博客地址: http://tao-yuhan.gitee.io/tyhanblog/docs/items/ 老师视频中所用到的接口除了物流地址好像有问题,其他都没有问题,但是老师没有提到的接口中,订单搜索接口返回的数据是全部订单信息,无法搜索到单个信息

【回复】回复 @yss儿 :没20天下不来找bug费时间 不信你试试
【回复】回复 @yss儿 :一天8小时,如果有基础7天以内,如果没有基础15天差不多
【回复】你好呀,我想问一下,这个项目整个跟下来大概多久?就是全勤那种
五阿哥的棍棍:
终于把项目敲完了,在写代码的时候把el-link去掉后就少了好多不必要的烦恼了[滑稽] 快递信息那部分的数据写死的,因为服务器接口用不了了 不过历经两周时间,项目终于上线啦[打call],项目地址http://m.alemon.xyz

【回复】来自楼主的接口:http://47.108.251.106:8881/api/private/v1/,爱了爱了
【回复】回复 @web小员 :账号密码是啥呀,我用admin 和123456返回400唉
【回复】老哥,老师的接口挂了,你用的那个接口呢,可以分享一下吗
我的侧脸像你妹:
this.$refs.ruleForm.validate(async valid => { if (!valid) { return false } else { const { data: res } = await this.$http.post('api/Auth', this.authForm) console.log(res) } }) 这是我照着老师的步骤写的

【回复】你解决了吗?我的输什么都是用户名不存在
黑马程序员济南中心:
只需28元就可免费体验15天的基础课程,线下线上都有班级,全国19个分校区培训基地,包含:北京 | 天津 | 上海 | 广州 | 深圳 | 武汉 | 郑州 | 西安 | 长沙 | 济南 | 重庆 | 南京 | 杭州 | 石家庄| 成都 | 合肥 | 太原 | 厦门 | 沈阳,给自己一个提升的机会,[给心心], 咨询请添加橙子老师微信VX:heima18615692291 或者 小雪老师微信VX:15335318451

【回复】老师 mydb导入的时候 闪退怎么办 这样下面的项目do用不了了
【回复】https://www.bilibili.com/read/cv24257527?spm_id_from=333.999.0.0
不哭和尚:
菜鸟分享,code: 'ER_ACCESS_DENIED_ERROR', errno: 1045, sqlMessage: "Access denied for user 'woody'@'localhost' (using password: YES)", sqlState: '28000', fatal: true 将位于config文件夹下的default.json 文件中的db_config字段user和password改为你新建的数据库账号和密码就行了

【回复】你好,我把config里面账户密码都改成我创建的名字和密码了,还是报这个错误
【回复】抱着你啃一口,我的宝[七海演唱会_唱歌]
【回复】回复 @bb娃哈哈来啦 :你好,这个我也蒙,但是我建议你先按照视频中的样子,在导入数据口文件后,账户名还是用root。
未留风:
这个视频项目做完了,简单总结一下: 1、学会了在项目中灵活运用第三方插件。 2、清楚了git的使用流程。 3、项目的打包优化。 4、学会了一个项目如何从零开始搭建成后台管理样式的页面,我个人觉得最重要的部分是路由的搭建,部分路由的权限,以及动态导航菜单。项目的主体框架搭建完成之后,其它的部分基本就是写页面、调接口、展示数据。写页面的时候如果熟悉UI库文档对于开发效率有极大的提升,比如在写项目的时候经常碰到问题脑袋里第一时间想的是自己写方法,而没想到看UI库文档使用现有属性方法。 5、项目缺点:封装性不好。比如axios没有进行很好的封装。比如Home页面没有对Heade、asider单独进行封装。比如面包屑导航每次使用都要复制粘贴。我觉得太麻烦就单独封装了,用$route.path来控制数据展示。 这个视频是19年的,在如今来看,这个项目也是很值得新手学习的。

【回复】是的,我刚开始做,就发现axios没封装,接口也没统一管理,不过这个项目确实很好,瑕不掩瑜。
叙利亚编程小队:
http://43.143.0.76:8889/api/private/v1/用这个 以前的挂了

【回复】这个今天也挂了,有没有新的大佬
【回复】回复 @产权报告 : 你试下const {data:res} = await this.$axios.post("login", {"username":"admin","password":"123456"});
【回复】大佬,这个地址怎么生成的呀,授人以鱼不如授人以渔,能教教吗
伏城规格:
P65中一个bug,当删除用户后getUserList的请求的pagenum值没有变,比如每页展示一条数据时,点击最后一页,删除该页的唯一一条数据,发现删除成功,展示的还是该页,并且该页没有数据,原因是getUserList请求后台时带的pagenum值没有变 修正逻辑:在删除用户逻辑中,getUserList方法调用刷新页面之前,加入 if (this.users.length === 1) { // 判断当前展示的用户数据是否只有一条 this.queryInfo.pagenum = this.queryInfo.pagenum === 1 ? 1 : this.queryInfo.pagenum - 1 // 若是,则继续判断页码是否已经在第一页,若否,则-1,若是则保持在该页 }

【回复】回复 @不是ballball :https://blog.csdn.net/qfc_128220/article/details/120828502?spm=1001.2014.3001.5501
【回复】可以给一下数据库素材吗,百度云上面的素材和视频里的不一样
【回复】判断条件错了,应该是 this.userlist.length === 1,因为 users 已经保存到 uerslist 里了
卑信-吾天:
8课正解 ,如果有在第八节课中 下载新版本踩坑的 ,详细教程来了:下载了新版本之后,打开界面点数据库,点击创建数据库,先修改密码,然后数据库的名称跟老师步骤 密码6位自己写,然后在操作那一块儿点导入。然后进老师给的后端文件里边 找到vue_api_server/config/default.json文件 去修改 user:你的用户名 password:你设置的密码 然后运行APP.js 希望能够帮助你们

【回复】借鉴各大网友的。总结出来的 ,也是希望能够帮助到大家。踩坑的,很难受啊。[呲牙]
【回复】哥,想问下我下载了你说的最新的phpstudy,然后在这个最新版里创建数据库也导入成功了,显示的正常,但是根据视频老师的方法导成功没去看mydb文件,我去看mydb文件,里面还是空的,这个咋回事呢
【回复】感谢,弄了一晚上了,一直以为是版本问题,真绝了
woynac:
不使用phpStudy; 使用workbench导入sql文件及返回错误页面或输入用户名密码无法登录: workbench创建数据库并导入sql文件 -> 将vue_api_server\config\default.json中的数据库信息更改为自己的; 最后在vue_api_server终端执行: npm i -> node app.js

【回复】回复 @前端陈冠希 :完美解决mydb数据库运行不了或者运行后是空白的问题[doge][doge][doge] https://blog.csdn.net/weixin_47198217/article/details/124402495
HUI辉辉20230316:
https://gitee.com/ji_pin_hui/vueShop-api-server 课程配套资料已整理好 自己下载

【回复】这个项目没有src文件夹是怎么回事?看到回复一下,谢谢大佬
鲨鲨本不鲨:
phpstudy配不好的同学,可以自己下载mysql安装,确保环境变量无误以后,自己进入bin文件夹开启mysql服务,然后下一个类似于navicat的工具,创建一个名叫mydb的数据库,把sql文件导进去即可。 老师用phpstudy应该是为了开启服务时比较直观,还有避免navicat需要破解的问题,但我们知道这其中无非就两点:1.开启服务;2.导入数据库,其他操作都是在PowerShell完成的,所以不用把phpstudy看作一个硬性标准,抓住本质即可。 我下载phpstudy的时候,一开始下了一个付费的,后面下了一个流氓软件,给我干干净净的电脑加了广告,一气之下自己搞算了[微笑]我现在连接API接口也没用phpstudy,卡在这一步的同学可以参考一下这个方法。

【回复】回复 @AnnnnTH : 这么认真,想问一下找到工作了吗
【回复】你好,可以把资料发我一下吗,谢谢
【回复】回复 @nnnjknbvgvv : 可以自己写接口,用自己下载的mysql数据库
黑马程序员济南中心:
黑马1024程序员节,28元报名送好礼【机械键盘】,仅限10月20号-10月23号报名才有资格噢![喜欢] 欢迎大家关注本站,有意咨询请添加橙子老师微信VX:heima18615692291 或者 小雪老师微信VX:15335318451 ,获取更多视频配套笔记资源。

【回复】你好,请问有素材资料吗
【回复】回复 @不是ballball :置顶评论就是哈
画桥虹外:
ajax:(001~182) (001~039)【39】1.1-服务器的基本概念与初识Ajax (040~079)【40】1.2-form表单与模板引擎 (080~112)【33】1.3-Ajax加强 (123~157)【35】1.4-跨域与JSONP (158~182)【25】1.5-HTTP协议加强 Git:(183~248) (183~186)【4】2.1-起步 (187~217)【31】2.2-Git基础 (218~232)【15】2.3-Github (233~248)【16】2.4-Git分支 大事件项目实践:(249~341) node:(342~656) (342~378)【37】3.1-初识Node.js (379~423)【45】3.2-模块化 (424~468)【45】3.2-模块化 (469~516)【48】3.3-Express (517~556)【40】3.4-数据库 (557~603)【47】3.4-身份认证 (604~625)【22】案例 (626~656)【31】3.5-ev_api_server vue:(657~798) (657~686)【28】5.1_Vue全家桶之Vue基础 (687~710)【24】5.2_Vue全家桶之Vue基础 (711~732)【21】5.3_Vue全家桶之组件化开发 (733~757)【24】5.4-Vue全家桶-前后端交互 (758~774)【16】5.5-Vue全家桶-前端路由 (775~798)【23】5.6-Vue全家桶-前端工程化 前端开发之Vue项目实战(19h):【黑马程序员】前端开发之Vue项目实战_Element-UI【配套源码+笔记】 (001~029)【29】项目概述 、项目初始化 、登录/退出功能 (030~066)【37】主页布局、用户管理模块 (067~095)【29】权限管理模块 (096~140)【45】分类管理模块、参数管理模块 (141~175)【35】商品列表模块 (176~195)【20】订单管理模块、数据统计模块 (196~208)【13】项目上线

【回复】请问有ajax和node的学习链接吗

知识分享官 视频教程 程序员 求职 前端 JAVASCRIPT VUE 前端开发 WEB前端 Element-UI

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!