90 Star 325 Fork 247

微同软件 / platform-plus-ui

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
README.md 6.72 KB
一键复制 编辑 原始数据 按行查看 历史
微同软件 提交于 2020-04-20 18:30 . 更换体验地址

介绍

  • platform-plus-ui基于vue、element-ui构建开发,实现platform-plus后台管理前端功能。
  • 封装富文本编辑器组件,并且支持使用v-model双向绑定富文本数据。简单到像使用input一样。
<ueditor v-model="msg"></ueditor>
...
data () {
      return {
        msg: '<h2><img src="http://img.baidu.com/hi/face/i_f03.gif"/>Vue + UEditor + v-model双向绑定</h2>'
      }

项目演示

  • 演示地址:http://fly2you.cn/platform-mall/#/login
  • 账号密码:
    • test1/888888
    • test2/888888
    • test3/888888
    • test4/888888
    • test5/888888
    • test6/888888
    • test7/888888
    • test8/888888
    • test9/888888
    • test10/888888

实现功能

- 系统管理
    - 菜单管理
    - 组织机构
    - 系统参数
    - 字典管理
    - 文件上传
    - 系统日志
- 权限管理
    - 管理员列表
    - 角色管理
- 短信平台
    - 短信配置
- 任务调度
    - 定时任务
- 开发工具
    - 在线用户管理
    - 缓存信息
    - SQL监控
    - 接口文档
    - 代码生成器

技术栈

你需要在本地安装 nodejs。

目录结构

本项目已经通过vue-cli脚手架为你生产完整的开发框架(有根据业务需求做调整修改),下面是整个项目的目录结构。

├── build                      // 构建相关
├── config                     // 构建配置相关
├── dist                       // 构建打包生成部署文件
│   ├── 1902151513             // 静态资源(19年02月15日15时13分)
│   ├── config                 // 配置
│   ├── index.html             // index.html入口
├── src                        // 源代码
│   ├── assets                 // 静态资源
│   ├── components             // 全局公用组件
│   ├── element-ui             // element-ui组件配置
│   ├── element-ui-theme       // element-ui组件主题配置
│   ├── icons                  // 所有 svg icons
│   ├── router                 // 路由
│   ├── store                  // 全局 store管理
│   ├── utils                  // 全局公用方法
│   ├── views                  // view
│   ├── App.vue                // 入口组件
│   ├── main.js                // 入口
├── static                      // 第三方不打包资源
│   ├── config                 // 全局变量配置
│   ├── img                    // favicon图标
│   ├── plugins                // 插件
├── .babelrc                   // babel-loader 配置
├── eslintrc.js                // eslint 配置项
├── .gitignore                 // git 忽略项
├── index.html                 // html模板
└── package.json               // package.json

安装

# 安装依赖
npm install

# 启动服务
npm run dev

安装过程中,可能会出现安装过慢、报错等情况,请尝试以下方式:

npm install -g cnpm --registry=https://registry.npm.taobao.org

cnpm install

# 启动服务
npm run dev

启动完成后会自动打开浏览器访问 http://localhost:8000

打包部署

修改
/static/config/index-[prod].js文件中
window.SITE_CONFIG['baseUrl'] = 'http://47.93.215.16/platform-plus'// 后台接口请求地址
window.SITE_CONFIG['domain'] = '静态资源cdn地址';

# 构建生产环境(默认)
npm run build

部署Nginx配置参考

  location / {
        # 指向我们打包后上传的前端文件
        root /usr/local/nginx/dist;
        index index.html;
    }
    location /platform-plus {
        # 转发请求到后端
        proxy_pass                         http://localhost:8888;
        proxy_set_header  Host             $host;
        proxy_set_header  X-Real-IP        $remote_addr;
        proxy_set_header  X-Forwarded-For  $proxy_add_x_forwarded_for;
    }

效果图:

  • 菜单管理 https://platform-wxmall.oss-cn-beijing.aliyuncs.com/upload/platform-plus/platform-plus.jpg
  • 字典管理 https://platform-wxmall.oss-cn-beijing.aliyuncs.com/upload/platform-plus/dict.png
  • 在线人数 https://platform-wxmall.oss-cn-beijing.aliyuncs.com/upload/platform-plus/users.png
  • 缓存数据 https://platform-wxmall.oss-cn-beijing.aliyuncs.com/upload/platform-plus/doc.png
  • 接口文档 https://platform-wxmall.oss-cn-beijing.aliyuncs.com/upload/platform-plus/doc.png

提交反馈

  1. 欢迎提交 issue,请写清楚遇到问题的原因,开发环境,复显步骤。
  2. 不接受功能请求的 issue,功能请求可能会被直接关闭。
  3. 代码修改请遵循指定的 ESLint 规则,PR 之前请先执行 npm run lint 进行代码风格检测,大部分语法细节可以通过 npm run fix 修正。
  4. 官方QQ群:
  • 微同软件 ①群
  • 微同软件 ②群
  • 微同软件 ③群

常用API

JavaScript
1
https://gitee.com/fuyang_lipengjun/platform-plus-ui.git
git@gitee.com:fuyang_lipengjun/platform-plus-ui.git
fuyang_lipengjun
platform-plus-ui
platform-plus-ui
master

搜索帮助