博客文章

系列文章 基于.NetCore开发博客项目 StarBlog - (1) 为什么需要自己写一个博客？ 基于.NetCore开发博客项目 StarBlog - (2) 环境准备和创建项目 ... 基于.NetCore开发博客项目 StarBlog - 接口返回值包装 基于.NetCore开发博客项目 StarBlog - 上传图片功能 基于.NetCore开发博客项目 StarBlog - 身份认证

前言 OK，我也来造轮子了 博客系统从一开始用WordPress，再到后来用hexo、hugo之类的静态博客生成放github托管，一直在折腾 折腾是为了更好解决问题，最终还是打算自己花时间搞一个好了 本系列文章将记录博客的开发过程~ 后端基于最新的.Net6和Asp.Net Core框架，遵循RESTFul接口规范，前端基于Vue+ElementUI开发，可作为 .Net Core 入门项目学习

路由对象router给我们提供了beforeEach方法，可以在每次路由之前进行一些相关处理，也叫导航守卫，我们这里就通过导航守卫实现一些类似身份认证的辅助功能。 修改router/index.js文件，添加导航守卫，在每次路由时判断用户会话是否过期。如果登录有效且跳转的是登录界面，就直接路由到主页；如果是非登录页面且会话过期，就跳到登录页面要求登录。 代码如下 router.beforeEach

身份认证使用JWT，关于AspNetCore的身份认证和JWT可以看看我之前这篇博客 先安装nuget包 dotnet add package Microsoft.AspNetCore.Authentication.JwtBearer 在Services目录下新建一个AuthService类，先留着不写代码，等把准备工作完成了再来。 用户模型 在 StarBlog.Data 项目的 Models

后端实现，前端的后面说 可以先在swagger里测试 ImageSharp组件文档：https://docs.sixlabors.com/articles/imagesharp/gettingstarted.html service private string GetPhotoFilePath(Photo photo) { return Path.Combine(_environment

在现代前端开发中，图标已成为构建用户友好界面的重要元素。Font Awesome 是全球最流行的图标库之一，提供了大量的矢量图标，支持多种平台和框架。无论是网站、应用程序，还是管理面板，Font Awesome 都能帮助开发者轻松地为界面增添直观且易于识别的视觉元素。

状态管理 在很多应用场景下，我们需要在组件之间共享状态，比如我们的左侧导航栏需要收缩和展开的功能，收缩状态时宽度很小，只显示菜单图标，因为导航菜单栏收缩之后宽度变了，所以右侧的主内容区域要占用导航栏收缩的空间，主内容区域宽度也要根据导航栏的收缩状态做变更，而导航栏和主内容区域是两个不同的组件，而非父子组件之间不支持状态传递，所以组件之间的状态共享问题发生了。 之前我写flutter的时候，响应式设

界面设计 按照ElementUI提供的布局来 左边是导航栏，右边上方是标签页，然后是主内容区 如图 二级类目 开始写代码 主页面的内容已经比较复杂了，全部写在一个文件内不现实 我们来分解一下 根据这个布局，页面可以分为头部、主体、左侧导航栏三部分 所以我来新建三个vue页面 HeaderBar.vue Navbar.vue MainContent.vue 完成之后目录结构如下 views ├──

前言 前端开发的准备工作在前面已经完成了，接下来就要开启写页面（Copy/Paste）操作了~ 用ElementUI写页面很简单，对照着官网文档代码一顿复制粘贴就完事了。 写代码 没啥好说的，直接代码 布局 template el-form :model=loginForm :rules=fieldRules ref=loginForm label-position=left label-wi

安装axios axios是一个基于Promise用于浏览器和Node.js的HTTP客户端，我们后续需要用来发送HTTP请求，先来记录一下axios的安装和使用。 安装命令 yarn add axios 写代码 修改一下src/views/Home.vue 首先布局改一下 template div class=page h2Home Page/h2 el-alert

前言 本项目需要使用SCSS来编写页面样式。 这里的SASS，是指名为SASS的css预处理器 然后SCSS是一种 CSS-like 语法 对于初学者，SCSS 是完全和 CSS 兼容的，这意味着几乎为零的学习曲线。SCSS语法即是：它只是加了一些功能的 CSS。当你和没经验的开发者一起工作时这很重要：他们可以很快开始编码而不需要首先去学习Sass。 此外，SCSS 还是 易于阅读 的，因为它是有

前言 Vue.js使用虚拟DOM处理单页面，然后使用Webpack打包。通过第5章的示例，读者也许已经发现，无论语法和写法如何不同，Vue.js程序打包后都是一个单一的HTML文件，同时会引入一个标准的JavaScript文件。 Vue.js中编写的所有代码都被Webpack自动打包成可以被浏览器解析的HTML和JavaScript代码，并且项目本身就只有一个页面。这意味着所有的用户对服务器发出进

环境准备 NodeJs 首先需要安装NodeJs 下载地址：http://nodejs.cn/download/ 安装前端工具链 国内使用NPM需要设置国内镜像才能正常安装，之前常用的淘宝镜像说是要停止解析了，可以用这个npmmirror 中国镜像，命令如下： npm config set registry https://registry.npmmirror.com npmmirror 中国镜像

前言 本文介绍的是AspNetCore的MVC项目，WebApi+独立前端这种前后端分离的项目就不需要多此一举了~默认前端小伙伴是懂得使用前端工具链的。 为啥要用MVC这种服务端渲染技术呢？ 简单项目不需要强行分离增加复杂度（如：我正在开发的博客项目） 后端渲染利于SEO，对博客网站友好 OK，虽然MVC的技术老了点，但依然可以结合现代前端工具链来提高效率 本文的食用需要先安装好Node.js环境

前言 看了下推送记录，一个月前，OK，我又变成月更了o(╯□╰)o，这绝对不行！[○･｀Д´･ ○] 所以今天来更新了 其实不是我懒得更新或者是太忙，其实是最近在写一篇很长的博客，一直没写完( Ĭ ^ Ĭ ) 好吧，先进入正题…… 有一个关于WebApi序列化的问题，跟设计有关，但在涉及到关联字段的时候经常会遇到。 实体类 先看看实体类定义，限于篇幅，只保留几个关键字段。 public class

哦吼 之前刚说了尝试了使用docker来部署AspNetCore应用，结果这才刚上班就遇到问题了= =… 我这项目用的数据库是Oracle，之前直接运行没啥问题，但放在docker里运行就报了这个错误： ORA-01882: timezone region not found 看这错误信息是在说时区不对，分别在服务器和docker里看一下时间： [root@localhost ~]# date -

前言 AspNetCore技术栈在我们团队里的使用也有一段时间了，之前的部署方式一直是本地编译之后上传可执行文件到服务器，使用supervisor来管理进程这种很原始的方式。 参考之前的文章： 对于小项目来说尚可，够用，但是存在几个问题： 每次更新花费的时间太长了，无论是Framework-Dependent还是Self-Contained，都要上传很大的文件~ 更新的时候需要在superviso

前言 过年前我又来更新了~ 我就说了最近不是在偷懒吧，其实这段时间还是有积累一些东西的，不过还没去整理…… 所以只能发以前没写完的一些笔记出来 就当做是温习一下啦 PS：之前说的红包封面我还没搞，得抓紧时间了 最近在准备搞一个我之前做的开源项目代码合集来做一期分享 两种常见的认证方式 先来看看两种常见的认证方式：基于token的认证和传统的session认证的区别。 session认证 我们知道，

前言 用AspNetCore做Api开发也有一段时间了，正好年底在做总结，做一个WebApi开发实践笔记。 暂时想到的一些技术关键词，同时也作为本文的大纲，现在对这套技术体系的了解还不够深入，以后会持续更新这个Api开发实践~ 身份认证：JwtBearer 分页：X.PagedList 缓存 ResponseCache Redis：StackExchange.Redis 数据持久化 / ORM F

从上次开始学习Asp.Net Core以来，一直都是玩一玩，还没有什么机会用来实战，最近公司有个新的小项目，于是我用Asp.Net Core来尝尝新，结果也是非常OK，熟悉之后开发效率感觉和Django基本没差。 那么进入正题，本文简单说说Asp.Net Core应用的构建和部署。 构建 构建是使用build命令，不过一般我们都用vs或者rider之类的IDE，应该比较少会用到这个命令： dotn

本来今天开始是有其他的安排了，也没办法抽出那么多时间来学NetCore，不过我想做事情有始有终吧，除了gRPC还没跑起来之外，Blazor这部分也了解了一点。目前来说还不是很完善，真正的离线单页应用还处于预览版阶段。

SignalR牛刀小试 在MVP杨老师的博客里看到这么个东西，我还以为是NetCore3才推出的新玩意，原来是已经有很多年的历史了，那看来还是比较成熟的一个技术了。 简介 SignalR是一个.NET Core/.NET Framework的开源实时框架，SignalR的可使用Web Socket, Server Sent Events 和 Long Polling作为底层传输方式。 Signal

TagHelper 入门 优点：根据参数自动生成，不需要手写超链接，类似Django模板里面的url命令。 在ViewImport中添加TagHelper @addTagHelper *,Microsoft.AspNetCore.Mvc.TagHelpers 比如，链接TagHelper使用 a class=btn btn-outline-primary asp-controller=st

Asp.Net Core 学习 基于.Net Core 2.2版本的学习笔记。 常识 像Django那样自动检查代码更新，自动重载服务器（太方便了） dotnet watch run 托管设置 设置项目文件的AspNetCoreHostingModel属性。 PropertyGroup TargetFrameworknetcoreapp2.2/TargetFramework Asp