网站紧张以DotNet文章分享为主,偶尔分享站长事情中产出的原创文章,大部分还是从各大"大众号、博客园、CSDN等平台转载。

【网站广告】目前网站挂了在线教诲朝夕的广告及Google Adsense,程序猿的副业大家可以参考下【建站20天感悟】。

1.2 想法:新开拓一个网站

Dotnet9站点运行不好?不要了?

phpdotnet从0开端搭建B/S开源后台治理体系 Bootstrap

运行很好!
网站还要连续整的!

利用WordPress搭建的网站,有很多免费的、收费的插件选择利用,只要有不错的审美,你就可以搭配出很多个性化的网站风格出来。

便是由于太好了,而且是PHP做的,是天下上最好的措辞开拓的,但我还是要自己开拓一套网站出来,只为一点:

由于我是程序猿,我想完备自主可控!

有些分外功能,身为站长的大大们都知道,不自己开拓是不太随意马虎配置出来的:

访问来源IP监测、限定(白名单、黑名单);访客喜好剖析;广告涌现概率配置友链排序、检讨

...

1.3 目前开拓操持后台利用WTM搭建前后端(React + .NET Core Web API)。
利用WPF仿照React前端搭建一个管理客户端出来。
前台也利用React(这个后面再看)。
前台后端和后台后端利用同一个。
二. 行动了2.1 Github创建项目2.1.1 申请一个域名

哈哈,这个不是必须的,建站会上瘾,站长申请过一个域名lqclass.com,就以这个名字创建仓库名吧。

2.1.2 访问Github,创建项目

海内用户可能须要科学上网,否则登录有点慢,下面是站长创建的仓库截图:

仓库创建信息

部分解释:

Add .gitignore选择VisualStudio,会将C#模板项目编译天生的中间文件在提交时忽略

仓库创建初始模板

2.2 利用 WTM 搭建后台框架2.2.1 为什么利用WTM搭建后台框架?站长从头搭建一个权限框架很费时,毕竟才搞B/S不到2年,实在紧张是

WTM框架,全称WalkingTec MVVM(不是“我特么”的拼音首字母),WTM是一个快速开拓框架,有多快?至少目前dotnetcore的开源项目中,我还没有见到更接地气,开拓速率更快的框架。
WTM的设计理念便是最大程度的加快开拓速率,降落开拓本钱。

海内Java一家独大缘故原由很多,有BAT的示范效应,也有微软自己计策的失落误。
好在微软这两年终于想明白了, dotnet core的横空出世和收购github都是非常精确的方向。
当然要想达到java一样的生态还有很长的路要走,那我就贡献一点绵薄之力吧。

WTM开源以来,受到了越来越多开拓者的喜好,WTM必将以更加成熟稳定的姿态回报各位的喜好。
特殊鸣谢贤心(layui.com),授权WTM开拓的项目可以免费利用其收费版的LayuiAdmin。
提高自己,造福他人,吾道不孤!

框架开源地址:点击浏览框架在线文档:点击浏览框架更新日志:查看更新日志框架QQ互换群:6941483362.2.2 克隆lqclass.com仓库

体谅我git利用不熟,利用 GitHub Desktop 克隆上面创建的lqclass.com仓库:

https://github.com/dotnet9/lqclass.com.git

克隆仓库

本地仓库目录构造

2.2.3 利用 WTM 搭建后台2.2.3.1 访问WTM项目体验地址:点击浏览2.2.3.2 打开头页后,点击下面截图中的天生模板项目入口

天生项目入口

2.2.3.3 创建天生WTM项目第一步,输入项目名称:lqclass.com

填写项目名称

2.2.3.4 创建天生WTM项目第二步,项目配置

配置项目

以下几点解释:

目前框架只支持.net core 2.2及3.1,.net 5尚未支持。
数据库站长利用了SQLite(本地文本数据库),方便快捷,不用安装,后面支持修正。
前端UI选择的React前后端分离

框架支持三种UI:LayUI、React前后端分离、Vue前后端分离。

LayUI利用的MVC模式,站长不熟;Vue站长以前还会一点,自从来了现在这家公司后,做上了React开拓,React更熟习一点了,以是你懂的,我选React。

末了点开【开始配置】即可,来张动图吧,网站会将配置好的框架打包下载:

下载项目

2.2.3.5 复制WTM项目到本地仓库

在lqclass.com本地仓库创建src目录存储源代码,并将WTM网站天生的项目源码拖进去,利用Visual Studio打开办理方案

拷贝WTM项目

初始项目办理方案构造

2.3 项目演示

你没看错,利用WTM天生项目已经完成,下载后,直接解压,不须要任何配置,选择项目名对应的名称,点击运行即可(运行时,自动下载前后端依赖包,按个人网络实际情形,韶光可长可短)。

VS直接运行项目

第一次运行,后端会天生数据库表,会花点韶光,须要等待一下子

项目运行演示

2.4 把稳点在编译时可能会涌现下面的问题

严重性代码解释项目文件行禁止显示状态缺点MSB3073命令“npminstall”已退出,代码为1。
lqclass.comF:\dotnet\lqclass.com\src\lqclass.com\lqclass.com.csproj36

办理办法:

前端须要配置npm淘宝源,或者科学上网,否则下载前端包时会失落败。

站长利用了淘宝源,安装了cnpm包,利用cnpm install下载前端项目依赖包后,再在vs中一键运行即可,react 前端路径:lqclass.com\src\lqclass.com\ClientApp`

三. 结语

项目已经创建完成,可以先提交代码了,这就不截图了,大家可以访问仓库地址查看:点击浏览

接下来,站长将后台前后端支配在云做事器上,几个月前买了喷鼻香港的腾讯云做事器,不用备案,支配很方便,下篇见。

韶光如流水,只能流去不流回。

Dotnet9