楚天乐的小站 -

angular 9打造用户系统 - 7使用ngrx router store管理路由

本篇要做什么本系列最后一篇本文将使用ngrx router store来绑定angular路由到ngrx，同事使用CustomRouteStateSerializer github代码：https://github.com/shyandsy/angular-9-ngrx-user-mamagement 原教程视频连接 https://www.youtube.com/watch?v=XHw4hYkGsHM&list=PLaMbwDs23r4KXoMucJEyUAvamQ-kFNBvC&index=9 安装文档文档位置 https://github.com/ngrx/platform/tree/master/docs/router-store 安装 npm install @ngrx/router-store --save 新建src\app\shared\utils.ts, customer-route-state-serializer。这段代码是上面文档提供的 import { StoreModule, ActionReducerMap } from "@ngrx/store"; import { Params, RouterStateSnapshot} from '@angular/router'; import { RouterStateSeria...

angular 9打造用户系统 - 6使用ngrx entity完成CRUD操作

本篇要做什么本文将使用effect entity来实现CRUD操作,需要用到ReactiveForm github代码：https://github.com/shyandsy/angular-9-ngrx-user-mamagement 原教程视频连接 https://www.youtube.com/watch?v=XHw4hYkGsHM&list=PLaMbwDs23r4KXoMucJEyUAvamQ-kFNBvC&index=8 步骤 src/app/app.module.ts导入ReactiveFormsModule 不在给出全部代码，需要的话，参照前一篇文章。 // 导入ReactiveFormsModule import { ReactiveFormsModule } from '@angular/forms'; imports: [ BrowserModule, StoreModule.forRoot({}), StoreDevtoolsModule.instrument(), EffectsModule.forRoot([]), HttpClientModule, AppRoutingModule, ReactiveFormsModule, // 加入ReactiveFor...

angular 9打造用户系统 - 5使用ngrx entity

本篇要做什么本文将使用effect entity库来管理数据集，减少CRUD操作代码量，通过id来查找user github代码：https://github.com/shyandsy/angular-9-ngrx-user-mamagement 安装ngrx entity npm install @ngrx/entity 原教程视频连接 https://www.youtube.com/watch?v=igc5rBN50wk&list=PLaMbwDs23r4KXoMucJEyUAvamQ-kFNBvC&index=7 步骤修改src\app\users\state\user.reducer.ts import * as userAction from './user.actions'; import {createFeatureSelector, createSelector, Store} from '@ngrx/store'; // 加入 import {EntityState, EntityAdapter, createEntityAdapter } from '@ngrx/entity'; import * as fromRoot from '../../state/app-state'; import { User } from '...

angular 9打造用户系统 - 4使用ngrx effect从http api加载数据

本篇要做什么本文将使用effect从http api加载数据来显示，user-list.component改用action对象发布事件 github代码：https://github.com/shyandsy/angular-9-ngrx-user-mamagement 原教程视频连接 https://www.youtube.com/watch?v=1dQVJ1DaFWU&list=PLaMbwDs23r4KXoMucJEyUAvamQ-kFNBvC&index=6 步骤新建src\app\app.models.ts 通用的抽象response接口 export interface Response<T> { code: number, msg: string, data: T } 实现UserService, src\app\users\user.service.ts import { Injectable } from "@angular/core"; import { HttpClient } from "@angular/common/http"; import { Observable } from "rxjs"; import { Response } from './../app.mode...

angular 9打造用户系统 - 3 使用ngrx action和devtools

本篇要做什么本文将在上一篇基础上增加ngrx/store-devtools和actions github代码：https://github.com/shyandsy/angular-9-ngrx-user-mamagement 上一篇已经安装依赖 npm install @ngrx/store @ngrx/effects @ngrx/entity @ngrx/store-devtools @ngrx/router-store 原教程视频连接 https://www.youtube.com/watch?v=1dQVJ1DaFWU&list=PLaMbwDs23r4KXoMucJEyUAvamQ-kFNBvC&index=5 步骤浏览器安装redux devtools插件，我使用chrome浏览器修改src\app\app.module.ts import { BrowserModule } from '@angular/platform-browser'; import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { StoreModule } from '@ngrx/store'; //加入这行，引用StoreDevtoolsModule impor...

angular 9打造用户系统 - 2使用ngrx store和reducer来加载用户列表

angular 9打造用户系统-2 本片使用ngrx store和ngrx reducer加载用户列表 github代码：https://github.com/shyandsy/angular-9-ngrx-user-mamagement 原教程视频连接 https://www.youtube.com/watch?v=ChiAZJiX3v0&list=PLaMbwDs23r4KXoMucJEyUAvamQ-kFNBvC&index=4 步骤安装ngrx依赖 npm install @ngrx/store @ngrx/effects @ngrx/entity @ngrx/store-devtools @ngrx/router-store 创建第一个action和reducer 创建src\app\users\user.model.ts import { Time } from '@angular/common' export interface User{ id?: number; username: string; cnname: string; enname: string; password?: string; role_id: number; email: string; t...

angular 9打造用户系统 - 1搭建一个用户管理界面

做什么本文使用angular搭建一个客户管理页面，包含添加客户，修改客户信息，客户列表。本文内容只涵盖展示页面，没有业务逻辑。业务逻辑将在下一篇中实现，最终效果在页面底部 github代码：https://github.com/shyandsy/angular-9-ngrx-user-mamagement 感谢教程原作者 https://www.youtube.com/watch?v=QlzX_gKixa4&list=PLaMbwDs23r4KXoMucJEyUAvamQ-kFNBvC&index=3 https://github.com/angulardeveloper-io/ngrx-store-app 步骤创建项目,项目名user ng new user 加入bootstrap4的css,文件： <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>User</title> <base href="/"> <meta name="viewport" content="width=device-width, initial-scale=1"> ...

vc++打包发布自带依赖dll

问题相信很多人都遇到过vx项目打包发布出去之后，用户安装运行提示缺少mfc140u.dll(数字是vc版本决定的)，然而奇怪的是很少有人讨论具体怎么解决这个问题我尝试过的办法静态发布编译时候选择静态方式使用mfc，all done，打包之后的程序自带依赖问题：某些依赖组件只有dll，没有lib。别问我为什么，这里不做讨论。这时候就没办法使用静态方式的mfc了安装启动vc发型包安装 innosetup打包安装程序时候，打包vc发型包，安装过程中进行安装。 [Files] Source: "D:\dep\mfc140u.dll"; DestDir: "{app}"; Flags: ignoreversion [Run] ;Filename: {tmp}\vc_redist.x86.exe; Parameters: "/q /passive /Q:a /c:""msiexec /q /i vcredist.msi"""; StatusMsg: "Installing VC++ 2017 Redistributables..." 问题：装完要重启，不然找不到mfc140u.dll 安装包体积大查看dll依赖，innosetup制作安装包时候拷贝查看依赖 > cd c:\Program Files (x86)\Microsoft Visual...

从git历史删除中恢复某一个文件

有个功能点之前不需要，删掉了，现在又需要还得把他找回来。确定git能完成这项任务，但是学会之后并没有实操，早已经不记得了。这里记录一下操作过程 git命令查看文件删除hash戳 git log --all --full-history upload\xxx.php 输出(已做处理，不要照抄): commit d6cd1e2bd19e03a81132a23b2025920577f84e37 Author: zzz zzz@qq.com Date: Wed Apr 11 11:11:11 2020 +0800 修改记录。。。。。 ok，我们明确知道删除改文件的commit是d6cd1e2bd19e03a81132a23b2025920577f84e37 2. 查看该提交文件记录 git show d6cd1e2bd19e03a81132a23b2025920577f84e37 upload\xxx.php 3. 找回文件,git checkout 后面指定hash，紧接着加一个"~1"，表示从删除前的commit获取 git checkout d6cd1e2bd19e03a81132a23b2025920577f84e37~1 upload\xxx.php all done

美图秀秀windows端也搞无节操弹窗

桌面总是有弹窗，很烦。spy++，配合pe explorer找一下吧直接上图定位文件位置C:\Program Files (x86)\Meitu\XiuXiu\MessageBox.exe 结束任务，删掉这个文件，lol

Hot

Lastest