Cloud-Admin-UI: Cloud-Admin是国内首个基于Spring Cloud微服务化开发平台，具有统一授权、认证后台管理系统，其中包含具备用户管理、资源权限管理、网关API管理等多个模块，支持多业务系统并行开发，可以作为后端服务的开发脚手架。代码简洁，架构清晰，适合学习和直接项目中使用。核心技术采用Eureka、Fegin、Ribbon、Zuul、Hystrix、JWT Token、Mybatis等主要框架和中间件，前端采用vue-element-admin组件。

[](#ag-admin-v2-ui)AG-Admin-v2-UI

[](#%E5%87%86%E5%A4%87%E5%B7%A5%E4%BD%9C)准备工作

  • node.js环境（npm包管理器）
  • vue-cli 脚手架构建工具
  • cnpm npm的淘宝镜像

[](#%E5%BC%80%E5%8F%91%E8%BF%90%E8%A1%8C)开发运行

\# 安装依赖
npm install

   //or # 建议不要用cnpm  安装有各种诡异的bug 可以通过如下操作解决npm速度慢的问题

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

\# 本地开发 开启服务
npm run dev

浏览器访问 http://localhost:9527

[](#%E5%8F%91%E5%B8%83)发布

\# 发布测试环境 带webpack ananalyzer
npm run build:sit-preview

\# 构建生成环境
npm run build:prod

[](#%E9%83%A8%E7%BD%B2nginx%E9%85%8D%E7%BD%AE%E5%8F%82%E8%80%83)部署nginx配置参考

location / {

    # 指向我们打包后上传的前端文件
    root /opt/nginx/dist;
    index index.html;
}
location /jwt/ {
    # 转发请求到后端服务网关
    proxy_pass http://127.0.0.1:8765/jwt/;
}
location /api/ {
    proxy_pass http://127.0.0.1:8765/api/;
 }

[](#%E7%9B%AE%E5%BD%95%E7%BB%93%E6%9E%84)目录结构

├── build // 构建相关  
├── config // 配置相关
├── src // 源代码
│   ├── api // 所有请求
│   ├── assets // 主题 字体等静态资源
│   ├── components // 全局公用组件
│   ├── directive // 全局指令
│   ├── filtres // 全局filter
│   ├── mock // mock数据
│   ├── router // 路由
│   ├── store // 全局store管理
│   ├── styles // 全局样式
│   ├── utils // 全局公用方法
│   ├── view // view
│   ├── App.vue // 入口页面
│   └── main.js // 入口 加载组件 初始化等
├── static // 第三方不打包资源
│   ├── jquery
│   └── Tinymce // 富文本
├── .babelrc // babel-loader 配置
├── eslintrc.js // eslint 配置项
├── .gitignore // git 忽略项
├── favicon.ico // favicon图标
├── index.html // html模板
└── package.json // package.json

[](#%E7%8A%B6%E6%80%81%E7%AE%A1%E7%90%86)状态管理

后台只有user和app配置相关状态使用vuex存在全局，其它数据都由每个业务页面自己管理。

[](#%E6%84%9F%E8%B0%A2)感谢

感谢作者：PanJiaChen

[](#license)License

Apache License Version 2.0

Original url: Access
Created at: 2018-10-18 18:12:29
Category: default
Tags: none

未标明原创文章均为采集，版权归作者所有，转载无需和我联系，请注明原出处，南摩阿彌陀佛，知识，不只知道，要得到

请先后发表评论
  • 最新评论
  • 总共0条评论