renren-ui

• renren-ui基于vue、element-ui构建开发，实现 【renren-security】 后台管理前端功能，提供一套更优的前端解决方案
• 前后端分离，通过token进行数据交互，可独立部署
• 动态菜单，通过菜单管理统一管理访问路由
• 后端地址：https://gitee.com/renrenio/renren-security
• 演示地址：http://demo.open.renren.io/renren-security (账号密码：admin/admin)

安装

您需要提前在本地安装Node.js，版本号为：14.x，再使用Git克隆项目或者直接下载项目后，然后通过终端命令行执行以下命令。

# 切换到项目根目录

# 安装插件
npm install

# 启动项目
npm run serve

如网络不稳定，安装时出错或进度过慢！请移步 cnpm 淘宝镜像进行安装。

启动完成后，会自动打开浏览器访问 http://localhost:8001，如您看到下面的页面代表前端项目运行成功！因为前后端分离项目，需保证前端项目和后台项目分别独立正常运行。

请留意下面的页面，其中验证码未能正常显示，控制台有API请求报错信息！这时需检查后台项目是否正常运行。

技术栈

提前了解和学习这些知识会对使用本项目有很大的帮助。

• Node.js
• ES6
• Vue-cli
• Vue
• Vue-router
• Vuex
• Vue-i18n
• Axios
• Element
• JS-cookie

目录结构

├── src                        
│  ├── assets                 // 静态资源
│  ├── components             // 公共组件
│  ├── element-ui             // element样式
│  ├── i18n                   // 国际化
│  ├── icons                  // 图标
│  ├── mixins                 // 混入
│  ├── router                 // 路由
│  ├── store                  // 状态管理
│  ├── utils                  // 工具类
│  ├── views                  // 业务相关
│  ├── App.vue
│  ├── main.js                // 入口
├── ...
├── package-lock.json
├── package.json
└── vue.config.js             // vue-cli脚手架配置

常见问题

如何修改API请求地址？

• 修改/src/pubilc/index.html文件中<!-- 开发环境 -->注释下的window.SITE_CONFIG['apiURL']变量值。

<!-- 开发环境 -->
<% if (process.env.VUE_APP_NODE_ENV === 'dev') { %>
<script>
window.SITE_CONFIG['apiURL'] = 'http://localhost:8080/renren-admin';
</script>
<% } %>

如何交流、反馈、参与贡献？

• 开发文档：https://www.renren.io/guide/security

• 官方社区：https://www.renren.io/community

• Gitee仓库：https://gitee.com/renrenio/renren-ui

• 人人开源：https://www.renren.io

• 如需关注项目最新动态，请Watch、Star项目，同时也是对项目最好的支持

• 技术讨论、二次开发等咨询、问题和建议，请移步到官方社区，我会在第一时间进行解答和回复！

• 微信扫码并关注【人人开源】，获得项目最新动态及更新提醒
  

  
  

微信交流群

我们提供了微信交流群，扫码下面的二维码，关注【人人开源】公众号，回复【加群】，即可根据提示加入微信群！