jeecgboot前端开发_【伸手党福利】【第三弹】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/