一、Overview angular 入坑记录的笔记第一篇，完成开发环境的搭建，以及如何通过 angular cli 来创建第一个 angular 应用。...Angular 从入坑到弃坑 - Angular 使用入门 三、Knowledge Graph ?...全局安装 Angular CLI ## 在电脑上以全局安装的方式安装 angular cli npm install -g @angular/cli ?...4.1.2、运行第一个 Angular 应用 通过 Angular CLI 命令来创建一个新的应用 ## 指定位置，创建新的 angular 应用 ng new my-app 常用命令参数 options...e2e - 端到端测试文件 src - 单元测试源代码路径 app.e2e-spec.ts - 针对当前应用的端到端单元测试文件 app.po.ts - 单元测试源文件 protractor.conf.js
接下来的一个月博主将会从基础出发，编写一个关于使用MongoDB从入门到实战的相关教程，该项目后端使用的是.NET7、前端页面使用Blazor、使用MongoDB存储数据，更多相关内容大家可以看目录中的...MongoDB从入门到实战的相关教程。...MongoDB从入门到实战的相关教程 MongoDB从入门到实战之MongoDB简介 MongoDB从入门到实战之MongoDB快速入门 MongoDB从入门到实战之Docker快速安装MongoDB...MongoDB从入门到实战之MongoDB工作常用操作命令 MongoDB从入门到实战之.NET Core使用MongoDB开发ToDoList系统（1）-后端项目框架搭建 MongoDB从入门到实战之...MongoDB从入门到实战之.NET Core使用MongoDB开发ToDoList系统（4）-Blazor快速入门 MongoDB从入门到实战之.NET Core使用MongoDB开发ToDoList
MongoDB从入门到实战的相关教程 MongoDB从入门到实战之MongoDB简介 MongoDB从入门到实战之MongoDB快速入门 MongoDB从入门到实战之Docker快速安装MongoDB...MongoDB从入门到实战之MongoDB工作常用操作命令 MongoDB从入门到实战之.NET Core使用MongoDB开发ToDoList系统（1）-后端项目框架搭建 MongoDB从入门到实战之....NET Core使用MongoDB开发ToDoList系统（2）-系统数据集合设计 MongoDB从入门到实战之.NET Core使用MongoDB开发ToDoList系统（3）-MongoDB连接和基本操作封装...MongoDB从入门到实战之.NET Core使用MongoDB开发ToDoList系统（4）-Blazor快速入门 MongoDB从入门到实战之.NET Core使用MongoDB开发ToDoList...系统（5）-Blazor前端框架搭建 MongoDB从入门到实战之.NET Core使用MongoDB开发ToDoList系统（6）-用户登录注册模块开发 MongoDB从入门到实战之.NET Core
一、Overview Angular 入坑记录的笔记第七篇，介绍 Angular 中的模块的相关概念，了解相关的使用场景，以及知晓如何通过特性模块来组织我们的 Angular 应用 对应官方文档地址：...三、Step by Step 3.1、前端模块化 前端模块化是指将程序中一组相关的功能按照一定的规则组织在一块，整个模块内部的数据和功能实现是私有的，通过 export 暴露其中的一些接口（方法）与系统中的别的模块进行通信...@angular/forms 构建响应式表单 RouterModule @angular/router 使用前端路由 HttpClientModule @angular/common/http 发起...imports imports 数组表明当前模块正常工作时需要引入哪些的模块，例如这里使用到的 BrowserModule、AppRoutingModule 或者是我们使用双向数据绑定时使用到的 FormsModule...应用通过引导根模块来启动的，因为会涉及到构建组件树，形成实际的 DOM，因此需要在 bootstrap 数组中添加根组件用来作为组件树的根 3.3、特性模块 特性模块是用来将特定的功能或具有相关特性的代码从其它代码中分离出来
下面我们从MongoDB的架构，性能，和文档模型来介绍一下我们选择MongoDB的理由！...，一个主节点，两个不可投票从节点。...服务器插入的数据通过Mongos路由到具体地址，这也是MongoDB的便利之处，不需要自己关注路由，也不需要使用第三方提供的中间件辅助路由，可靠，放心。...因为对分片迁移也是消耗性能的，应用服务器写一次到Shard B，然后Shard B重写到Shard C无形之中数据被写了两次，这是极大的浪费！...从事电商、IM系统 深度研发，MongoDB爱好者，公众号《从菜鸟到大佬》作者。
一、Overview angular 入坑记录的笔记第四篇，介绍在 angular 中如何通过 HttpClient 类发起 http 请求，从而完成与后端的数据交互。...对应官方文档地址： Angular HttpClient 配套代码地址：angular-practice/src/http-guide 二、Contents Angular 从入坑到弃坑 - Angular...使用入门 Angular 从入坑到挖坑 - 组件食用指南 Angular 从入坑到挖坑 - 表单控件概览 Angular 从入坑到挖坑 - HTTP 请求概览 三、Knowledge Graph ?...constructor(private services: AntiMotivationalQuotesServicesService) { } ngOnInit(): void { } } 4.1.2、从服务端获取数据...4.1.3、提交数据到服务端 在同后端接口进行交互时，获取数据一般用的是 get 请求，而当进行数据新增、更新、删除时则会使用 post、put、delete 这三个 HTTP 谓词 在毒鸡汤这个接口中
一、Overview angular 入坑记录的笔记第三篇，介绍 angular 中表单控件的相关概念，了解如何在 angular 中创建一个表单，以及如何针对表单控件进行数据校验。...从入坑到弃坑 - Angular 使用入门 Angular 从入坑到挖坑 - 组件食用指南 Angular 从入坑到挖坑 - 表单控件概览 三、Knowledge Graph ?...将数据值和一些对于用户的行为约束（某个字段必须填啊、某个字段长度超过了长度限制啊）绑定到组件的模板中，从而完成与用户的交互 4.2.1、模板驱动表单的双向数据绑定 在根模块中引入 FormsModule...4.2.3、数据的有效性验证 某些时候需要对于用户输入的信息做有效性验证，此时可以在控件上添加上原生的 HTML 表单验证器来设定验证条件，当表单控件的数据发生变化时，angular 会通过指令的方式对数据进行验证...在数据验证失败的情况下，对于系统来说，表单是不允许提交的，因此可以将提交事件绑定到表单的 ngSubmit 事件属性上，通过模板引用变量的形式，在提交按钮处进行数据有效性判断，当无效时，禁用表单的提交按钮
前言 在上一篇文章中带领带同学们快速入门MongoDB这个文档型的NoSQL数据库，让大家快速的了解了MongoDB的基本概念。...MongoDB从入门到实战的相关教程 MongoDB从入门到实战之MongoDB简介 MongoDB从入门到实战之MongoDB快速入门 MongoDB从入门到实战之Docker快速安装MongoDB...，对db001、db002是读写权限 ] }) MongoDB数据库角色说明 数据库用户角色：read、readWrite； 数据库管理角色：dbAdmin、dbOwner、userAdmin;...超级账号，超级权限 服务器配置27017的开放端口 Navicat连接mongoDB并创建集合和添加数据 1.连接MongoDB点击这个位置 2、连接参数介绍： stand alone：独立的 shard...3、新建MongoDB数据库（MyMondoDBTest） 4、新建MongoDB文档（Books）并添加数据
活动已规定了选题框架，我思索了小会儿，觉得从0到1+ 挺切合选题一，即聊聊如何由浅到深地学习MongoDB的核心技术。为什么是1+而不是1呢？...既然从0开始，也必然少不了谈Mongo的基本概念原理，由于它是分布式数据库，也得谈谈分布式技术的常见原理。这一趟下来，够有谈的了。...在这里就不对各种命令使用做解析了，这个大家看文档看书都能get到。谈谈一些有体会的点。...写mongo时，客户端只可能写主，不可能写从，这与leader-less 系统（无主系统，各节点都是对等的）就不一样了，从是从主拉数据过去的；主从节点都在维护着一个majoritycommitted 的时间点...可以继续enter，这个路径从libc.so start_thread 到run，到insertRecords 很长的，这一段路径够我们分析是怎么走的了。
管道 生命周期钩子 配套代码地址：angular-practice/src/components-guide 二、Contents Angular 从入坑到弃坑 - Angular 使用入门 Angular...从入坑到挖坑 - 组件食用指南 三、Knowledge Graph ?...除非依赖的值发生变化，否则多次调用时，应该返回相同的数据信息 4.1.2.2、模板绑定语法 通过数据绑定机制，将数据源与视图进行绑定，从而实现源数据与用户呈现的一致性 从数据源到视图：插值、组件中的属性...、dom 元素的 property 3、css 样式、css 类 从视图到数据源：事件 视图与数据源之间的双向绑定：数据对象 分类 语法 单向从数据源到视图 1、插值表达式：{{expression}}...2、使用 [] 进行绑定：3、使用 bind 进行绑定： 单向从视图到数据源 1、使用
—\ntheme: fancy\n—\n\n### 介绍\n\n提前获取意味着在数据呈现在屏幕之前获取到数据。本文中，你将学到，在路由更改前怎么获取到数据。...通过本文，你将学会使用 resolver， 在 Angular App 中应用 resolver，应用到一个公共的预加载导航。...from "@angular/common/http";\nimport { Post } from "....._postsService.getPostList();\n }\n}\n\n\n帖子列表数据从 resolver 中返回。...现在，你需要一个路由去配置 resolver，从路由获取数据，然后让数据展示在组件中。为了进行路由跳转，我们需要创建一个组件。\n\nbash\n
mongoDB入门教程一：下载安装和环境配置、连接运行 ? MongoDB 是一个基于分布式文件存储的数据库， 是一个介于关系数据库和非关系数据库之间的产品。...3：从 MongoDB 目录的 bin 目录中执行 mongod.exe 文件。 通过 window 的资源管理器中找到一开始安装的路径 ?...到这一步数据库已经成功跑起来了，接下来就是操作一些命令向数据库里面插入数据等并且可以看到自己对数据库的一系列操作的结果了。 ?...图片.png mongoDB入门教程二：推荐一款好用的mongoDB可视化工具Robo 3T MongoDB的环境搭建完成之后，连接上了数据库之后，这个时候对数据库的一些操作是枯燥无味的，需要一款辅助的工具...五：一切准备就绪，回到浏览器，查看效果 从登陆界面登陆进去，再退出来，一套流程就是如此。css就不写了，时间不多，如果感兴趣的可以自己写。 ?
同步工具简介 本文采用mongo-connector作为MongoDB到Elasticsearch的同步工具。...mongo-connector是基于python开发的实时同步服务工具，它可以创建一个从MongoDB簇到一个或多个目标系统的管道，目标系统包括：Solr，Elasticsearch，或MongoDB簇等...本文以MongoDB 3.2.10的数据导出至Elasticsearch 5.6.4为例，介绍将MongoDB的数据实时同步到Elasticsearch的方案。...:port —— 数据源地址，mongodb数据库地址。...使用mongo-connector命令同步数据时，-m参数中的mongodb地址应该是主/从分片的地址，从该地址登录可以看见并操作local数据库（oplog存储在local.oplog.rs），不能使用
你知道MongoDB吗？它到底是怎样的一个软件，和传统关系数据库有什么区别，在实际应用中又能做些什么事。本文带你走近MongoDB，了解它从设计到实现的全过程。...今天我演讲的内容是关于MongoDB的应用，如何从设计到实现的全过程，该做什么事情，要避免怎样的问题，做一个经验上的介绍。 ? MongoDB的哲学 在座的朋友可能有些去参加过MongoDB的考试。...把大家的观点都看过之后，才能对MongoDB有一个更深入的了解。了解之后我们会发现，其实MongoDB和关系数据库最本质的一个区别是，关系数据库是关系型的，而MongoDB是一个非关系型数据库。 ?...如果没有这个系统，写到文件系统上，就要用记事本或者文件编辑工具去打开，然后搜索会很麻烦，当时我们考虑到这一点，所以做成了这样一个系统，大家随时都可以去查日志。...用MongoDB来做的话，利用非关系数据库的一个目的，把它全部写在一起，节省更多的时间，能够让我们更高效的去写入。如果把设计成模型的话，那这些查询也都很容易地满足到。
对应官方文档地址： 路由与导航 配套代码地址：angular-practice/src/router-combat 二、Contents Angular 从入坑到弃坑 - Angular 使用入门 Angular...从入坑到挖坑 - 组件食用指南 Angular 从入坑到挖坑 - 表单控件概览 Angular 从入坑到挖坑 - HTTP 请求概览 Angular 从入坑到挖坑 - Router 路由使用入门指北...Angular 从入坑到挖坑 - 路由守卫连连看 三、Knowledge Graph ?...在跳转到组件前获取某些必须的数据 离开页面时，提示用户是否保存未提交的修改 Angular 路由模块提供了如下的几个接口用来帮助我们解决上面的问题 CanActivate：用来处理系统跳转到到某个路由地址的操作...; } } 这里模拟判断用户有没有修改原始的数据，当用户修改了数据并移动到别的页面时，触发路由守卫，提示用户是否保存后再离开当前页面 ?
的API从3.x版本进行了比较大的变化，好些API标记为过时。...文件中遍历每一个Feature，然后将Feature转为GeoJSON字符串，最后将字符串插入到mongodb的Collection中 while (sfIter.hasNext())...String sjson = writer.toString(); System.out.println(sjson); // 插入到Collection...System.out.println("数据导入完毕！")...; } } 接下来，我们使用命令行进入mongodb建立索引： db.countries.createIndex({"geometry":"2dsphere"}) 因为我们的数据是WGS84
前言 前几章教程我们把ToDoList系统的基本框架搭建好了，现在我们需要根据我们的需求把ToDoList系统所需要的系统集合（相当于关系型数据库中的数据库表）。...MongoDB从入门到实战的相关教程 MongoDB从入门到实战之MongoDB简介 MongoDB从入门到实战之MongoDB快速入门 MongoDB从入门到实战之Docker快速安装MongoDB...MongoDB从入门到实战之MongoDB工作常用操作命令 MongoDB从入门到实战之.NET Core使用MongoDB开发ToDoList系统（1）-后端项目框架搭建 MongoDB从入门到实战之....NET Core使用MongoDB开发ToDoList系统（2）-Swagger框架集成 MongoDB从入门到实战之.NET Core使用MongoDB开发ToDoList系统（3）-系统数据集合设计...ToDoList系统MongoDB数据库创建 ToDoList系统数据集合设计 1、用户信息表（yyflight_todolist_user） { "UserName": "admin123
3004.jpg 准备 Maven、Spring(spring-data-mongodb) spring Data for MongoDB是Spring Data的一个子模块。...目标是为mongodb提供一个相近的一致的基于Spring的编程模型。...Spring Data for MongoDB核心功能是映射POJO到Mongo的DBCollection中的文档，并且提供Repository 风格数据访问层。...MongoWriter 定义底层的映射 基于Java的Query, Criteria, Update DSL 自动实现Repository，可以提供定制的查找 QueryDSL 支持类型安全的查询 跨数据库平台的持久化...Map-Reduce 支持 JMX管理和监控 CDI 支持 GridFS 支持 编程风格 Spring Data Repository 风格 Spring Data提供了repository 抽象方式，可以极大的减少数据访问层千篇一律的类似的重复的代码
Angular 从入坑到弃坑 - Angular 使用入门 Angular 从入坑到挖坑 - 组件食用指南 Angular 从入坑到挖坑 - 表单控件概览 Angular 从入坑到挖坑 - HTTP...请求概览 Angular 从入坑到挖坑 - Router 路由使用入门指北 三、Knowledge Graph ?...最终我们定义的路由信息，都会在根模块中被引入到整个项目 import { NgModule } from '@angular/core'; import { Routes, RouterModule }...4.2、路由间的参数传递 在进行路由跳转时，很常见的一种使用情况是我们需要将某些数据作为参数传递到下一个页面中，例如从列表中选择点击某一行数据，跳转到对应的详情页面 常见的参数传递有如下的两种方式 4.2.1...与使用 query 查询参数传递数据不同，此时需要将跳转的链接与对应的参数值组合成为一个数组参数进行传递 import { Component, OnInit } from '@angular/core
> '@angular/http' 'angular2/router' => '@angular/router' // 表单相关的 'angular2/commom' => '@angular/forms...Angular 模块是带有 @NgModule 装饰器函数的类。 @NgModule 接收一个元数据对象，该对象告诉 Angular 如何编译和运行模块代码。...升级angular(v2.4.0)到(v4.1.1)版本后，左侧导航的状态定位失效 原因：升级后，router和component的hook顺序调整（仅根据个人观察，未经验证），导致组件状态未能在路由事件结束...无法从router里获取RouteParams的API。 原因：angular(v4.1.1)中，使用ActivatedRoute的API获取路由信息。...11.升级angular到(v4.1.1)版本后，等带动态src等属性触发error 原因：angular2启用安全无害化处理，为防止XSS等攻击，具体可参考官方文档安全。
领取专属 10元无门槛券
手把手带您无忧上云
