前端的路由从后台获取,包括权限: 大体步骤包括:路由拦截(钩子函数)---->后台获取路由数据 ----> 保存到本地或vuex中. 在router-->index.js中: router.beforeEach((to, from, next) => { //拦截处一定要else{} // 加载动态菜单和路由 if (to.path === '/') { addDynamicMenuAndRoutes(to, from) console.log(router.options.rou

在一个后台管理的项目中,关于路由的配置,     我们需要实现的一个布局是header,aside,main三部分,后期还可能添加footer部分,实现的需求是请求数据时,局部的刷新,这个时候我们就需要对路由进行配置.要实现main部分的局部刷新,还要考虑404页面 直接上代码 import Vue from 'vue' import Router from 'vue-router' Vue.use(Router); const _import_ = file = > () = > impor

配置来源 https://stackoverflow.com/questions/28043957/how-to-set-apache-solr-admin-password 注意:配置用户名密码后 集群连接也要设置 用户名 密码 1.配置Solr后台管理界面登录权限 cd /opt/solr-6.1.0/server/etc vi jetty.xml 在标签</Configure> 配置如下: <Call name="addBean"> <Arg>

<template> <section> <div class="navTabList el-tabs__nav-scroll" id="tabsNav" v-if="showTags"> <ul class="nt-ul el-tabs__nav" id="tabsNavList"> <li v-for="(item,index) in ta

¶项目分析 一个完整的网站服务架构,包括:   1.web frame ---这里应用express框架   2.web server ---这里应用nodejs   3.Database ---这里应用MonggoDB  + NoSQL Manager for MonggoDB  professional 进行管理   4.前端展示  ---这里应用vue 1.项目服务器端搭建 安装NoSQL Manager for MonggoDB  professional,mongodb,nodejs,

第一种方法:vue嵌套路由(二) <el-menu :default-active="defaultActive" style="min-height: 100%;" theme="dark" router> <el-menu-item index="manage"> <i class="el-icon-menu"></i>首页 </el-menu-it

1.前言 上篇,我们讲了后端的授权.与后端不同,前端主要是通过功能入口如菜单.按钮的显隐来控制授权的.具体来讲,就是根据指定用户的制定权限来加载对应侧边栏菜单和页面内的功能按钮.我们一个个来讲. 2.侧边栏菜单 鉴于本项目使用了vue-router,那显然,侧边栏就会跟对应路由关联,同时,前端项目会注册路由导航事件,此事件见src根目录下permission.js: 截图中,上边的红框代表是在注册路由跳转前回调钩子,此钩子可以根据具体情况决定是否需要导航到目的路由或导航到其他路由.下边的红框先调

项目GitHub地址:https://github.com/Little-Orange7/cmms-vue 一.简介 很多公司稍微复杂一点的业务,基本上都需要后台管理系统,来对业务进行各个维度的统计.对公司人员管理等等,这些后台管理系统都有一个基础的共性,就是对登录用户的管理,对用户角色的管理,对登录用户的操作权限的管理等,所以此项目就将这部分作为一个基础功能编写出来作为一个通用后台管理系统(common management system),为各种后台管理系统提供一个基础的版本框架,使企业能快

方案一.在生成项目的时候就选择安装路由; 这个地方选择y即可; 生成项目之后在src目录下会有router文件夹,里面有index.js,并且里面已经存在一个helloWorld页面了,可以直接模仿着这个'例子'往下进行; 在对新建的页面首先在这个页面进行引入,然后再配置即可; 方案二.在生成项目的时候未选择安装路由; 1.首先执行npm i vue-router --save 或者 cnpm i vue-router --save (根据个人情况是否安装淘宝镜像cnpm来选择具体使用哪个命令)

在初始化vue init webpack <工程名>时,有一步是询问是否安装vue-router,选择yes,如果没有安装的话,后面需要自己安装.然后在目录中可以看到有个文件夹叫router: 首先在components里有多个VUE页面,这里假设有两个:HelloWorld和firstcom.我们刚开始进去的时候显示HelloWorld界面: 点击其中的firstcom按钮,即跳转到下一个界面: 这里使用初始化的APP作为主页面: 其中的<router-link to="你想

网上搜索了很久Vue项目搭建指南,并没有找到写的比较符合心意的,所以打算自己撸一个指南,集合众家之所长(不善于排版,有点逼死强迫症,如果觉得写的有问题,可以留言斧正,觉得写的太差的,可以留言哪里差, 有不好的地方改,欢迎调侃). 搭建项目前准备工作 首先你需要一台电脑,建议做开发的电脑最好是内存 8G 以上16G最佳,土豪随意. Node标准稳定版, 不建议使用最新的测试版本,缘由是因为最新的测试版本总有各种各样的奇葩BUG,会导致启动项目的时候报各种错误,最关件的是,这些问题很难定位,更别提解

这里是结合vue和element快速成型的一个demo 里面展示了基本的后台管理界面的大体结构和element的基本操作 GitHub的地址:https://github.com/wwwming/adminDemo

1.背景 最近,打算新开个项目,鉴于团队技术栈,选型.net core + vue,前后端分离.本打算捡现成的轮子的,github上大致逛了逛,总发现这样那样的不太适合心中那些“完美实践”,例如:Abp vnext好是好,但重度封装,且前端是基于jQuery,后续业务开发估计要大批量操作DOM,写大量JS:WTM虽然简单强大,但也不容易定制化.总之,各式各样的快速开发框架,尤其是后端,总有些不方便扩展或定制化的地方.于是,自己花了差不多半个月业余时间,手撸了一个具有系统管理基础功能的后台管理框架

1.前言 这块儿当时在IdentityServer4和JWT之间犹豫了一下,后来考虑到现状,出于3个原因,暂时放弃了IdentityServer4选择了JWT: (1)目前这个前端框架更适配JWT: (2)前后端分离的项目,如果上IdentityServer4,还要折腾点儿工作,比如前端配置.多余的回调等: (3)跨度太大,团队.系统.历史数据接入都是问题,解决是可以解决,但时间有限,留待后续吧: 当然,只是暂时放弃,理想中的最佳实践还是IdentityServer4做统一鉴权的. 2.JWT认

1.前言 APM,又称应用性能统计,主要用来跟踪请求调用链,每个环节调用耗时,为我们诊断系统性能.定位系统问题提供了极大便利.本系统采用的是Elastic Stack体系中的APM,主要是之前部门搞PCI认证,其中有一环ELK,而刚好ELK就是我搭建的,这里就顺便使用ELK体系的APM,没必要再另起一套了. 2.实现 首先,你需要搭建好ELK平台,这里搭建过程不做赘述,大家参考Elastic Stack官网,简单明了. 然后,安装Elastic APM Server,就是一个Linux RPM包

1.背景 前阵子有园友留言,提到日志相关的东西,同时,最近圈子里也有提到日志这个东西.一个充分.集中的统一日志平台还是很有必要的,否则系统出问题了只能靠猜或者干瞪眼.何谓充分,日志记录满足最低要求.出问题方便定位.可追溯.可追责,最重要的,方便扯皮:何谓集中,各子系统或服务日志都怼到一个地方,想看日志直接去日志平台去看,且方便检索.聚类,而不是需要每个服务.每台服务器逐个远程去翻扯.这里,就结合项目实践,聊下怎么方便.快捷.低成本的实现统一日志平台. 2.技术栈 .NET CORE + log4

1.前言 但凡业务系统,授权是绕不开的一环.见过太多只在前端做菜单及按钮显隐控制,但后端裸奔的,觉着前端看不到,系统就安全,掩耳盗铃也好,自欺欺人也罢,这里不做评论.在.NET CORE中,也见过不少用操作过滤器来实现业务用例权限控制的,至少算是对后端做了权限控制. 但我们知道,操作过滤器,已经算是过滤器管道中最靠后的,基本上紧挨着我们控制器方法执行那里了,本身,操作过滤器也不是做权限控制的地方,虽然本身它能达到权限控制效果.为什么这么说,试想下,在过滤器管道之前,还有中间件处理管道,即便是过滤

1.down源码 git clone https://github.com/KINGGUOKUN/SystemManagement.git,项目目录如下: 2.还原数据库 找到项目根目录下SystemManagement.sql,还原进MySQL,这里不做演示. 3.运行后端系统 打开解决方案,重新生成,修改appsetting.json中数据库链接,F5 4.运行前端 进入前端根目录(/ClientApp),删除此目录下的package-lock.json(如果存在的话),从此目录进入命令行,

1.前言 作为前后端分离的项目,或者说但凡涉及到对外服务的后端,一个自描述,跟代码实时同步的文档是极其重要的.说到这儿,想起了几年前在XX速运,每天写完代码,还要给APP团队更新文档的惨痛经历.给人家普及swagger,说不习惯,就要手写的Word文档. 闲话少扯.一份合格的文档,最起码要包括rest地址,HTTP方法,入参出参,入参出参的描述,如果接口包括授权,swagger文档还需要对应包括这部分的处理.做到这点,前端团队必定会感激你的,而且一个靠谱的前端,它也一定会要求你这么做的.再闲扯一

web框架 框架,即framework,特指为解决一个开放性问题而设计的具有一定约束性的支撑结构. 使用框架可以帮你快速开发特定的系统. 简单地说,就是你用别人搭建好的舞台来做表演. 尝试搭建一个简单的web框架: 因为我们不希望接触到TCP连接.HTTP原始请求和响应格式,所以,需要一个统一的接口,让我们专心用Python编写Web业务. 这个接口就是WSGI:Web Server Gateway Interface. #---------------------myweb.py-------

Django自带后台管理的配置 创建项目和应用 修改配置文件 数据库配置 DATABASES = { 'default': { 'ENGINE': 'django.db.backends.mysql', 'NAME': 'mydb',#选择数据库的名,请确认你的mysql中有这个库 'USER': 'root', 'PASSWORD': '123456', 'HOST': 'localhost', 'PORT': '3306', } } 应用配置 INSTALLED_APPS = [ 'djan