摘要: 需要用nginx做动静分离; 静态资源直接请求vue工程生成的dist目录; 如果需要访问后台接口获取json数据,则在nginx中配置反向代理来转发到springboot工程监听的端口; 1.上传到linux 将vue工程打包后的dist目录、springboot打包后的jar包上传到linux服 阅读全文
posted @ 2020-04-10 09:49 L丶银甲闪闪 阅读(588) 评论(0) 推荐(0) 编辑
摘要: 1.打包vue工程 命令: npm run build 会生成一个dist目录: 2.拷贝前端打包文件 将dist目录中的文件拷贝到springboot工程的resource/static目录下 这个目录是springboot工程存放静态资源的目录; 启动springboot工程,浏览器访问:htt 阅读全文
posted @ 2020-04-10 09:44 L丶银甲闪闪 阅读(1456) 评论(0) 推荐(0) 编辑
摘要: 因为导航栏是遍历路由表来的,但有些不想出现,需要处理; 思路: 可以在路由,router目录下的index.js中,给每个路由添加一个参数show; 想显示的值为true,不想显示的值设为false; 然后在v-for遍历时,用v-if判断show的值来决定是否显示; router/index.js 阅读全文
posted @ 2020-04-10 09:41 L丶银甲闪闪 阅读(327) 评论(1) 推荐(0) 编辑
摘要: 1.分页列表 打开elementui官网,地址:https://element.eleme.cn/#/zh-CN 找一个看顺眼的列表拷贝代码到vue工程; 然后找一个看顺眼的分页组件,拷贝代码到vue工程; 后台提供一个分页接口 @RestController @RequestMapping("/b 阅读全文
posted @ 2020-04-10 09:40 L丶银甲闪闪 阅读(1891) 评论(0) 推荐(0) 编辑
摘要: 1.新建工程 用springboot启动器创建工程 选依赖: web项目需要 ->springweb orm框架选 ->jpa 数据库驱动选 ->mysql 2.新建数据库 -- MySQL dump 10.13 Distrib 8.0.11, for macos10.13 (x86_64) -- 阅读全文
posted @ 2020-04-10 09:35 L丶银甲闪闪 阅读(466) 评论(1) 推荐(0) 编辑
摘要: 1.页面布局 因为之前在工程中添加了elementui,因此用elementui来做页面; 打开elementui官网:https://element.eleme.cn/#/zh-CN 找到组件-》Container布局容器 找一个看得顺眼的,复制代码到自己的工程的App.Vue中; 代码: <te 阅读全文
posted @ 2020-04-10 09:32 L丶银甲闪闪 阅读(1272) 评论(1) 推荐(0) 编辑
摘要: 1.创建vue脚手架 命令: vue ui vue ui需要vue-cli3.0以上版本; 如果版本低可以升级: npm uninstall -g vue-cli npm install -g @vue/cli 会在浏览器中打开ui页面; 点创建按钮 预设:选手动 功能:选常用的vuex、路由等 选 阅读全文
posted @ 2020-04-10 09:29 L丶银甲闪闪 阅读(584) 评论(0) 推荐(0) 编辑