做网站的登陆功能,湖北做网站系统哪家好,网站备案号 主体备案号,有什么软件可以制作图片系列文章基于.NetCore开发博客项目 StarBlog - (1) 为什么需要自己写一个博客#xff1f;基于.NetCore开发博客项目 StarBlog - (2) 环境准备和创建项目基于.NetCore开发博客项目 StarBlog - (3) 模型设计...基于.NetCore开发博客项目 StarBlog - 接口返回值包装基于.NetCore开… 系列文章基于.NetCore开发博客项目 StarBlog - (1) 为什么需要自己写一个博客基于.NetCore开发博客项目 StarBlog - (2) 环境准备和创建项目基于.NetCore开发博客项目 StarBlog - (3) 模型设计...基于.NetCore开发博客项目 StarBlog - 接口返回值包装基于.NetCore开发博客项目 StarBlog - 上传图片功能基于.NetCore开发博客项目 StarBlog - 身份认证功能基于.NetCore开发博客项目 StarBlog - 前端相关基于.NetCore开发博客项目 StarBlog - 前端开发 (1) 准备篇基于.NetCore开发博客项目 StarBlog - 前端开发 (2) 页面路由基于.NetCore开发博客项目 StarBlog - 前端开发 (3) SASS与SCSS基于.NetCore开发博客项目 StarBlog - 前端开发 (4) FontAwesome图标基于.NetCore开发博客项目 StarBlog - 前端开发 (5) Axios网络请求封装基于.NetCore开发博客项目 StarBlog - 前端开发 (6) 登录页面基于.NetCore开发博客项目 StarBlog - 前端开发 (7) 主页面基于.NetCore开发博客项目 StarBlog - 前端开发 (8) Vuex与状态管理基于.NetCore开发博客项目 StarBlog - 前端开发之文件上传基于.NetCore开发博客项目 StarBlog - 前端开发之瀑布流图片列表基于.NetCore开发博客项目 StarBlog - 前端开发之导航守卫...前言上一篇文章介绍水了新建项目的操作本文开始终于进入正题要开始写代码了对了上一篇文章有朋友留言问管理端的用户名和密码是多少这个是我疏忽了没有做一个便捷的项目初始化功能目前登录管理端需要在数据库的User表创建一个用户后续我会完善角色和权限控制部分然后给项目加一些命令行工具就像django-admin那样。OK本文介绍StarBlog博客项目的模型设计。模型设计根据博客的功能需求数据分成三类文章相关文章、文章分类摄影/相册相关推荐内容配置推荐文章、分类、图片置顶文章、分类代码由于我还没学DDD后续学了Abp vNext框架的话可能会用新技术进行重构所以先用传统的MVC架构来规划项目~回顾上一篇文章我们新建了几个项目现在我们要把数据模型写在StarBlog.Data项目中。打开IDE在StarBlog.Data项目中新建一个目录名为 Models接下来的数据模型全都要放到这个目录/命名空间下。由于项目代码已经在GitHub开源了数据模型代码我就不全部贴上来了先看看创建完成之后的目录结构。代码可以这里看到https://github.com/Deali-Axy/StarBlog/tree/master/StarBlog.Data/ModelsModels
├── Category.cs # 文章分类
├── FeaturedCategory.cs # 推荐分类
├── FeaturedPhoto.cs # 推荐图片
├── FeaturedPost.cs # 推荐文章
├── Photo.cs # 摄影图片
├── Post.cs # 文章
├── TopPost.cs # 置顶文章
└── User.cs # 用户为了便于读者理解项目设计和模型间的关系我们挑几个关键的说一下。Category.cs文章分类。完整代码见https://github.com/Deali-Axy/StarBlog/blob/master/StarBlog.Data/Models/Category.csStarBlog博客支持markdown批量导入然后以目录结构作为文章的分类目录名就是分类名且支持多级分类。部分代码如下public class Category {public int Id { get; set; }public string Name { get; set; }public int ParentId { get; set; }public bool Visible { get; set; } true;
}Post.cs完整代码见https://github.com/Deali-Axy/StarBlog/blob/master/StarBlog.Data/Models/Post.cs博客网站最重要的就是文章文章的模型部分代码如下namespace StarBlog.Data.Models;public class Post {// 省略部分字段...public string? Status { get; set; }public bool IsPublish { get; set; }public string? Path { get; set; }public DateTime CreationTime { get; set; }public DateTime LastUpdateTime { get; set; }public string? Categories { get; set; }
}首先看Status和IsPublish字段一个是文章状态未完成、未修改、未发布一个是否发布。最终决定文章是否在网站上展示是IsPublish字段那Status字段存在的意义是啥答案为了保留导入前的文章状态。本项目的博客支持导入整个目录markdown文件作为文章我的习惯是会在markdown文件的文件名最前面写上这个文章的状态比如一篇未完成的文章它的文件名是未完成StarBlog博客开发笔记(3)模型设计所以这个Status字段就是要把未完成中的这个状态识别提取出来具体用到的是正则表达式这是后面要介绍的内容。然后是Path字段这个字段表示文章作为markdown文件导入前存放的相对位置比如导入了D:\blog这个目录里的所有文章而这个目录的结构是这样的blog
├── Asp-Net-Core学习笔记
│ ├── Asp-Net-Core学习笔记1.MVC入门篇.md
│ ├── Asp-Net-Core学习笔记2.MVC视图、模型、持久化、文件、错误处理、日志.md
│ ├── Asp-Net-Core学习笔记3.使用SignalR实时通信框架开发聊天室.md
│ ├── Asp-Net-Core学习笔记4.Blazor-WebAssembly入门.md
│ ├── Asp-Net-Core学习笔记5.构建和部署.md
│ ├── Asp-Net-Core学习笔记WebApi开发实践.md
│ ├── Asp-Net-Core学习笔记身份认证入门.md
│ ├── Asp-Net-Core学习笔记部署早知道还是docker以及一点碎碎念.md
├── Asp-Net-Core开发笔记
│ ├── Asp-Net-Core开发笔记使用NPM和gulp管理前端静态文件.md
│ ├── Asp-Net-Core开发笔记在docker部署时遇到一个小坑.md
│ └── Asp-Net-Core开发笔记接口返回json对象出现套娃递归问题.md
├── 不吹不黑跨平台框架AspNetCore开发实践杂谈.md
├── 梦想家装平台开发记录Asp-Net-Core上手实践.md
├── 未修改How-to-Connect-to-MySQL-from--NET-Core.md
├── 未修改使用Ocelot实现Api网关.md
├── 未发布跨域配置.md
├── 未完成ASP-NET-Core-使用-Hangfire-定时任务.md
├── 未完成Core-定时任务之HangFire.md
├── 未完成使用-ASP-NET-Core-和-Hangfire-实现-HTTP-异步化方案.md
├── 未完成使用Sentry.md
└── 未完成在xunit里使用依赖注入.md那对于在blog/AspNetCore目录下的文章未发布跨域配置.md 来说它的Path字段就是AspNetCore对于在blog/AspNetCore/Asp-Net-Core学习笔记目录下的文章来说Path字段就是AspNetCore/Asp-Net-Core学习笔记这个Path字段的意义就在于实现前面说的多级分类同时最下面的Categories字段也是为了实现多级分类准备的。在文章导入的过程中目录名称作为文章分类名创建了文章的分类同时记录分类ID到文章的CategoryId字段中如果是多级分类的话文章的CategoryId字段记录的是最后一个分类父分类是不在这个CategoryId里的虽然Category有个ParentId字段可以找到父分类但是在实际使用的时候比较麻烦所以我又加了这个 Categories 字段把文章的分类层级记录起来其内容类似这样 1,2,3 用逗号分隔开分类ID这样前台展示的时候只需要用 services 把 Categories 字段处理成 ListCategory 就可以了。Photo.cs对了还有图片模型因为平时有空会拍照所以做个摄影分享的功能这个模型就存上传的图片。部分代码如下public class Photo {// 省略部分字段...public string Location { get; set; }public string FilePath { get; set; }public long Height { get; set; }public long Width { get; set; }
}图片的高度和宽度字段我一开始是没考虑的不过在做瀑布流展示的时候发现没有宽高度不行于是找到了 SixLabors.ImageSharp 这个库读取图片信息这个库功能还挺强的推荐一波~Location拍摄地点现在只能手动输入我之前用Python做过一个相册的项目可以根据图片的Exif信息读取拍摄的GPS信息然后用逆地址解析的方法解析出拍摄的地址这个先记个todo后面来实现~其他的三个Featured开头的是推荐相关的可以在后台配置然后置顶文章和置顶分类只能分别设置一个展示在网站主页。大概就这些了下篇文章见~同时所有项目代码已经上传GitHub欢迎各位大佬Star/Fork博客后端前台项目地址https://github.com/Deali-Axy/StarBlog管理后台前端项目地址https://github.com/Deali-Axy/StarBlog-Admin
