ASP.NET SignalR 與 LayIM2.0 配合輕鬆實現Web聊天室(零) 前言(內容已過期,閱讀請慎重)

丶Pz發表於2016-08-05

 2018-09-19 更新 :現在已經更新ASP.NET Core Middleware版本。對.NET Core SignalR感興趣的朋友移步:https://github.com/fanpan26/LayIM.AspNetCore

 前端時間聽一個技術朋友說 LayIM 2.0 釋出了,聽到這個訊息抓緊去官網看了一下。(http://layim.layui.com/)哎呀呀,還要購買授權【大家支援一下哦】,果斷買了企業版,喜歡鑽研的我沒有原始碼怎麼行,說來也慚愧,釋出好久了我才知道。之前寫過一系列的部落格,當時是ASP.NET SignalR 結合 LayIM 1.0 的一個小程式。看了一下最新版本的LayIM,太讚了。我電腦裡的VS已經蠢蠢欲動了。話不多說,先預覽一下效果。

  主聊天介面:

  好友列表介面:

      

 

  以及自定義好友,群,聊天曆史記錄頁面等。總而言之呢,確實比LayIM提高了若干個檔次。想看更多文件或者效果的話,去官網咖。

 

  好了,進入正題,LayIM 只有介面還是不太飽滿的,為此,我將繼續開發將它完善,最終效果肯定要比第一版的功能豐富強大的。至於程式碼上,由於技術有限,肯定會有或多或少的問題,歡迎各位高手指正。本篇部落格呢是一篇預告,有興趣的朋友可以跟著我一起做開發,目前已經進展了一段了,我先把準備工作介紹一下。

===========================================華麗的分割線===========================================

 

  首先呢,要開發Layim當然少不了它這一套框架,layui是完全免費的,layim是分標準版和企業版,是需要收費的,具體呢,去官網瞭解一下即可,我再此不多做贅述。準備工作如下:

  • layim框架
  • 開發環境:VS2015 + SQL 2014【08,12也可】 備選:(rabbitmq環境,elasticsearch環境)對後邊這兩個環境不感興趣的可不用做配置了。本系列部落格將會在最後簡單介紹一下。
  • 框架架構,簡單三層+MVC ,SQL語句加儲存過程開發方式。沒有用ORM,喜歡用ORM的朋友,可以在建完表之後自行使用ORM實現相關部分業務即可

  下面我們先將官網的DEMO跑起來:

  專案結構:(程式碼在部落格最終章會開源,部落格會跟專案一起走

     

  BLL,DAL,Model我就不介紹了。Utils有一些幫助方法,ChatServer是signalR核心程式碼類庫(Hub程式碼),至於Queue,ElasticSearch 先放一邊,不要管,建好空專案就好。

  我們先來到UI介面,將layim框架放到專案裡面,layim當中js都是以這種形式引用和執行的。

layui.use(['layim', 'hub'], function (layim, hub) {})

  那麼我們也入鄉隨俗,至於怎麼修改js,下一章我會詳細介紹,在此,我們先讓layim在專案中跑起來。DEBUG-除錯,走起~~ 檢查一下console有沒有js錯誤,看看介面有沒有出來.如我們所願,開局還算順利,不過後邊的路還長,加油。週末來了,程式碼擼起來。

  

  下篇預告【初級】ASP.NET SignalR 與 LayIM2.0 配合輕鬆實現Web聊天室(一) 之 基層資料搭建,讓資料活起來(資料獲取)

 

  想要學習的小夥伴,可以關注我的部落格哦,我的QQ:645857874,Email:fanpan26@126.com

 

相關文章