精华内容
下载资源
问答
  • 若依vue
    千次阅读
    2022-03-23 17:28:31

    安装若依-vue

    一.下载若依-vue

    gitee链接下载到本地

    二.安装若依-vue

    1.部署后台

    1. 如果报错,提示更改jdk,就更改为1.8

    2. 安装数据库文件

      路径:RuoYi-Vue\sql\ry_20210908.sql

    3. 更改数据库文件配置

      路径: RuoYi-Vue\ruoyi-admin\src\main\resources\application-druid.yml

    2.部署前台

    1. 安装node.js 自行百度即可

      主要利用node.js中的npm

    2. 更改为全局镜像如果已经更改过,就无需更改

      npm config set registry https://registry.npm.taobao.org
      
    3. 执行

      npm run dev
      
    4. 启动

      npm run dev
      
    更多相关内容
  • 若依VUE前端打包,nginx非根目录404解决

    源码修改部分

    1.退出登录(不然退出的时候会404):Navbar.vue:112行

    this.$store.dispatch('LogOut').then(() => {
        // 退出登录问题
        // location.href = '/index'
        this.$router.push(`/login?redirect=${this.$route.fullPath}`)
    })

    2.路由部分(不然【点击/刷新】菜单的时候会404)router/index.vue:168行

    // nginx 非根目录需要加base,不然到时候路由进不去
    export default new Router({
      mode: 'history', // 去掉url中的#
      scrollBehavior: () => ({ y: 0 }),
      base: "你自己的目录名",
      routes: constantRoutes
    })

     3.vue配置文件部分 vue.config.js:21行

     publicPath: process.env.NODE_ENV === "production" ? "/你自己的目录名" : "/",

    4.重新登录 request.js:91行

    store.dispatch('LogOut').then(() => {
                // 如果是登录页面不需要重新加载
                if (window.location.hash.indexOf("#/login") !== 0) {
                  // location.href = '/index';
                  this.$router.push(`/login?redirect=${this.$route.fullPath}`)
                }
              })

    nginx配置部分

    location /目录名 {
                alias  /home/service/nginx/html/目录名;
    		    try_files $uri $uri/ /目录名/index.html;
                index index.html index.htm;
            }

    展开全文
  • 1、下载 https://gitee.com/y_project/RuoYi-Vue 2、运作方式 3、后台导入,设置 4、后台运行 5、运行redis, 运行后台,运行前台即可见登录页面 6、新建测试菜单 7、操作自动生成代码 1、创建商品表 ...

    一、前置工具安装

    jdk 1.8
    redis (缓存数据库)
    mysql
    idea (后端开发工具)
    nodejs (js前端开发平台,本文主要用到包管理工具 npm)
    vscode (前端开发工具)
    git (版本管理工具)
    下载 https://gitee.com/y_project/RuoYi-Vue

    二、运作方式

    在这里插入图片描述

    三、后台导入,设置

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    四、后台运行

    在这里插入图片描述

    五、运行redis, 运行后台,运行前台即可见登录页面

    在这里插入图片描述

    六、新建测试菜单

    在这里插入图片描述

    七、使用系统自动生成代码

    1、创建商品表

    CREATE TABLE `y_good` (
       `id` int(5) NOT NULL AUTO_INCREMENT COMMENT 'id',
       `name` varchar(10) NOT NULL COMMENT '名称',
       `price` double NOT NULL COMMENT '价格',
       `remark` varchar(100) DEFAULT NULL COMMENT '备注',
       PRIMARY KEY (`id`)
     ) ENGINE=InnoDB DEFAULT CHARSET=utf8
    

    2、导出表生成y_good.sql到桌面

    3、使用系统生成代码,编辑完,点生成代码

    在这里插入图片描述

    4、建立模块ruoyi-test

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    5、前端页面添加

    在这里插入图片描述

    6、test菜单下添加子菜单

    在这里插入图片描述

    7、最终成果

    在这里插入图片描述

    8、打包

    D:\gitee\trade-system\ruoyi-ui 目录下 npm run build:prod

    展开全文
  • 若依V3 | RuoYi-Vue3-JS Doc

    千次阅读 2021-10-24 21:36:38
    在这里使用若依,并没有打算抄袭人家的成果,只是偶然在gitee的评价中看到,官方目前没有打算使用Vue3来更新前端。TIP既然人家现在没有时间,那就我先来试试水。看看会不会存在重大问题,顺便让自己对知识的理解更加...

    若依V3 #

    首先明确一个问题,这里不是官方的。我个人并不是若依团队的成员,只是一个开发爱好者。官方请查看
    项目文档地址:http://ruoyi-doc.chenliangliang.top/
    项目演示地址:http://ruoyi.chenliangliang.top/
    项目代码地址:https://github.com/cll123456/rouyi-cloud-vue3

    动机 #

    个人比较喜欢vue3的开发方式,目前也是全职前端,使用vue来作为技术站开发。在这里使用若依,并没有打算抄袭人家的成果,只是偶然在gitee的评价中看到,官方目前没有打算使用Vue3来更新前端。

    动机来源

    TIP

    既然人家现在没有时间,那就我先来试试水。看看会不会存在重大问题,顺便让自己对知识的理解更加深刻!!! 🎉 💯 ``

    项目结构 #

    本项目的后端是若依的后台,前台使用的是Vite, VUE3.3.20, Vue-router, Vux, element-plus, Scss, axios等。

    由于使用了vite作为构建工具,项目在启动和热加载都是非常快的哦!💯

    代码规范 #

    项目完全采用目前最新语法setup形式来写的: 代码书写规范

    代码主要改造的是js,其他的都高度还原了原来的成分,主要是为了大家方便使用。代码中的js也都基本写了注释,方便大家理解代码的意思。

    项目效果 #

    项目目前采用的ui和若依保持高度一致,增加了自定义主题,默认生成warning, info, 和success

    效果1效果2效果3效果4

    展开全文
  • Vue3.0+TS+Element-plus实现(若依版后台管理系统)

    千次阅读 多人点赞 2021-11-10 14:47:22
    附上项目地址: Vue3.0+TS+Element-plus 后台管理系统模板 准备工作 安装vue3.0,npm create vue3-project 选中这几项即可,不需要vuex, 我们自己封装状态管理。 setup函数使用 在.vue文件中, script 标签下代码都...
  • 目前趋势都是前后端分离,所以本系列选择的版本是若依前后端分离的3.3版本(Ruoyi-Vue 3.3)。 本系列是把框架核心的功能,还有个人觉得重要和研究比较多的技术搭建做个人理解的梳理,一些犹如字符串处理、网络工具...
  • 若依是给女儿取的名字(寓意:你不离不弃,我必生死相依) 在线体验 若依官网:http://ruoyi.vip 演示地址:http://demo.ruoyi.vip 代码下载:https://gitee.com/y_project/RuoYi 系统需求 JD
  • 快速了解: RuoYi-Vue是一款基于SpringBoot+Vue的前后端分离极速后台开发框架。 据官方文档介绍,RuoYi-Vue 是一个 Java EE 企业级快速开发平台,...具体文档:若依官方网站 准备工作 JDK >= 1.8 (推荐1.8版本)
  • 若依前后端分离版本地搭建开发环境并运行项目的教程: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108465662 在此基础上,如果想在某页面上添加一个按钮,点击此按钮页面跳转到新的页面,并设置...
  • 前后端分离框架 “若依” 前端Vue文件夹分析整合 最近在学习若依框架,自己对文件夹的内容做了一个大概整理和分析, 方便在未来的开发中能够快速有效的进行处理,前端萌新,有的地方没看懂,欢迎各位大佬指正...
  • 若依vue前后端全分离版安装 RuoYi-Vue

    千次阅读 2020-05-06 22:41:49
    若依 vue分离版安装过程 下载若依vue 分离版本 https://gitee.com/y_project/RuoYi-Vue 下载解压完成后首先用idea导入其中的ruoyi文件夹 在两个yml文件中配置数据库和端口 配置完成启动即可,启动成功后到这一步...
  • 若依框架RuoYi前后端分离项目导入IDEA及运行启动 前端项目CMD命令行启动 前端项目IDEA启动 后端项目启动 IDEA导入网上开源SpringBoot项目 使用Git克隆SpringBoot项目到IDEA启动 ...
  • ruoyi-vue部署到Linux+nginx

    千次阅读 2022-03-14 15:03:11
    VUE_APP_BASE_API = ‘/prod-api’ # 页面标题 VUE_APP_TITLE = XXXX # 生产环境配置 ENV = 'production' # 生产环境 VUE_APP_BASE_API = '/prod-api' vue.config.js中后端地址配置,如果前后端在同一台主机上,...
  • vue@2.6.12 element-ui@2.15.3 1.文件上传(单个) 组件代码: //components/FileUpload <template> <div class="upload-file"> <el-upload :accept="accept" :action="upl...
  • ruoyi-vue前端启动

    千次阅读 2020-03-27 09:14:53
    1第一步:安装模块 npm i和npm install的区别npm i仅仅是npm install的简写: 2第二步 安装模块会有报错,并且安装速度比较慢 // 使用 淘宝镜像命令解决问题 淘宝镜像会比较快 npminstall-gmirror-...npm...
  • 取消当前请求-vue

    万次阅读 2021-09-16 19:58:51
    无需引入,在使用vue的页面可直接使用 实现方式 新建JS文件,将代码(代码见下页)复制到JS文件中 在main.js中引入该JS文件,进行全局注入 (或者直接在main.js中注入) 在单个请求中单独添加cancelToken标识 全部...
  • vue打包上线的代理问题

    千次阅读 2020-09-09 20:19:49
    若依管理系统vue proxy代理导致打包上线出现问题: 最近在使用若依管理系统中出现了代理服务导致的问题,代码如下: vue.config.js文件配置 devServer: { host: '0.0.0.0', port: port, proxy: { // detail: ...
  • 安装 第一步 npm install vue-router --save ...import Vue from "vue" import Router from "vue-router" Vue.use(Router) export default new Router({ routes:[] }) 第三步 在main.js中引入router.js ...
  • vue 3.0+ antd

    千次阅读 2020-05-13 17:03:12
    因为之前react一直使用antd,转vue后,还是想用顺手的样式,所以又开始连接antd 我连了一天,把vue.config.js配置了一遍,出现了各种报错,没有连上准备放弃的时候,突然连上了!!! 首先是vue less 先通过vue add ...
  • vuevue中时间格式化YYYYMMDD

    千次阅读 2020-10-08 01:14:10
    封装 formatLongDate (date) { let myyear = date.getFullYear(); let mymonth = date.getMonth() + 1; let myweekday = date.getDate(); let myHour = date.getHours(); let myMin = date.ge
  • vue项目如何部署到服务器上

    千次阅读 2021-12-22 15:53:19
    (1)我创建了一个vue小案例,打开以后效果如下 (2)此时我们在终端输入npm run build进行项目打包,打包完之后,在vue项目文件中会出现dist文件夹,这文件夹包含的都是将vue文件打包后的前端文件(js,css,html) ...
  • 使用tomcat部署vue项目

    千次阅读 2020-07-13 12:40:17
    1 首先需要修改vue项目中的Route中的index.js文件,新增mode:‘history’,base:’/vue/' export default new Router({ routes: [{ path: '/', mode:'history', base:'/vue/', name: '', component: login, ...
  • vue视频教程百度云资源链接

    万次阅读 多人点赞 2019-06-20 09:36:12
    链接评论自取
  • 重定向问题 进入到vue页面后,会自动跳转到/ 可以用是哦你个redirect 定向到login页面
  • 想要动态控制radio的选中,在Vue中最好选用v-model来控制,不要用checked。 HTML: JS: a. 初始化时,想要单选框都不选中,则将 abc 置为空。 abc = '', b. 初始化时,想要单选框选中value=0的选项,则将abc置为0. ...
  • https://www.cnblogs.com/duanzhenzhen/p/13045613.html
  • vue项目放到spring boot 下运行

    千次阅读 2020-07-23 19:13:07
    vue 项目打包成dist包 npm run build 生成dist包 在springboot 项目中resource文件下创建static 文件 把dist 分解的文件复制到static 下 在application.properties 中配置路径 spring.resources.static-...
  • vue获取路径中的参数的两种形式

    千次阅读 2020-08-01 21:45:17
    路径:http://localhost:3000/edit/123 取值123的方式:this.$route.params.id 路径:http://localhost:3000/?token=123 取值123的方式:this.$route.query.token
  • Vue前端项目-系统监控-数据监控

    千次阅读 2020-09-10 10:47:25
    1、前台vue 项目 创建 src / views / monitor / druid / index.vue 页面, 内容如下: <template> <div v-loading="loading" :style="'height:'+ height"> <iframe :src="src" frameborder="no...
  • vue3.0启动项目的时候报错Cannot find module ‘worker_threads’ 网上找到的解决办法是升级 node 版本,试了一下竟然成功了! 先查看一下 node 版本,然后全局版本升级 然后切换到最高版本 sudo n latest 或者...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,737,727
精华内容 695,090
关键字:

若依vue

友情链接: LEDtemperDS18B20.rar