博客文章

系列文章 基于.NetCore开发博客项目 StarBlog - (1) 为什么需要自己写一个博客？ 基于.NetCore开发博客项目 StarBlog - (2) 环境准备和创建项目 基于.NetCore开发博客项目 StarBlog - (3) 模型设计 基于.NetCore开发博客项目 StarBlog - (4) markdown博客批量导入 基于.NetCore开发博客项目 StarBl

系列文章 基于.NetCore开发博客项目 StarBlog - (1) 为什么需要自己写一个博客？ 基于.NetCore开发博客项目 StarBlog - (2) 环境准备和创建项目 基于.NetCore开发博客项目 StarBlog - (3) 模型设计 基于.NetCore开发博客项目 StarBlog - (4) markdown博客批量导入 基于.NetCore开发博客项目 StarBl

前言 好久没更新博客了，最近依然是在做之前博客说的这个项目：项目完成 - 基于Django3.x版本 - 开发部署小结 这项目因为前期工作出了问题，需求没确定好，导致了现在要做很多麻烦的工作，搞得大家都身心疲惫。唉，只能说技术团队，有里一个靠谱有能力的领导是非常重要的。 进入正题 本文继续记录Django项目开发的一些经验。 本次的项目依然基于我定制的「DjangoStarter」项目模板来开发，

前言 今天是五一劳动节，祝各位无产阶级劳动者节日快乐！ 然后来整活分享一些有趣的东西~ 这个小工具是我大学时做着玩的，对于各位接班人来说，12个词的核心价值观这东西，大家都非常熟悉了，这工具可以实现将一段话编码为核心价值观实现加密，同时也能将密文解密出来。 为啥要做这个呢，隔太久不太记得了，~~好像是因为游戏里喷队友老是被屏蔽，灵机一动，要是换成和谐的文字不就不会被屏蔽了吗（误~~ 实现原理 简单

系列文章 基于.NetCore开发博客项目 StarBlog - (1) 为什么需要自己写一个博客？ 基于.NetCore开发博客项目 StarBlog - (2) 环境准备和创建项目 基于.NetCore开发博客项目 StarBlog - (3) 模型设计 基于.NetCore开发博客项目 StarBlog - (4) markdown博客批量导入 ... 前言 上周介绍了博客的模型设计，现在模

前言 最近因为政企部门的工作失误，导致我们的项目差点挂掉，客户意见很大，然后我们只能被动进入007加班状态，忙得嗷嗷叫，直到今天才勉强把项目改完交付，是时候写一个小结。 技术 因为前期需求不明确，数据量不大，人手也不多，所以我直接用Django做了后端，Django自带的admin可以作为管理后台使用，可以很快完成这个需求。 我们的前端有两个，一个数据展示大屏，一个可视化地图。前者使用Vue+El

系列文章 基于.NetCore开发博客项目 StarBlog - (1) 为什么需要自己写一个博客？ 基于.NetCore开发博客项目 StarBlog - (2) 环境准备和创建项目 基于.NetCore开发博客项目 StarBlog - (3) 模型设计 ... 基于.NetCore开发博客项目 StarBlog - 接口返回值包装 基于.NetCore开发博客项目 StarBlog - 上传

前言 项目到一段落，先来记录一下，本文以前端新手的角度记录React、TypeScript、Taro相关技术的开发体验以及遇到的问题和解决方法。 之前总说要学React（这篇博客：代码使我头疼之React初学习），这次项目需要做H5前端+小程序，我终于能用上React了~ 使用React的开发框架之前就听过京东的Taro，所以就这个了，直接开码。 关于React 不错，感觉比Vue的模板写法自由很

前言 继续Django后端开发系列文章。刚好遇到一个分页的需求，就记录一下。 Django作为一个“全家桶”型的框架，本身啥都有，分页组件也是有的，但默认的分页组件没有对API开发做优化，所以DjangoRestFramework这个专门写API的框架又把Django的分页组件包装了一层，集成在viewsets里的时候会更方便。 不过我们不可能一直用viewsets，有一部分API还是要用自由度更

前言 依然是最近在做的这个项目，用Django做后端，App上提交信息的时候需要一个验证码来防止用户乱提交，正好我的「DjangoStarter」项目脚手架也有封装了验证码功能，不过我发现好像里面只是把验证码作为admin后台登录的校验手段，并没有给出前后端分离项目的验证码相关接口。 所以本文介绍验证码功能实现的同时，也对「DjangoStarter」的验证码模块做一层封装，使其更方便使用~ 用哪

前言 前一篇文章介绍了推送信息到企业微信群里，其中一个项目推送的信息是使用Python自动生成的表格，本文来讲讲如何用Python生成表格图片。 选一个合适库 Python最大的优点就是第三方库丰富，基本你要什么功能，都能找到别人实现好的库，几行代码一调用就完事了。 Pytable 项目地址：https://github.com/HiroshiARAKI/pytable 最先找到的是日本人开发的p

前言 之前一篇文章提到了使用wechatpy库来实现企业微信应用登录：Django + Taro 前后端分离项目实现企业微信登录 其实这个库可以实现的功能非常多，基本微信开发涉及到的功能都能实现。 本文介绍一个很常用的场景：实时推送信息到企业微信群里。 安装 首先安装wechatpy库 pip install wechatpy 如果运行的时候提示需要安装其他库（比如加解密相关的）那就按照提示安装，

前言 还是最近在做的一个小项目，后端用的是Django搭配RestFramework做接口，前端第一次尝试用京东开源的Taro框架来做多端（目前需要做用于企业微信的H5端和微信小程序） 本文记录一下企业微信登录的流程，上周看文档看得头晕晕的，其实很简单，封装好了就几行代码的事~ 两种方式 一种是先拼接好登录要用的地址authorize_url，回调地址设置成h5应用的网页入口，然后把authori

前言 最近实在太忙了，开始了一个新的项目，为了快速形成产品，我选择了Django来实现后端，然后又拿起了之前我封装了项目脚手架「DjangoStarter」。 由于前段时间我写了不少.NetCore的后端代码，对CRUD的接口开发又有了一些新的理解，所以肯定也要把DjangoStarter改造一番，改得更加顺手~ 题外话：话说我在前端终于真正用上react，不得不说 ts + react 真好用，

markdown编辑器 v-md-editor，http://ckang1229.gitee.io/vue-markdown-editor/zh/ 在我的项目里最大化有问题，后面我自己搭配vuex实现了 优点是界面比较好，TOC可以放在左边 其他尝试 vue-element-admin整合的markdown编辑器：https://panjiachen.github.io/vue-element-a

前言 之前写了一篇《Asp-Net-Core开发笔记：使用NPM和gulp管理前端静态文件》，现在又来用Django开发项目了，之前我搞了一个Django的快速开发脚手架「DjangoStarter」，正好给升级一下~ 关于npm和gulp我就不多重复了，之前那篇文章都写了，直接上操作 安装依赖 安装依赖的操作跟上一篇文章是一样的，不过我这里直接提供package.json文件，复制到项目根目录里

前言 一直以来我们都是用Sentry做项目监控，不过前段时间我们的Sentry坏掉了~~（我搞坏的）~~ 但监控又是很有必要的，在sentry修好之前，我想先寻找一个临时的替代方案，同时发现网上关于ExceptionLess的资料少得可怜，ExceptionLess官方的文档也不是很完善，翻了好久文档和源码，于是有了本文…… 关于ExceptionLess 写.NetCore的同学应该不会陌生，这

前言 以前.NetCore是不内置JSON库的，所以大家都用Newtonsoft的JSON库，而且也确实挺好用的，不过既然官方出了标准库，那更方便更值得我们多用用，至少不用每次都nuget安装Newtonsoft.Json库了。 不过日常开发使用中会有一些问题，本文记录一下解决方法，欢迎交流~ ~~（文章末尾包含小彩蛋）~~ 字符编码问题 默认的 System.Text.Json 序列化的时候会把

前言 在开始之前的提示：虽然Flutter背靠Google这棵大树，但是毕竟还是一个年轻的技术，项目还处于初期阶段，更新非常快，问题也不是一般的多，使用Flutter的话就意味着必须忍受各种奇怪的bug和没有丰富中文资料的头疼，本文不是安利同学们入坑，只是对“极简诗词”app的开发过程进行记录。 另外app已经上架，有兴趣的同学可以下载试试：https://www.coolapk.com/apk/

IDEA输入法不跟随问题 是IDEA的jre有问题 下载：https://github.com/RikudouPatrickstar/JetBrainsRuntime-for-Linux-x64 解压jbr到一个固定的地方 打开IDEA安装目录，大概是/home/da/.local/share/JetBrains/Toolbox/apps/Rider/ch-0/213.6775.4，类似这样的，准

前言 又是好久没写博客了 其实也不是没写，是最近在「做一个博客」，从2月21日开始，大概一个多星期的时间，疯狂刷进度，边写代码边写了一整系列的博客开发笔记，目前为止已经写了16篇了，然后上3月之后工作有点忙~~加上有点沉迷原神~~，然后进度就暂时慢下来了 事实证明做什么事情一旦停下来就会产生惰性，于是停了这么久，我终于下定决心继续更新！ 这次开发的博客用的是C#语言，搭配.netcore技术栈；前

用到的组件：vue-waterfall 项目地址：https://github.com/MopTym/vue-waterfall 参考资料 Vue<瀑布流加载效果>：https://www.jianshu.com/p/97b89597ab5c

我的做法： 自己定义一套返回值包装对象 用过滤器处理状态码 用过滤器包装错误信息 参考资料 【5min+】美化API，包装AspNetCore的返回结果：https://www.cnblogs.com/uoyo/p/12895627.html HTTP 状态码：https://www.runoob.com/http/http-status-codes.html Filters in ASP.NET

参考资料 前端通过axios和FormData实现文件上传功能遇到的坑：https://segmentfault.com/a/1190000016927601 Element el-upload上传组件详解：https://segmentfault.com/a/1190000013796215

系列文章 基于.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