【全球热闻】基于.NetCore开发博客项目 StarBlog - (13) 加入友情链接功能

系列文章基于.NetCore开发博客项目 StarBlog - (1) 为什么需要自己写一个博客？基于.NetCore开发博客项目 StarBlog - (2) 环境准备和创建项目基于.NetCore开发博客项目 StarBlog - (3) 模型设计基于.NetCore开发博客项目 StarBlog - (4) markdown博客批量导入基于.NetCore开发博客项目 StarBlog - (5) 开始搭建Web项目基于.NetCore开发博客项目 StarBlog - (6) 页面开发之博客文章列表基于.NetCore开发博客项目 StarBlog - (7) 页面开发之文章详情页面基于.NetCore开发博客项目 StarBlog - (8) 分类层级结构展示基于.NetCore开发博客项目 StarBlog - (9) 图片批量导入基于.NetCore开发博客项目 StarBlog - (10) 图片瀑布流基于.NetCore开发博客项目 StarBlog - (11) 实现访问统计基于.NetCore开发博客项目 StarBlog - (12) Razor页面动态编译基于.NetCore开发博客项目 StarBlog - (13) 加入友情链接功能...前言

很快啊，pia的一下，博客上线已经一周时间了（网址：http://blog.deali.cn）

阅读量不高，不过对于没有做过SEO的网站来说已经不错了~

(资料图)

这段时间虽然忙不过一直在写代码给博客添砖加瓦（Github上的Commit每天不断的）

这不，友情链接功能来了~

本文来一步步介绍这个功能的实现。

同时所有项目代码已经上传GitHub，欢迎各位大佬Star/Fork！

博客后端+前台项目地址：https://github.com/Deali-Axy/StarBlog管理后台前端项目地址：https://github.com/Deali-Axy/StarBlog-Admin先看效果

分析

先分析一下功能

友情链接，既可以自己手动添加，也可以由访问网站的人申请

其他站长可以申请互换友链，提交申请之后在博客后台可以看到，确认之后就会显示到网站中啦~

这就是初步的功能设计

当然我还想到了一些扩展的功能，比如根据链接的点击量来调整链接的显示顺序（百度：听起来怎么那么熟悉）

建模

根据需求，需要俩模型

一个是要显示的友情链接，一个是友情链接申请记录

那开始吧

在StarBlog.Data/Models中创建数据模型

///
///友情链接///
publicclassLink{[Column(IsIdentity=true,IsPrimary=true)]publicintId{get;set;}///
///网站名称///
publicstringName{get;set;}///
///介绍///
publicstring?Description{get;set;}///
///网址///
publicstringUrl{get;set;}///
///是否显示///
publicboolVisible{get;set;}}

还有这个

///
///友情链接申请记录///
publicclassLinkExchange{[Column(IsIdentity=true,IsPrimary=true)]publicintId{get;set;}///
///网站名称///
publicstringName{get;set;}///
///介绍///
publicstring?Description{get;set;}///
///网址///
publicstringUrl{get;set;}///
///站长///
publicstringWebMaster{get;set;}///
///联系邮箱///
publicstringEmail{get;set;}///
///是否已验证///友情链接需要验证后才显示在网站上///
publicboolVerified{get;set;}=false;///
///申请时间///
publicDateTimeApplyTime{get;set;}=DateTime.Now;}

Service

有了模型，接下来完善一下逻辑

在StarBlog.Web/Services中写逻辑

首先是友情链接的，增删改查除外，还加一个设置可见性的快捷方式

publicclassLinkService{privateIBaseRepository_repo;publicLinkService(IBaseRepositoryrepo){_repo=repo;}///
///获取全部友情链接///
///只获取显示的链接///publicListGetAll(boolonlyVisible=true){returnonlyVisible?_repo.Where(a=>a.Visible).ToList():_repo.Select.ToList();}publicLink?GetById(intid){return_repo.Where(a=>a.Id==id).First();}publicLink?GetByName(stringname){return_repo.Where(a=>a.Name==name).First();}publicLinkAddOrUpdate(Linkitem){return_repo.InsertOrUpdate(item);}publicLink?SetVisibility(intid,boolvisible){varitem=GetById(id);if(item==null)returnnull;item.Visible=visible;_repo.Update(item);returnGetById(id);}publicintDeleteById(intid){return_repo.Delete(a=>a.Id==id);}}

这个没啥特别的

继续

管理友情链接申请记录的逻辑，同样也是有增删改查，这部分代码跟上面的一样，省略了

这里只贴设置是否验证的代码

publicclassLinkExchangeService{privatereadonlyIBaseRepository_repo;privatereadonlyLinkService_linkService;publicLinkExchangeService(IBaseRepositoryrepo,LinkServicelinkService){_repo=repo;_linkService=linkService;}//设置是否验证publicLinkExchange?SetVerifyStatus(intid,boolstatus){varitem=GetById(id);if(item==null)returnnull;item.Verified=status;_repo.Update(item);varlink=_linkService.GetByName(item.Name);if(status){if(link==null){_linkService.AddOrUpdate(newLink{Name=item.Name,Description=item.Description,Url=item.Url,Visible=true});}else{_linkService.SetVisibility(link.Id,true);}}else{if(link!=null)_linkService.DeleteById(link.Id);}returnGetById(id);}}

在设置是否验证的方法中，实现了：

设置一个申请为已验证，自动将该申请的链接添加到友情链接中设置一个申请为未验证，则自动将对应的友情链接删除（如果存在的话）

其他地方就跟上面的友情链接一样了。

写完之后别忘了注册服务

builder.Services.AddScoped();builder.Services.AddScoped();

添加数据

虽然管理这些链接的接口我也写了，但目前本系列文章还处在介绍前台的部分，我打算把接口实现放到后面的RESTFul接口开发部分讲~

所以先直接在数据库中添加吧~

页面展示

数据模型和逻辑都实现了，接下来就是找一个合适的地方显示

参考了几个同类的博客之后，我决定把友链放在主页底部

编辑StarBlog.Web/ViewModels/HomeViewModel.cs，添加一个新属性

publicclassHomeViewModel{///
///友情链接///
publicListLinks{get;set;}=new();}

用Bootstrap5的responsive variation来做响应式的友情链接展示

ButtonButton

publicstaticclassLinkTarget{publicconststringBlank="_blank";publicconststringParent="_parent";publicconststringSelf="_self";publicconststringTop="_top";}publicclassColorfulButtonViewModel{publicstringName{get;set;}publicstringUrl{get;set;}="#";publicstringTarget{get;set;}="_self";}

@modelColorfulButtonViewModel@{varrnd=Random.Shared;varcolorList=new[]{"btn-outline-primary","btn-outline-secondary","btn-outline-success","btn-outline-danger","btn-outline-warning","btn-outline-info","btn-outline-dark",};varbtnColor=colorList[rnd.Next(0,colorList.Length)];}@Model.Name

LinkExchange@if(Model.Links.Count>0){@foreach(varlinkinModel.Links){@awaitHtml.PartialAsync("Widgets/ColorfulButton",newColorfulButtonViewModel{Name=link.Name,Url=link.Url})}