BetrayArmy的博客

在上一篇博客中，我们开发了评论系统的前端部分，介绍了angular中模板的概念。在这篇博客中，我们将继续开发评论系统的前端部分，并介绍组件间通信的相关内容。打开comments.component.ts文件，输入以下内容：//comments.component.tsimport { Component, Input, OnInit } from '@angular/core';import { CommentService } from 'src/app/service/comment.servi

在上一篇博客的结尾，我们简要介绍了评论系统的思路。现在让我们来真正开发这个评论系统。2 评论系统前端部分我们评论系统由两个组件组成：comments和commentform。comments组件会显示所有评论以及发布评论的表单；而commentform就是我们发布评论的表单。我们打开cmd窗口，输入以下命令，建立comments组件以及commentform组件：ng g c comments -m storyng g c commentform -m story这样我们就在story目录下得

在上一篇博客中，我们建立了story模块，并在其中完成了书写故事功能的开发。在这篇博客中，我们将实现首页上展示的故事列表，并开始开发评论功能。十二 故事列表的开发1 前端部分我们需要建立一个home组件作为我们呈现故事列表的地方。我们打开cmd，输入以下命令，建立一个home组件：ng g c home然后，我们在app.module.ts中引入NG-ZORRO提供的标签组件，以便在之后对故事进行分类展示：//app.module.ts//...import { NzTabsModule

在上一篇博客中，我们实现了用户登录功能，并介绍了如何在angular中使用cookie，以及angular中路由事件的使用。在这期博客中，我们将开始开发我们的核心功能——故事系统与评论系统。我们的故事系统和评论系统如下图所示：故事系统由一个简单的表单组成，包括标题栏和内容栏，内容栏我们会使用之前安装好的ngx-quill富文本框插件来实现，以支持富文本功能。我们的评论系统如下图所示：用户可以对每篇故事发表评论，且可以对故事下的每篇评论再次评论，形成一个评论树。下面，就让我们看看该如何实现这两个

在上一篇博客中，我为大家介绍了angular调用服务的原理，以及实现了用户登录功能的前端部分。在这期博客中，我们将继续实现用户登录的后端部分，以及介绍angular的路由事件。十 用户登录功能的开发2 后端部分我们打开util/users/userutil.py文件，实现loginuser函数：# util/users/userutil.pydef loginuser(username,password): password = encryption(password) user

在上一篇博客中，我们完成了用户注册功能的开发，实现了第一个完整的功能。在这篇博客中，我们将介绍angular通过服务访问后端服务器的原理，以及开始开发用户登录功能。九 angular中的Service原理1 可观察对象Observable首先，让我们复习一下我们的服务是怎么写的：import { Injectable } from '@angular/core';import { HttpClient } from '@angular/common/http';import { register

在上一篇博客中，我们实现了注册组件的前端部分，使用了angular提供的表单系统，并构造了一个服务来访问后端服务器。在这篇博客中，我们将搭建后端部分的框架，并继续实现注册功能的后端部分。八 用户注册功能的开发3 后端部分3.1 后端框架介绍如我们在这个系列第一篇所言，我们的后端部分采用tornado框架，搭配sqlalchemy和alembic这款ORM框架，来组成我们的后端server。而我们的数据库部分采用sqlite3这种轻量型的数据库。tornado是一款异步非阻塞的web框架，其既是we

在上一篇博客中，我们实现了第一个angular组件，并把它作为了我们的主页面。在这期博客中，我们将实现用户注册功能的前端以及后端功能的实现，真正进入到全栈开发。八 用户注册功能的开发这个功能的实现分为两部分：前端部分和后端部分。前端部分包括angular组件的建立以及服务的建立，而后端部分为tornado服务器部分以及对应的数据库表的建立。我们之后的每个功能都会如下分别介绍前端和后端部分。1 前端部分1.1 注册组件的建立我们打开cmd页面，输入如下命令建立register组件：ng g c r

在上一期博客中，我们建立了第一个angular项目，并介绍了angular项目中的重要文件。在这期博客中，我们开始安装重要的第三方插件，并开始编写我们的第一个angular组件。六 使用npm命令安装第三方组件我们首先来安装NG-ZORRO，这是一个遵循Ant Design设计规范的Angular UI组件库，提供了非常多的常用组件，任何组织、企业和个人均可免费使用。我们在cmd中进入到项目目录，输入以下命令来安装NG-ZORRO：npm install ng-zorro-antd@11 --save

在上一篇博客中，我向大家介绍了这个系列要开发的博客的技术栈以及总体架构图，相信大家对我们要开发的东西已经有了一个初步的了解。在这期博客中，就让我们把相关的软件工具安装好，并开始我们第一个angular项目。三 软件工具的安装1 node.js的安装从node.js官网https://nodejs.org/zh-cn/download/下载node.js的LTS版本（当前为14.17.3），下载好后选好安装路径，一路next即可。安装完成后，打开cmd界面，输入node -v命令，若能显示版本号，

在写了Django和Tornado两个纯后端系列的博客后，我决定在前端方面也提升一下自己的技术，不再用原生的html凑合写个页面来支持后端的开发了。正好最近公司正在推动angular框架技术，因此我将前端学习的重点放在了angular框架上。这个系列将为大家带来angular+tornado这一组合，我们将使用这个组合来实现一个树洞博客。所谓树洞博客，就是一个大家可以匿名倾诉秘密的地方，大家可以把内心想说出的东西匿名发布在网络上，从而疏解内心的压力。我们的树洞博客雏形如下：在首页中可以看到用