shin 的读音是[ʃɪn],谐音就是行,寓意可行的后台管理系统,shin-admin 的特点是: 站在巨人的肩膀上,依托Umi 2.Dva 2.Ant Design 3和React 16.8搭建的定制化后台. 介于半成品和成品之间,有很强的可塑性,短期内你就能把控全局. 借助模板组件可快速交付90%以上的页面. 多样的权限粒度,大到菜单,小到接口. 容易扩展,例如引入统计用的图表或富文本编辑器等.   当然它还有一些不友好的地方: 大流程绝对能跑起来,但仍潜伏着很多细节BUG有待解决. 有

FastAdmin是一款基于ThinkPHP5+Bootstrap的极速后台开发框架:开发文档 下面对环境搭建简要概述,希望后来者能少走弯路: 1. 百度搜索最新版wampserver, 安装并启动 2. forbidden 解决错误,appache 服务器配置 在浏览器输入127.0.0.1可以进入wamp页面,但输入localhost不可以,解决方法: apache => httpd.conf => 修改Allow from 127.0.0.1为Allow from all => 重

拥有一个美观好用的网站后台,是很多开发者的梦想,笔者在闲暇时间里搭建了一个不错的后台框架,这里分享诸位开发同仁. 项目地址:https://github.com/kongdf123/KentNoteBook

代码地址(如果有帮助,请点个Star) vue:https://github.com/wwt729/ElementUIAdmin-master.git springboot后端:https://github.com/wwt729/managemail.git 相关技术 vue2:https://cn.vuejs.org/v2/guide/ element :基于vuejs2.0的ui组件库 axios:向后台发送请求,https://www.kancloud.cn/yunye/axios/234

将权限管理应用到系统,首先做好登录, 点击登录按钮后,触发以下动作 vuex 中的 login 动作,设置 cookie vuex 中的 getuserinfo , 获取权限.用户名.头像等 由于目前未使用连接后端服务器,所以使用 mockjs 拦截请求并返回. 在github中查看 1 全局请求拦截 使用axios 封装好请求和响应 src/utils/request.js import axios from 'axios' const clearRequest = { source: { t

不同的权限对应不同的路由(菜单),同时侧边栏也根据权限异步生成,实现登录和鉴权思路如下: 登录:点击登录,服务器验证通过后返回一个 token ,然后存到 cookie,再根据 token 拉取用户权限 鉴权:通过 token 获取对应的roles, 计算有权限的路由,使用 router.addRoutes 动态加载路由 数据和操作通过 vuex 进行控制 1 登录 登录按钮 click 事件触发登录动作: /** ...省略的代码 */ this.$store.dispatch('LoginB

1 会话存储 使用html5的 sessionStorage 对象临时保存会话 // 保存会话 sessionStorage.setItem('user', username) // 删除会话 sessionStorage.removeItem('user', username) 2 将所有未登录会话重定向到 /login 用 vue-router 的 beforeEach 实现 beforeEach 方法接收三个参数: to: Route: 即将要进入的目标 路由对象 from: Route:

1 会话存储 使用html5的 sessionStorage 对象临时保存会话 // 保存会话 sessionStorage.setItem('user', username) // 删除会话 sessionStorage.removeItem('user', username) 2 将所有未登录会话重定向到 /login 用 vue-router 的 beforeEach 实现beforeEach 方法接收三个参数: to: Route: 即将要进入的目标 路由对象 from: Route:

home.vue页面 <template> <div style="background-color: #EBEBEB;min-height:900px"> <div style="width:100%;background-color: #636363; overflow: hidden"> <span class="demonstration" style="float:left;paddi

1 node环境安装 从 node官网下载安装包 2 vue-cli npm install vue-cli -g 3 新建项目 vue init webpack vue-project 可保持默认,一路回车 完成后 cd vue-project npm run dev 工程启动成功,访问 http://127.0.0.1:8080 可看到页面 win下使用 tree /f 查看此时src下的文件列表: │ App.vue │ main.js │ ├─assets │ logo.png │ ├─

elementui已经封装好了 el-table 组件,只需要指定 data 数据源即可,因此通常在 vue 实例生命周期的 created 阶段,从数据库获取数据,再将返回的数据绑定到 data 如果后端同学能直接返回前端需要展示的所有数据,那么前端只需要请求一次,多么的和谐,多么完美. 然而凡事皆有例外,比如在已有的table表格增加若干列,而数据从不同的源获取,这时候再修改功能已经完善的接口显然不明智,那么前端使用同步或异步请求来获取数据是比较好的方案. 同步 例如一个文章接口只返回了文章

根据权限计算路由的代码 /** * 通过meta.role判断是否与当前用户权限匹配 * @param roles * @param route */ function hasRoles (roles, route) { if (route.meta && route.meta.roles) { return roles.some(role => route.meta.roles.includes(role)) } else { return false } } /** * 递归过滤

有一个菜单树,顶层菜单下面有多个子菜单,子菜单下还有子菜单... 这时候就要用递归处理 1 定义多级菜单 修改 src/router/index.js 的 / 路由 { path: '/', redirect: '/dashboard', name: 'Container', component: Container, children: [ {path: 'dashboard', name: '首页', component: Dashboard, children: [ {path: 'das

使用font-awesome npm install --save font-awesome 修改 src/main.js 增加 import 'font-awesome/scss/font-awesome.scss' 1 login页面增加图标 效果如下 修改原来的用户输入框 <template slot="prepend"><span class="fa fa-user fa-lg" style="width: 13px"&

上一节搭好了主框架,但是标签页和侧边栏只是分别展示了各自的菜单,如何将二者联动起来? 定义路由规则:当有 children 属性时,从 children 里取出 path 填充到侧边栏,如: { path: '/', redirect: '/dashboard', name: 'Container', component: Container, children: [ {path: 'dashboard', name: '首页', component: Dashboard, }, {path:

在上一篇文章中我们介绍了单页应用是如何使用IdentityServer完成身份验证的,并且在讲到静默登录以及会话监听的时候都提到会话(Session)这一概念,会话指的是用户与系统之间交互过程,反过来说就是用户与系统之间交互的状态就保存在会话(Session)中,对于HTTP协议来说,由于它本身是无状态的,所以为了能够记录用户访问系统的状态,一般使用Cookie来存放会话信息.但是现在我们需要保存的是与IdentityServer之间的会话,对于单页应用来说它一般会存在跨域问题,那Identit

介绍: 这是一个用vuejs2.0和element搭建的后台管理界面. 相关技术: vuejs2.0:渐进式JavaScript框架,易用.灵活.高效,似乎任何规模的应用都适用. element:基于vuejs2.0的ui组件库. vue-router:一般单页面应用spa都要用到的前端路由. vuex:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式. 效果图: 演示地址:https://taylorchen709.github.io/vueAdmin/dist/index.ht

闲聊: 今天是六一儿童节哟,小颖祝大家节日快乐哈哈哈.其实这个demo小颖断断续续做了将近两个礼拜了,心塞的,其实这个也没有多难,主要是小颖有点最近事情有点多,所以就把这个一直拖着,今天好不容易做好了嘻嘻.我们一起来看看效果图吧: 相关技术: 1.vue2.0 2.webpack 3.element 4.vue-router vue2.0环境搭建: 1.检查本地是否安装node:node -v 如果没有安装从node官网上下载相应的node,安装成功即可. 2.检查本地npm版本:npm -v,

说明: 这是一个用vuejs2.0和element-ui搭建的后台管理界面. 相关技术: vuejs2.0:一套构建用户界面的渐进式JavaScript框架,易用.灵活.高效. element-ui:一套为开发者.设计师和产品经理准备的基于 Vue 2.0 的组件库. vue-router:前端路由,用Vue.js + vue-router 创建单页应用(SPA)非常简单. axios: 基于 Promise 的 HTTP 请求客户端,可同时在浏览器和 node.js 中使用. mock.js:

简介 通过 Erlang 的分布式特性(通过 magic cookie 认证节点)进行 RabbitMQ 集群,各 RabbitMQ 服务为对等节点,即每个节点都提供服务给客户端连接,进行消息发送与接收.这些节点通过 RabbitMQ HA 队列(镜像队列)进行消息队列结构复制.本方案中搭建 3 个节点,并且都是磁盘节点(所有节点状态保持一致,节点完全对等),只要有任何一个节点能够工作,RabbitMQ 集群对外就能提供服务. 1. 安装erlang,参考:http://fedoraprojec

如题,前端入坑许久,还是写个小东西出来吧 想要搭建自己的一个后台管理,实现简单的增删改查,看起来很简单 其实是真的简单,没有想的那么难,我也就写了一个月吧, 当然是假的,其实也就每天一两个小时,花了大概一周吧 下了最新的vue脚手架也就是3.0版本,还得自己配置config文件 怎么升级3.0,我就不多说了,网上太多了 10分钟上手最新vue脚手架 比如上面这篇讲的还是很通俗易懂的 init之后, npm install 开始下包 有人问,elementui这个包不用下载吗,要下载,不过不是通过