程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> ASP.NET >> ASP.NET基礎 >> 利用ASP.NET MVC和Bootstrap快速搭建響應式個人博客站(一)

利用ASP.NET MVC和Bootstrap快速搭建響應式個人博客站(一)

編輯:ASP.NET基礎

1.0 為什麼要做這個博客站?

   在工作學習中,經常要搜索查找各種各樣的資料,每次找到相關資料後都會順手添加到浏覽器書簽中,時間一長,書簽也就滿了。而且下次再點擊這個書簽時,可能就會忘記當時為什麼要添加這個書簽了,更有可能書簽連接已經無效。這樣一來,也就不方便自己查閱了。如果轉載、收藏到自己的博客園賬號中、CSDN賬號中,中,知乎中等等,依然是很凌亂,不方便下次查閱。

  因此,我下決心開發一個個人技術博客站。主要原因是:可以整合各種寶貴資源,將知識變為寶庫;可以借此鞏固加強一下自己的"全棧"基礎;記錄工作生活中遇到的問題及其解決方案;可以幫助遇到同樣問題的網友。

2.0 簡單介紹下此個人博客用到的技術點

可以先點擊進去看看。地址是http://www.zynblog.com該博客站基於ASP.NET MVC + EF6.0,采用Bootstrap響應式布局搭建,因此使用IE8以下的浏覽器訪問時可能會出現錯位等一系列問題。站點雖小,但五髒俱全:采用ASP.NET MVC架構、並使用了Spring依賴注入、雲存儲、響應式布局(幾乎適應各種屏幕尺寸的設備)、一些繁雜的css、NUnit單元測試、Log4Net日志記錄、Lucene站內檢索、各式各樣的jquery插件、評論插件、點贊插件、分頁插件,自定義Ueditor 編輯器,也制作了還算能看的logo和icon。

3.0 博客站效果展示 www.zynblog.com

3.1 網站架構

其實一個博客站沒必要搞這麼復雜,但為了學習嘛,也就搭了個簡單的架構。其中包括Model、Repository、Service、和UI。SiteSearch是站內搜索模塊,Inject是Spring.net依賴注入模塊,Common中包含了IP獲取、截取字符串、發送郵件、MD5、過濾字符串的工具。

3.2 博客站首頁展示

3.3 文章詳情頁展示

3.4 側邊欄展示

3.5 聯想搜索模塊

結語

  先暫時介紹到這兒,之後會陸續詳細介紹一下站點中使用的關鍵技術點。

以上所述是小編給大家介紹的利用ASP.NET MVC和Bootstrap快速搭建響應式個人博客站(一),希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對網站的支持!

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved