分享日常工作技术

本博文主要呈现一个NPM脚手架+Vue路由+ElementUI的综合案例，完成本案例需要有一定的Vue基础，请参考以下文章完成项目的构建第08讲：使用脚手架创建vue项目第09讲：路由开发第10讲：vue脚手架集成axios第11讲：vue脚手架集成ElementUI由于是前后端分离的项目，我们提前开发了一个供前端测试的后台项目，具体代码可以联系博主索取二、前端开发2.1、App.vue入口在入口中只需要添加一个router-view组件即可2.2、main.js在主控制文件main.j

设置logo。

使用如下命令集成ElementUI在src/main.js文件中引用ElementUI。

使用如下命令添加axios支持。

项目的创建步骤参考：在预设中选择Router这里输入n，表示不使用history模式选择表示将配置分开存放项目已经创建完成，使用VSCode打开（部分win10 以上机型请用管理员身份打开VSCode）

在电脑中创建一个文件夹，位置随意，但由于考虑到文件权限问题，尽量不要使用c盘根目录，当前案例将文件夹创建在我的文档中。接下来就是下载过程，如果下载的非常慢，就说明淘宝镜像没有设置成功，请审视一下自己的单词是不是有拼错的地方。在这里，vue-cli 是在询问你：是否将你的这些设置保留下来作为默认的项目设置的模板。此时输入以下命令查看vue-cli的版本，如果可以正常显示，则别是vue-cli安装完成。当前的案例使用的是vue的2.x版本，选择2.x，按下回车键。使用管理员权限运行CMD，并切换到当前位置。

vue : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本……2、执行：set-ExecutionPolicy RemoteSigned （签名或运行这些脚本）（命令提示符，来源于Linux的命令提示符也叫Shell）

2、进入node.js的安装目录中查看一级目录下是否存在vue.cmd指令；楼主电脑已经安装了vue，所以能看到，如果看不到该指令，则回到控制台；'vue' 不是内部或外部命令，也不是可运行的程序或批处理文件。注意：第二个指令如果不成功，将npm更换为cnpm再试试。此时，我们就可以通过vue指令来进行操作了。注意: cmd命令 以管理员身份证执行。当显示版本号时说明npm已成功安装。

使用IDEA导出jar包一、设置项目打包的参数在项目目录里创建一个文件夹用于存放MANIFEST.MF文件，注意：该路径不能使用IDEA设置的默认路径，必须手动创建。二、导出jar包当进度条走完之后，在项目的目录中会多出一个out文件夹，里面存放的就是使用IDEA导出的jar包三、运行jar文件使用命令运行jar文件javaw -jar -Xmx1024m -Xms1024m rz_cms.jar > log.txt命令解析：j..

Lombok项目是一个Java库，它会自动插入编辑器和构建工具中，Lombok提供了一组有用的注释，用来消除Java类中的大量样板代码。仅五个字符(@Data)就可以替换数百行代码从而产生干净，简洁且易于维护的Java类。一、常用注解@Setter ：注解在类或字段，注解在类时为所有字段生成setter方法，注解在字段上时只为该字段生成setter方法。@Getter ：使用方法同上，区别在于生成的是getter方法。@ToString ：注解在类，添加toString方法。...

在uniapp中通过uni-pagination组件实现表格内容的分页查询，实现思路和简单，分为两个步骤：1、使用MySQL的Limit语句按照要求查询出符合分页要求的记录；2、通过MySQL的COUNT函数获取该表中的全部记录；接下来我们结合前两个章节的内容实现表格的分页查询。一、分页查询微服务在idea中使用通用Mapper（第02讲：通用Mapper）实现单表的分页查询，用户访问controller时需要传递2个参数，分别是初始页start和每页显示的条数pageS...

稍后完善

稍后完善