最新公告
  • 欢迎您来到番茄源码,实战带敲各种项目。
  • springboot拼音项目修改教程

       2025-01-05  

    如何确定拼音项目?

    项目含有admin,dist,front,很多文件基本都是拼音命名的,admin中的直接修改不了,100%是。

    为什么修改不了?

    admin文件是vue写的,打包成dist文件了,直接修改不生效。

    修改教程


    视频详细教程

    https://www.bilibili.com/video/BV1F4jPzuEUz/?share_source=copy_web


    运行vue需要安装node,配置下淘宝镜像,建议安装node14。

    https://www.fanqieyuanma.cn/article/344.html


    将项目代码放到不含汉字的路径下,将admin文件拉出来,删掉dist与package-lock.json。

    image.png

    2.最近发现node_module很多项目不通用,采用npm i的方式去安装node_module 有报错去百度搜下解决吧 5.1日更新。


    3.右上角配置下,可以右上角箭头方式启动项目。

    image.png

    4.将原来的项目也在idea中运行,然后就可以修改文字与背景图了。

    文字修改用到的快捷键 ctrl shift r 全局替换   最好用

    登录背景图替换

    找一张自己想要替换的背景图,图片名改为bg.jpg,admin文件找到assets,复制到assets/img文件下,

    image.png

    找到login.vue文件,原项目写法目前我发现的有以下两种。

    image.png

    image.png

    若是第二种的删掉style的所有内容,改为和第一种的一样。

    找到.loginIn css样式,末尾改为【添加】以下语句。

    background-image: url('~@/assets/img/bg.jpg');


    番茄源码_分享优质源码 » springboot拼音项目修改教程