如何直接运行实战课程代码?

来源:7-4 登录实战-动态交互实现

河畔一角

2023-10-17

我现在已经购买了课程,我应该如何直接运行课程代码,能够看到对应效果?

写回答

1回答

河畔一角

提问者

2023-10-17

购买完课程以后,需要做如下操作,才可以运行课程代码。

一、找老师要管理员登录账号。

需要添加课程群,在群里找老师要,或者通过微信找老师要(17611021717),如果通过微信的话,需要提供订单截图。

https://img.mukewang.com/szimg/652e5b3809da14ba28621540.jpg

课程主页,右侧,会显示QQ技术群,输入订单号,群里机器人会自动审核。

二、下载课程仓库代码。

三、安装依赖,并运行

  1. yarn 或者 npm install ,推荐使用yarn  【这一步是安装依赖】

  2. yarn dev 或者 npm run dev ,推荐使用yarn dev 【这一步是运行项目】

四、填写icode值,课程做了防盗链,非课程购买人是无法调用接口的,因此必须先获取icode

https://img.mukewang.com/szimg/652e5bea091ae1fa08581240.jpg

课程主页,点击:获取校验码,会生成一串数字,填写到代码的utils/request.ts文件中,对应第14行位置。

https://img.mukewang.com/szimg/652e5c29098c6f2b11360380.jpg

五、屏蔽权限

前面四步已经可以正常登录系统了,但是,由于没有数据,打开页面是空白的。我们可以屏蔽权限,然后手工创建数据。

  1. 打开layout/index.tsx文件,注释掉第34行,就可以屏蔽权限了。

https://img.mukewang.com/szimg/652e5c7a096c85bb20120304.jpg

六、创建菜单、用户、部门和角色数据,就可以正常体验系统了。

  1. 直接访问菜单列表,输入:http://localhost:8080/menuList

https://img.mukewang.com/szimg/652e5cbb098dc9a919190565.jpg

点击新建,输入菜单信息,就可以直接插入数据了。

其它菜单,操作方式都是一样的。

2. 用户列表:http://localhost:8080/userList

3. 部门列表:http://localhost:8080/deptList

4. 角色列表:http://localhost:8080/roleList

0
0

React18+TS 通用后台管理系统解决方案落地实战

全面提升React高阶技能,灵活驾驭各类后台管理系统开发痛点

625 学习 · 227 问题

查看课程