Code Monkey home page Code Monkey logo

renren-fast-vue's Introduction

为了更好的服务国内用户,renren-fast-vue仓库已迁移到Gitee,新的仓库地址 https://gitee.com/renrenio/renren-ui ,以后会在 https://gitee.com/renrenio/renren-ui 里面进行更新维护,感谢支持! 😃


renren-fast-vue

  • renren-fast-vue基于vue、element-ui构建开发,实现renren-fast后台管理前端功能,提供一套更优的前端解决方案
  • 前后端分离,通过token进行数据交互,可独立部署
  • 主题定制,通过scss变量统一一站式定制
  • 动态菜单,通过菜单管理统一管理访问路由
  • 数据切换,通过mock配置对接口数据/mock模拟数据进行切换
  • 发布时,可动态配置CDN静态资源/切换新旧版本
  • 演示地址:http://demo.open.renren.io/renren-fast (账号密码:admin/admin)

输入图片说明 输入图片说明

说明文档

项目开发、部署等说明都在wiki中。

更新日志

每个版本的详细更改都记录在release notes中。

renren-fast-vue's People

Contributors

daxiongyang avatar dependabot[bot] avatar kkwwang avatar sunlightcs avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

renren-fast-vue's Issues

动态路由的component 不能设置成功

你好,我按照你的方式const _import = require('./import-' + process.env.NODE_ENV) ,然后用route['component'] = _import(route.src) || null;去给路由添加component字段,可是一直都加载不成功。能指导下是否还需要其他配置呢

打开http://localhost:8001/后页面显示空白,只有Title显示标题。

克隆项目

git clone https://github.com/daxiongYang/renren-fast-vue.git

安装依赖

npm install

启动服务

npm run dev

打开http://localhost:8001/后页面显示空白,只有Title显示标题。
源代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>人人快速开发平台</title>
  
    <!-- 开发环境 -->
    <link rel="shortcut icon" type="image/x-icon" href="./static/img/favicon.ico">
    <script src="./static/config/index.js"></script>
    <script src="./static/plugins/mock-1.0.0-beta3/mock-min.js"></script>
    <script src="./static/plugins/echarts-3.8.5/echarts.common.min.js"></script>
    <script src="./static/plugins/ueditor-1.4.3.3/ueditor.config.js"></script>
    <script src="./static/plugins/ueditor-1.4.3.3/ueditor.all.min.js"></script>
    <script src="./static/plugins/ueditor-1.4.3.3/lang/zh-cn/zh-cn.js"></script>
  
</head>
<body>
  <div id="app"></div>
<script type="text/javascript" src="/app.js"></script></body>
</html>

1.2 新版本的导航栏Tab有错

  1. 打开多个窗口后,点击Tab 上的X关闭全部窗口
  2. 重新打开任意一个窗口,导航栏Tab会同时打开两个窗口。

应该是点击Tab 关闭窗口时,有缓存没有清空。
上次那个issue 好像关闭了, 问题还在,我更新了内容

详情界面

增查查改删
现在只有修改,列表查看,没有对应的详情查看界面
希望能增加详情页面,和参数查询页面

我又尝试了下,这样是什么问题?大神

我cnpm install后本地能跑,node_moudles也有包,但是很诡异的是有的文件夹带有快捷方式的图标,我把整node_moudules复制出去果然只要带有快捷方式的文件夹里面文件全部没有,这是怎么回事?我原先想在cnpm install一下然后把整个node_mouduls文件夹全部发送过去,这下快捷方式的文件夹里面是空的,我的项目里又有。。。。。求解答下。。。。

请问大神我下载你的项目用cnpm install装的

运行时发现 node_modules里面很多包是空的文件夹 ,我这台机器居然能跑起来项目,我把项目连同node_modules一起发给人家,人家直接运行npm run dev 就报错找不到包 ,是为什么?

AddOrUpdate组件是如何命名的

image
我在 menu-add-or-update里面没有找到该组件的name,看这样的命名规则应该是驼峰转换,请问一下这个配置是在哪里进行配置的,还是这是vue框架自带的功能。

npm run dev 报错, 无法部署

npm run dev 之后报错:
ERROR Failed to compile with 1 errors 13:26:15

This relative module was not found:

./element-#17b3a3/index.css in ./src/element-ui-theme/index.js
在最新的这个commit 上面:
commit 4cbc577

OS: Ubuntu 14.04

node -v
v8.11.1

npm -v
5.6.0

几个bug

1、手机号码验证不正确,我手机号1345*,正则表达式给过滤掉了;
2、新增用户,密码有值但无法传递到后台,提示密码为空;
还有个别遇到了一时忘了

启动报错

npm ERR! path /usr/local/lib/node_modules/cnpm/node_modules/aws4
npm ERR! code EACCES
npm ERR! errno -13
npm ERR! syscall access
npm ERR! Error: EACCES: permission denied, access '/usr/local/lib/node_modules/cnpm/node_modules/aws4'
npm ERR! { Error: EACCES: permission denied, access '/usr/local/lib/node_modules/cnpm/node_modules/aws4'
npm ERR! stack: 'Error: EACCES: permission denied, access '/usr/local/lib/node_modules/cnpm/node_modules/aws4'',
npm ERR! errno: -13,
npm ERR! code: 'EACCES',
npm ERR! syscall: 'access',
npm ERR! path: '/usr/local/lib/node_modules/cnpm/node_modules/aws4' }
npm ERR!

deprecate [email protected] › gulp-util@^3.0.0 gulp-util is deprecated - replace it, following the guidelines at https://medium.com/gulpjs/gulp-util-ca3b1f9f9ac5
deprecate [email protected][email protected] › graceful-fs@^3.0.0 please upgrade to graceful-fs 4 for compatibility with current and future versions of Node.js
deprecate [email protected][email protected][email protected] › minimatch@^2.0.1 Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
deprecate [email protected][email protected][email protected][email protected][email protected] › minimatch@~0.2.11 Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
deprecate [email protected][email protected][email protected][email protected][email protected][email protected] › graceful-fs@~1.2.0 please upgrade to

dialog中Tab组件错位

issue
左边的菜单栏折叠时, 对话框中的Tab组件会位移。 原因是受到 css样式 影响
.site-content--tabs > .el-tabs .el-tabs__header {
left: 64px;
}

嵌入echart图表问题

我再嵌入一般图表的时候没有问题,但是嵌入地图的时候,不报错,也不显示,另外嵌入那种echarts的带时间轴的饼图的时候,也不显示,重新搭建项目,测试嵌入是正常的,不知道和现有项目的什么有冲突还是?

怎么同时执行多个请求?

老大, 这种怎么一次执行多个请求?请求路径一样,只是参数不同
this.$http({
url: this.$http.adornUrl('/xx/xx'),
method: 'get',
params: this.$http.adornParams({ 'xx':0, })
}).then(({data}) => { })

this.$http({
url: this.$http.adornUrl('/xx/xx'),
method: 'get',
params: this.$http.adornParams({ 'xx':1, })
}).then(({data}) => { })

左树右表的功能demo


左树右表
左树是组织列表,可以按照名称搜索
右表是用户列表,用户的crud

启动报错

报错信息:
Module build failed: ReferenceError: Unknown plugin "component" specified in "E:\work\EstateinfoSys_v2\append\pc_admin\.babelrc" at 1, attempted to resolve relative to "E:\work\EstateinfoSys_v2\append\pc_admin"
是什么原因引起的?

新增和编辑页面怎么手动添加到mainTabs里面?

由于后台管理平台, 是针对一些文章编辑和新增,如果是弹框,造成弹框滚动很长,
不知道能否实现,点击新增和编辑按钮的时候,手动在mainTabs里面添加一个页面?
请问有封装好的方法, 可以直接用的吗, 下面是我看route里面的代码

 // 路由操作
      routeHandle (route) {
        if (route.meta.isTab) {
          // tab选中, 不存在先添加
          var tab = this.mainTabs.filter(item => item.name === route.name)[0]
          if (!tab) {
            if (route.meta.isDynamic) {
              route = this.dynamicMenuRoutes.filter(item => item.name === route.name)[0]
              if (!route) {
                return console.error('未能找到可用标签页!')
              }
            }
            tab = {
              menuId: route.meta.menuId || route.name,
              name: route.name,
              title: route.meta.title,
              type: isURL(route.meta.iframeUrl) ? 'iframe' : 'module',
              iframeUrl: route.meta.iframeUrl || ''
            }
            this.mainTabs = this.mainTabs.concat(tab)
          }
          this.menuActiveName = tab.menuId + ''
          this.mainTabsActiveName = tab.name
        }
      }
    }

keepAlive

为什么这里设置了不起作用,还是无法对指定组件实现缓存???急求,找1天了也没找到方法我在其他项目里使用keepAlive就可以,很正常,在这里不行,是哪里配置了什么吗??
_20180725195231

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.