# dubbo-demo-client

**Repository Path**: lining90567/dubbo-demo-client

## Basic Information

- **Project Name**: dubbo-demo-client
- **Description**: 基于vue+element编写的dubbo-demo前端应用
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-06-19
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Dubbo-Demo-Client

------

Dubbo-Demo-Client是基于vue+element开发的Dubbo-Demo项目的前端应用，包含了如下功能特点：

> * Vue+Element，轻巧、高性能、易于上手。
> * 后台Web应用无状态，使用JWT管理身份认证。
> * 动态路由，按需加载。

![登录](https://github.com/lining90567/dubbo-demo-client/blob/master/screenshots/login.png)

![首页](https://github.com/lining90567/dubbo-demo-client/blob/master/screenshots/index.png)

![路由](https://github.com/lining90567/dubbo-demo-client/blob/master/screenshots/router.png)

![资源](https://github.com/lining90567/dubbo-demo-client/blob/master/screenshots/resource.png)

![权限](https://github.com/lining90567/dubbo-demo-client/blob/master/screenshots/permission.png)

![用户](https://github.com/lining90567/dubbo-demo-client/blob/master/screenshots/user.png)

## 使用方法

### 修改配置文件

config\dev.env.js和prod.env.js，修改BASE_API为 [dubbo-demo-backend](https://github.com/lining90567/dubbo-demo-server/tree/master/dubbo-demo-backend) 的地址。

### 运行

 - 安装依赖包：npm（建议使用cnpm） install
 - npm run dev，通过http://localhost:3000 访问
 - npm run build，完成后打开dist\index.html访问
 - 默认用户：system，口令：123456

### 注意事项

**如需添加模块，则需要：**

 1. 在路由管理中定义模块内容，路由代码表示前端源码路径中views下的文件夹名称，如添加商品管理，路由代码设置为product，则需要在views文件夹下创建product文件夹，然后创建index.vue；扩展属性中的requiresAuth表示访问该路由是需要在前端先验证token是否存在，cssClass为首页左侧路由菜单的图标样式（element-ui的Icon图标样式），nameFullPath为导航面包屑的完整路径。
 2. 在资源管理中定义模块的功能，资源的url需要和Web服务Controller中定义的API Url一致，资源权限中冒号后边的内容和Http Method的对应关系：get->read、put->update、post->create、delete->delete
 
**作者信息**

博客：[http://blog.csdn.net/hyxhbj1](http://blog.csdn.net/hyxhbj1)

邮箱：lining90567@sina.com

QQ：328616209