vuex

1、前言 　　这块儿当时在IdentityServer4和JWT之间犹豫了一下，后来考虑到现状，出于3个原因，暂时放弃了IdentityServer4选择了JWT： （1）目前这个前端框架更适配JWT； （2）前后端分离的项目，如果上IdentityServer4，还要折腾点儿工作，比如前端配置、多余的回调等； （3）跨度太大，团队、系统、历史数据接入都是问题，解决是可以解决，但时间有限，留待后续吧； 　　当然，只是暂时放弃，理想中的最佳实践还是IdentityServer4做统一鉴权的。 2、JWT认证实现 （1）Common项目下定义JWTConfig配置对象 （2）系统配置文件中增加JWT参数配置 此处配置与（1）中的配置对象是对应的。 （3）JWT处理程序及相关服务注册 1 services.Configure<JWTConfig>(Configuration.GetSection( " JWT " )); 2 var jwtConfig = Configuration.GetSection( " JWT " ).Get<JWTConfig> (); 3 services.AddAuthentication(options => 4 { 5 options.DefaultAuthenticateScheme = JwtBearerDefaults

1. 安装webpack的问题： webpack坑系列--安装webpack-cli 2. vue-cli（vue脚手架）超详细教程 3. 在命令行中使用 touch 执行新建文件； 4. 关于Vue.use()详解 5. vuex 最简单的介绍 目录如左侧所示，主要是标红的三个文件。 5.1 store文件，编写vuex的各个功能，包括： import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const state = { // 定义状态数据 count: 2 } const mutations = { // 定义方法，操作数据 increment (state) { state.count ++ }, decrement (state) { state.count -- } } const actions = { add: ({commit}) => { // 触发上述的方法,对外提供的方法接口,可以在这里提供异步操作 commit('increment' ) }, reduce: ({commit}) => { commit( 'decrement' ) } } export default new Vuex.Store({state, mutations, actions}) 5.2 然后在main文件中

官网地址： http://mint-ui.github.io/#!/zh-cn 中文文档： http://mint-ui.github.io/docs/#/zh-cn2 示例展示： http://elemefe.github.io/mint-ui/#/ 如何引入vue2项目： 在public的index.html页面，用CDN的形式引入，这样可以减少vendor包的体积，当然如果不介意可以安装在本地 <! DOCTYPE html > < html lang ="en" > < head > < meta charset ="utf-8" > < meta http-equiv ="X-UA-Compatible" content ="IE=edge" > < meta name ="viewport" content ="width=device-width,initial-scale=1.0" > < title > </ title > <!-- MintUI --> < link rel ="stylesheet" href ="https://unpkg.com/mint-ui/lib/style.css" > </ head > < style > * { list-style : none ; margin : 0 ; padding : 0 ; text

前端火热的框架层出不穷，作为码农的我们，依旧需要去学习，去探索新的问题，学习新技术，其实就是为了写一手好的，自认为是高质量的代码。今天主要分享一下前端最火的框架 vue ，也是我比较喜欢的框架。 vue上手可以说是比较轻松而且简单，如果你用过angular，react，你也会很喜欢vue。vue的核心思想依旧是：构建用户界面的 渐进式框架，关注视图的变化。这也是为什么新建的文件是结构是template script style vue 的使用由很多种，可以直接引入vue.js就可以开启vue的开发。但是这是初级的使用。在vue官网中推荐vue-cli,这个会帮我们自动引入全家桶开发环境。这里不做过多的解释，下面主要分向vue使用的一些经验，如果有不对的地方，请大神指正。 在任何系统总我们都会涉及到用户需要登录的验证才可以去访问某个页面，这里我的做法是借助vue的router组件，实现我的页面验证功能。在面试中，有可能面试官会问到我们有关于用户的权限设置。用户权限是基于角色的设计的，对于我们而言，就是在不同的用户访问我们的系统的时候，你需要根据用户的不同显示不同的组件状态(个人习惯把整个页面作为模块化，组件化区分）；这里我们将进一步讨论组件的使用 在vue中我们常用的组件是父子组件，父子组件可以通过prop,而自组件是用自定义事件， $on(eventName) 监听事件 ，使用