Git Product home page Git Product logo

dubbo-demo-client's Introduction

Dubbo-Demo-Client


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

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

登录

首页

路由

资源

权限

用户

使用方法

修改配置文件

config\dev.env.js和prod.env.js,修改BASE_API为 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

邮箱:[email protected]

QQ:328616209

dubbo-demo-client's People

Contributors

lining90567 avatar

Watchers

James Cloos avatar

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.