基於的ASP.NET Core+Vue.js開源的前後端分離內容管理系統CMS

2020-12-13 愛分享程式設計師

我在之前已經講了幾個基於.NET技術棧的CMS系統,例如dtcms、sscms,它們都是開源內容管理系統不可多得的佳作。

今天我將給大家介紹另外一個基於.NET Core + Vue.js開源的前後端分離的CMS框架LinCms,之所以要介紹這款CMS,主要是因為它的界面做工精美,並且使用了很多良好的設計理念,項目還集成了Swagger的增強版Knife4jUI,非常值得學習研究。

什麼是 Lincms?

Lin-CMS 是一個基於.NET Core + Vue.js 開源的前後端分離內容管理系統框架,主旨為了幫助開發人員提高CMS的開發效率。它內置了許多常用的功能,如權限管理、用戶管理、頻道管理、文章管理、標籤管理等,開發者只需要關注自己要開發業務即可。

開發環境

Visual Stdio 2019+,MySQL5.6+,Node.js環境。

使用的技術

1、ORM使用FreeSql2、ASP.NET Core3.1+WebAPI+RESTful3、AutoMapper對象映射4、IdentityServer4身份認證框架5、JWT Json Web令牌6、Swagger和Knife4jUI7、Xunit測試框架8、Serilog日誌9、AutoFac依賴注入框架10、七牛雲存儲11、EventBus:DotNeteCore.CAP、分布式事務後臺源碼結構

LinCms.IdentityServer4項目:使用id4授權登錄LinCms.Web項目:接口API(ASP.NET Core)LinCms.Application項目:應用服務LinCms.Application.Contracts:DTO項目:數據傳輸對象,應用服務接口LinCms.Infrastructure項目:基礎設施,資料庫持久性的操作LinCms.Core項目:該應用的核心,實體類,通用操作類,AOP擴展,分頁對象,基礎依賴對象接口,時間擴展方法,當前用戶信息,異常類,值對象LinCms.Plugins項目:使用單項目實現某個業務的擴展,不是該項目的主要結構,可暫時忽略。LinCms.Scaffolding項目:代碼生成器LinCms.Test項目:對倉儲,應用服務或工具類進行測試資料庫配置

項目默認使用MySQL資料庫,需要先創建資料庫,然後執行資料庫腳本,記得修改資料庫連接的帳號密碼。

後臺項目運行

項目代碼編譯通過後,直接運行LinCms.Web項目,就會打開下面的控制臺程序,並自動打開Knife4jUI或者Swagger,證明接口服務運行成功。(源碼既提供了SwaggerUI的集成,也提供了 knife4j集成)

運行http://localhost:5000/,將打開Swagger。

關於Knife4jUI

knife4j UI 是swagger ui 庫的增強版本,支持 .NET Core3.0+或.NET Standard2.0。運行效果如下,使用knife4jUI調試接口非常方便,功能比Swagger要強大一些。

前端項目源碼

運行前端項目,必須先裝好Node.js環境,另外需要對Vue.js有一定的了解。

使用:npm install命令下載項目的依賴包使用:npm run serve 命令運行項目。

後臺登錄頁

後臺登陸默認帳號: admin, 密碼:123qwe

後臺首頁

頻道管理

標籤管理

框架提供了很多自定義組件頁面

結語

Lincms是一款優秀的前後端分離的內容管理系統,界面精美,功能齊全,可擴展性很強,非常適合網站項目的開發。

另外想了解更多Knife4jUI的知識,請點擊程式設計師需要知道的Knife4j UI,Swagger的增強版。

如果你對Lincms項目源碼感興趣,可以關注+轉發,然後私信回復「lincms」,源碼發你。

相關焦點

  • DoraCMS-SQL首頁、文檔和下載 - 內容管理系統 - OSCHINA - 中文...
    Nodejs+eggjs+mysql 編寫的一套內容管理系統。目前市面上有很多內容管理系統(如織夢、帝國等),都是以 php 為基礎編寫的,而 DoraCMS 則是基於 nodejs,只要有基本的前端開發經驗和少量的 js,就很容易上手。創建 DoraCMS 創建的目的是更深入地了解 nodejs 並付諸實踐,開源也是為了通過案例來不斷改進我們的 nodejs 水平,共同提高。其次,DoraCMS 結構清晰、模塊簡單,上手很容易。
  • guns-lite 發布了姊妹項目 web-flash,前後端分離的後臺管理系統
    該框架包含兩套系統,一套前後端分離,一套不分離(單體)應用。隨著功能的完善和擴展,不同應用的差別逐漸增大,為了更方便的維護兩個版本,現將兩個版本拆成兩個不同的項目:guns-lite:致力於基於SpringBoot2和Bootstrap/Beetl的非前後端分離的後臺管理系統的維護。
  • 史上最全:Vue 相關開源項目庫匯總
    前後端分離框架vue-2.0-boilerplate ★358 - Vue2單頁應用樣板vue-spa-template ★344 - 前後端分離後的單頁應用開發Framework7-Vue ★283 - VueJS與Framework7結合vue-bulma ★215 - 輕量級高性能MVVM Admin UI框架vuetiful
  • 什麼是vue?在項目開發中為什麼要用vue?
    在近兩年的web及項目開發中,vue技術的使用越來越普遍,其各種資料、介紹以及使用攻略內容資料非常多,那麼vue到底什麼?在項目開發中,vue起到什麼作用?它與傳統的html+css+js+lamp開發網站項目又有什麼區別呢?
  • 對比 12,000 個 Vue.js 開源項目發現最實用的 TOP45!
    2019 更是熱度不減,而作為近年來尤為熱門的前端框架,Vue.js 自是積累了大量關注。本文將為你介紹 2019 年最值得關注的 45 個 Vue.js 開源項目——Let's go!這是一個極具權威性的表單,精確匯總了 2018 年 1-12 月期間發布的最佳 Vue.js 開源項目。
  • 簡明 ASP.NET Core 手冊
    你將從零開始,完整地構建一個 待辦事項(to-do) 應用,同時了解以下內容:MVC (Model-View-Controller) 模式的基本內容前端代碼(HTML, CSS, JavaScript)怎樣與後端代碼交互什麼是依賴注入以及它的實用之處如何進行資料庫的讀寫操作如何添加 登錄、註冊功能,以及如何提升安全性
  • 新鮮出爐的一款SpringBoot +Vue的考試系統
    mysql: 一個輕量級關係型資料庫管理系統,由瑞典MySQL AB公司開發,目前屬於Oracle公司。redis: 一個完全開源免費的,遵守BSD協議,是一個高性能的key-value資料庫。前端技術Vue: 一套用於構建用戶界面的漸進式框架。與其它大型框架不同的是,Vue 被設計為可以自底向上逐層應用。
  • 揭密vue.js的神秘之處,小程序跟vue有什麼關係
    微容用的微信小程序平臺採用開發思路是前後端分離,前端採用vue.js+h5+jq開發,後端採用MVE的思路,用php開發,用vue.js構建來微信小程序可視化前端之後,微容給大家介紹下vue的來源和特徵。
  • Vue.Draggable - 基於 Vue.js 絲般柔滑的拖拽排序組件
    介紹VueDraggable 是一個專門解決拖拽排序和拖拽分組的前端開原始碼庫。在 jQuery 的時代,有很多動效非常流暢絲滑的拖拽排序插件,但在國內 Vue.js 起來後,卻比較難找到一款像 Sortable.js 那樣的組件,而 Vue.Draggable 就是一款基於 Sortable.js 開發的 Vue 增強組件。
  • InitAdmin 201905 更新,一面分離一面不分離
    InitAdmin是一套漸進式模塊化開源後臺(目前基於ThinkPHP5.1+Vue2),採用前後端分離技術,數據交互採用
  • 2020年的前端工程師請收下這幾個Vue.js開源框架
    vue是一套用於構建用戶界面的漸進式JavaScript框架,簡單說Vue是類似於view的前端框架。vue開發核心是關注視圖層,同時它更加容易與第三方庫結合,再者我們在現有的項目中可以直接整合一起。目前vue技術社區在英文或中文都非常豐富,社區都有很多經驗豐富的開發人員,其功能也非常豐富與使用性,屬於輕量級框架。
  • asp.net core 5.0 中的 JsonConsole
    asp.net core 5.0 中的 JsonConsoleIntroasp.net core 5.0 中日誌新增了 JsonConsole,還是輸出日誌到 Console,但是會應用 Json 格式的一個 Formatter 把日誌格式化成 json 再輸出到控制臺
  • 開源!Java 在線考試系統!
    今天就給大家分享一個 Gitee 上熱門的開源項目:Java在線考試系統。Java在線考試系統 的技術棧為 Java + Vue,即前後端分離,整個代碼結構清晰,適合新手閱讀學習;部署簡單快捷,短時間內就能上手操作。
  • 【Vue.js 入門到實戰教程】01-Vue.js 數據綁定的基本實現和代碼分析
    Vue + 後端 API 接口構建單頁面應用,希望通過這個系列的學習,可以幫助你快速上手 Vue.js 開發。註:本系列教程依然基於 Vue 2.x,使用的代碼編輯器是 IntelliJ IDEA,你可以按照自己的喜好選擇代碼編輯器,比如 WebStorm、PhpStorm、VS Code、Sublime Text 等。
  • 【分享】Vue.js新手入門指南
    這個時候如果你學過Vue.js,那麼這些抱怨將不復存在。5.Vue.js為什麼能讓基於網頁的前端應用程式開發起來這麼方便?因為Vue.js有聲明式,響應式的數據綁定,與組件化的開發,並且還使用了Virtual DOM這個看名字就覺得高大上的技術。可是這些名詞都是啥?
  • 一個後端狗的 Vue 筆記【入門級】
    這一塊某乎上有一個比較好的答案,很容易度娘到,貼了部分vue即主張較少,也就是說可以在原有系統上面,引入vue直接就可以當jquery用,使用 vue,你可以在原有大系統的上面,把一兩個組件改用它實現,當 jQuery 用;也可以整個用它全家桶開發(二) MVVM 架構 正式學習 Vue 前我們首先還需要了解一個基於前端的架構模式,也就是 MVVM ,它是
  • Nodejs 內容管理系統 DoraCMS 2.1.4 發布
    自上個版本開始,我一直在考慮如何讓DoraCMS更加靈活,於是我很快想到了支持插件,以這個為初衷,也找了一些資料,最終決定使用eggjs重構應用,eggjs 是阿里打造的為企業級框架和應用而生的服務端框架,通過之前對eggjs基礎的了解,發現它涉及到的框架和插件機制非常符合我的初衷,於是嘗試在 DoraCMS 2.1.3 的基礎上改造,發現其實也不是很困難。
  • YuebonCore 快速開發框架支持 .Net 5.0
    YuebonCore基於.Net5.0的權限管理及快速開發框架,前後端分離,核心模塊包括:組織機構、角色用戶、權限授權、多系統、多應用管理、定時任務、業務單據編碼規則、代碼生成器等,整合應用最新技術包括Asp.NetCore MVC、EF、Dapper、AutoFac、WebAPI、Swagger、Vue等。它的架構易於擴展,是中小企業的首選。
  • 前端框架VUE,理解這一點,快速成為大咖
    首先大家要知道,IT行業迅速發展,想成為一個全棧開發工程師,你就要精通後端到前端,進大公司可能要求你在某個技術點有深入研究或者精通。進創業型公司或者小公司,你要明白老闆是招來幹活的,而不是培養你的技術,最後你跳槽,那人家不損失大。
  • 基於 Spring Boot + Vue.js + MySQL 的 QQ 登陸實戰
    此文基於OAuth2 協議開發 QQ 聯合登錄實戰過程,在學習本篇內容前您需要提前了解:前後端分離開發模式vue.js 基礎語法 比如 axios、事件綁定等相關知識後端開發、資料庫等相關基礎知識如果您已經具備了以上所述那我們就開搞吧!