技术的更新与程序员的失业

4年前的技术，不好用了。这是个程序员常遇到的问题，为什么呢？

直接的原因是工具软件升级太快，之前介绍了前端为什么选用vue来做，虽然老一点的技术jquery也能做，但jquery不能支持升级成app、小程序等。所以不能用老技术做新的项目。

现在要做广元服务网的后端,又面临同样的更新换代的问题。我首先想到的是使用4年前的若依框架来搭，那时候是个单体版本，遇到了一些问题，所以我改用了最新的前后端分离版本。

以这个事为例，如果应聘的程序员不会最新的技术，让老板的产品保持同步时代的竞争力，那么老板一定不会要这程序员的。

经过了三天充电、调试，我这个老程序员掌握了这个新框架，我的广元服务网后端基本架构搭好了。里面的技术细节问题太多了，我这列一下几个主要的：

1.jdk与其中oshi兼容的问题

2.图片js库比较老，新的用法不一样

3.新的前后端分离版本要新依赖vue、redis,这会给部署增加困难。

要解决端口问题，权限问题，postman调试问题等。

现在跟大家介绍一下纯后端管理系统升级为前端vue+后端的分离版本可能会遇到的问题，以及怎么解决这些问题。

使用若依注意事项

一、使用ruoyi单体版

1.jar版本问题
老版本有oshi与本地jdk兼容问题
2.截图设置方法
cropper的用法,在cropbox.css修改16/9

.imageBox .thumbBox {
    position: absolute;
    top: 50%;
    left: 35%;
    width: 320px;
    height: 180px;
}

二、若依3.8.4前后端分离版
1.初始化数据库，安装redis
2.修改数据库连接串,redis地址
3.修改log配置路径
4.生成代码，注意修改ruoyi-generator工程下的包路径system为自己的，否则后面改路径比较麻烦。
5.copy代码文件到前后端工程，
6.修改前后端代码，调试。
注意点，vue父子组件的传值，调用方法，vue里有点特殊。父给子传属性，在子里加watch方法可实现调用子方法。
子调你，注册后可以用emit方法调用。
7.截图设置方法
 

<vue-cropper
            ref="cropper"
            :img="options.img"
            :info="true"
            :autoCrop="options.autoCrop"
            :autoCropWidth="options.autoCropWidth"
            :autoCropHeight="options.autoCropHeight"
            :fixedBox="options.fixedBox"
            @realTime="realTime"
            v-if="visible"
          />

其中autoCropWidth设置截图框宽度，而截图框位置与父dom块的宽度有关。
8.图片存储改造为云服务



三、部署前后端分离版
线上因为使用npm run build:prod打包后是普通的文件夹(war包文件)，proxy就失效了，所以把路径改为真实路径:
.env.production文件
VUE_APP_BASE_API = 'http://localhost:8080'
否则就报404