将router写入vue实例中 1. 2. 3. 4. 5. 6. 7. 8. 这样我们可以通过 :to 和API this.$router.push({ path: "/" }) 来访问。 详细请参考vue-router官方文档 3、封装接口请求脚本与跨域代理 由于项目是前后端分离的,因此在不同服务器中,存在请求跨域的问题,在开发的时候,我们可以通过配置vue.config.j...
0 1. 使用vue ui 命令进入Vue项目管理器,创建一个vue工程,步骤如下图: 项目创建完用vscode打开就行了。vue就是一个单页面应用, <template> <router-link to="/">Home</router-link> <router-link to="/about">About</router-link> <router-view></router-view> // <router-view>相当于一个窗口,我...
npm install-g vue-cli # 只需要第一次安装时执行vue init webpack my-project # 使用webpack模板创建一个vue项目cd my-project #进入到项目目录中npm install # 下载依赖(如果在项目创建的最后一步选择了自动执行npm install,则该步骤可以省略)npm run dev # 启动项目 启动成功后,浏览器输入http://localhost...
其中SSM框架提供数据,前端Vue通过跨域的ajax访问来获取数据。ajax的访问,返回的是json数据,同时我们这里还用了ElementUI的框架也是当下很流行的技术。 顺便一提,我们这个项目是在模拟大公司的开发模式哦~ 当然除了这个前后端分离项目,我们还有一个传统的以增删改查为主要内容的CRM项目,这个一会儿再说,我们这会儿先来看下...
因此,前后端分离的架构成为了解决这一问题的有效方案。二、技术选型 后端:Java和SpringBootJava是一种广泛使用的编程语言,具有跨平台、可扩展性强的特点。SpringBoot是一个基于Java的开源框架,简化了Spring应用的初始化和开发过程。使用SpringBoot,我们可以快速构建一个稳定、可维护的仓库管理系统后端。 前端:Vue.jsVue...
前端技术:Html、Css、Js、Vue、Element-ui 数据库:MySQL 后端技术:Java、Spring Boot、MyBatis 三、运行环境 开发工具:IDEA/eclipse 数据库:MySQL8.0 数据库管理工具:Navicat10以上版本 环境配置软件: JDK1.8+Maven3.6.3 前端Nodejs:16 四、项目介绍
1、创建数据库:ry-vue 2、执行两个SQL文件:sql/quartz.sql、sql/ry_20230223.sql 2、修改配置文件:ruoyi-admin/application.yml 修改mysql连接信息 修改redis连接信息 修改项目启动端口号,这里我修改为了8058 3、启动后端项目 浏览器访问:http://localhost:8058/ ...
* @param filename 文件名,前后端分离后,后端返回的是流数据,文件名会失效,所以需要前端指定 * @param res 后端返回的流数据,直接把axios返回的流数据塞进来 */ exportExcel(filename,res){ const link = document.createElement('a'); let blob = new Blob([res.data], {type: 'application/vnd.ms-exce...
2.vue前端 假设大家基本用的都是axios(其他的框架我也没听过,毕竟只是基础地学了下前端的vue) 基本都回去封装一个http.js模块做axios的前后置处理 简单地说,就是new一个axios实例,然后对request,和response处理,然后export抛出即可 第一个注意点: 这里是一个js文件,有时候我们可能想在这里进行一个toast弹窗之类的...
大家好,我是it分享师,这两天事情比较多没有分享源码,今天给大家带来一个前后端分离的仓库管理系统,界面简洁大气,毕竟vue的流行还是有道理的。技术栈 仓库管理系统的后端采用springboot,springSecurity,MybatisPlus,Redis和websocket;前端采用vue+elementui+echarts+vuex+websocket开发而成。实现了用户管理,权限管理...