96 Star 351 Fork 174

Exrick / xboot-front

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

xboot-front

作者主要为后端开发 能力经验有限 如有错误欢迎指正!

宣传视频

宣传官网

在线Demo

最新最全面在线文档

https://www.kancloud.cn/exrick/xboot/content

后端项目地址:XBoot

涉及技术:Spring Boot 2.x/Spring Security/JWT/Spring Data JPA+Mybatis-Plus/Redis/Elasticsearch 分布式限流/同步锁/验证码/SnowFlake雪花算法ID生成 动态权限管理 数据权限 代码生成 日志记录 定时任务 第三方账号、短信登录

项目简介

  • 项目基于 Vue-Cli 4.x 创建
  • 主要Main组件框架基于iView-admin 1.0版本 修复其部分BUG
  • UI组件库升级至iView/View UI 4.x
  • 后端加载动态权限菜单 多方式轻松权限控制至按钮显示
  • 提供Vue空白模版,只需修改后端请求和对应实体字段即可完成页面开发
  • 多语言切换、消息管理、第三方社交账号或短信登录
  • iView使用图标库 ionicons 额外图标库 vue-awesome
  • 现已提供封装的带后端真实接口数据的组件,详见XBoot业务组件菜单

截图预览

  • PC

QQ截图20180826163917.png

QQ截图20180826164058.png

QQ截图20180826164144.png

  • iPad Mini 5
  • iPhone X

完整版截图细节展示

系统架构

主要所用技术

最新最全面在线文档

第一时间更新,文档永不收费

https://www.kancloud.cn/exrick/xboot/content

本地开发构建运行

  • 启动后端 x-boot 项目后,在 vue.config.js 中修改你的后端接口地址代理配置
  • 在项目根文件夹下先后执行命令 npm install (若有报错请使用cnpm)、 npm run dev
  • 前台端口默认9999 http://localhost:9999

部署

  • 执行过命令 npm install 后,执行 npm run build 将打包生成的 dist 静态文件放置Nginx服务器中,并配置反向代理。当然还可放置Spring Web等其他项目resources静态资源文件夹下可避免跨域(不推荐)。
  • Nginx配置详见开发文档部署部分

开发指南及技术栈说明

学习记录(更新中)

  1. axios请求封装 统一异常处理

  2. 动态路由菜单加载

  3. 多维度控制权限至按钮显示

  4. 基于Websocket实现发送消息后右上角消息图标红点实时显示

  5. 动态组件单页操作

Docker下前端端集群部署(更新中)

后端端集群部署请跳转至x-boot项目查看

1.Docker的安装与常用命令

2.Nginx集群搭建

3.XBoot前端集群部署及负载均衡配置

作者其他项目推荐

技术疑问交流

  • QQ交流群 475743731(付费),可获取各项目详细图文文档、疑问解答

  • 免费交流群 562962309

  • 作者博客:http://blog.exrick.cn

捐赠

空文件

简介

这才是你想要的前后端分离开发平台!不做丑项目!轻松控制权限按钮显示!基于Vue+iView 动态路由权限菜单/多语言/增删改模版/代码生成/消息推送/日志记录/定时任务/第三方账号、短信登录 展开 收起
JavaScript 等 5 种语言
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
JavaScript
1
https://gitee.com/Exrick/xboot-front.git
git@gitee.com:Exrick/xboot-front.git
Exrick
xboot-front
xboot-front
master

搜索帮助

344bd9b3 5694891 D2dac590 5694891