【伸手党福利】【第三弹】jeecg-boot前端学习开发笔记-不断更新中

jeecg从零基础开始学习

前端学习开发（按照研究的时间顺序排列的，请看标题自己选用）

开发前需要了解的内容

完整的前端入口文件流程说明

https://blog.csdn.net/helloLadyYang/article/details/95174932
这里有详细的前端login文件生成说明。

---

登录页面-修改首页logo和显示文字

官方文档【http://doc.jeecg.com/1273906】
具体操作https://blog.csdn.net/wwppp987/article/details/106019413

原理分析：

代码位置
src\components\layouts\UserLayout.vue 【登录页面外部框架】
src/views/user/Login.vue 【登录页面内容】

UserLayout.vue
外部嵌套用vue，预计整个layouts目录都是外部嵌套用的页面。

是从body开始嵌套的。

这里修改logo，

style当中修改背景图片

注意这里的嵌套，使用的是路由嵌套（vue的）

首页logo修改
src/components/tools/Logo.vue

修改图片预览路径

这个public目录是vue的根目录，项目url的根：localhost:3000/就指向这里，如果这里没有才会被伪静态识别。
图片预览路径
public/index.html

图文访问路径： http://127.0.0.1:8080/jeecg-boot/sys/common/view/user/h.jpg

---

图片本地化

错误页面本地化。
错误页面目录：
src/views/exception/

其中ExceptionPage.vue为套头文件，
403、403、500为内容文件。
type.js为配置文件，其中规定了图片地址、title和显示内容desc，在types[]数组里面

此次主要更改type.js。
首先将里面三个svg文件下载到public目录下，然后将其中文件去掉路径，改为根目录：

当然，也可以根据需要更改到img目录下（自己在public下新建一个就行）。

例如：

---

修改文件上传目录

文件：后端：
\jeecg-boot\jeecg-boot-module-system\src\main\resources\application-dev.yml

大约第200行

这里包括上传用户头像等所有文件的目录设置。

---

参考书：

jeecg-boot开发书
http://doc.jeecg.com/1273906
ant disign view
https://antdv.com/components/form-model-cn/

---