原创 netty搭建web聊天室(3)單聊

上節課講了羣聊,這次來說說單聊,單聊要比羣聊複雜點,但是代碼也不是很多,主要是前端顯示比較麻煩點。 效果: 登陸 首先一個新的用戶,需要先登陸,輸入自己的暱稱,然後點擊登陸。後端服務會把你的用戶名和當前的線程進行邦定,這樣就可以通過你的用戶

原创 netty搭建web聊天室(2)羣聊

上節課完成了netty的後端搭建,搞定了簡單的http請求響應,今天來結合前端websocket來完成羣聊功能。話不多說先上圖: 前端構建 不使用複雜構建工具直接靜態頁面走起 使用了zui樣式庫 http://zui.sexy/?#/,非

原创 netty搭建web聊天室(1)

之前一直在搞前端的東西,都快忘了自己是個java開發。其實還有好多java方面的東西沒搞過,突然瞭解到netty,覺得有必要學一學。 介紹 Netty是由JBOSS提供的一個java開源框架。Netty提供異步的、事件驅動的網絡應用程序框架

原创 React框架Umi實戰(3)路由進階

前面的課程都是使用的約定路由,就是自動生成的,但是我們做項目大部分都是涉及權限控制的,這時就還是得用控制路由,僅今天就來改進一下 1 修改配置.umirc.js // ref: https://umijs.org/config/ exp

原创 React框架Umi實戰(2)整合dva開發後臺管理系統

umi官方推薦結合dva使用更配哦,其實他們都是同一位開發者開發的,屬於阿里內部開源框架。 1 修改.umirc.js,開啓dva支持 // ref: https://umijs.org/config/ export default {

原创 React框架Umi實戰(1)簡介與使用腳手架

之前寫完了dva入門系列,它只是一個純粹的數據流框架,拿來開發是沒有問題的.但是還是有一些繁瑣的步驟,每次要手動註冊model,手寫route路由.Umi的出現結合dva,使得開發更加的優雅與便捷. 1 特性 📦 開箱即用,內置 react

原创 免費開發實戰資源,包含前後端以及app小程序

收集了一些開發視頻教程,現在免費分享給需要的人 關注公衆號 回覆指令領取 React開發簡書(簡書) Python開發借書(flask) Vue開發去哪兒(去哪兒) SpringBoot深入學習(SpringBoot) Mpvue開發小

原创 dva開發cnode最終章:網站總結(8)

之前一直都是一邊學習,一邊寫代碼,從來沒有像現在這樣做過課程分享筆記。堅持更完確實不容易,雖然作爲react結合dva的入門,不算是精品,但是還是感謝那些願意閱讀的朋友。在現在這個魚龍混雜的IT圈,浮躁的氛圍正侵蝕着每一個人。那些願意 學習

原创 dva開發cnode網站(7)

註冊邏輯完善以及個人中心頁面完成 1 reg組件驗證邏輯 和login一樣的 驗證規則 import React , { Component }from 'react'; import PropTypes from 'prop-types'

原创 dva開發一個cnode網站(6)

完善路由權限控制和登陸邏輯。因爲沒有後臺接口,所以寫了個假數據,來獲取登陸用戶數據 1 修改Login組件,加入驗證邏輯以及登陸邏輯 import React , { Component }from 'react'; import Pro

原创 聖誕節,中國開源世界炸鍋了@阿里巴巴

今天和往常並沒有什麼區別,最爲一名小程序員,我照常開始自己的工作,寫着自己的代碼。 npm start 啓動自己的前端代碼,接着碼代碼。隨着瀏覽器跳轉到頁面,看着昨天完成的代碼,還有點小激動。劃拉兩下鼠標,準備開始今天的任務。 等等。。。。

原创 dva開發一個cnode網站(5)

剩下幾個頁面的完成,因爲這幾個頁面沒有api,大部分是靜態頁面。你可以自己修改爲其他你想要的。我暫時完全模仿Cnode,還是使用react-markdown來渲染 1 登陸註冊組件 登陸: import React , { Componen

原创 dva開發一個cnode網站(4)

增加分類標籤,效果如下: 1 修改ListData組件 完整代碼: import React , { Component }from 'react'; import { List, Avatar, Icon, Spin ,Tag } fr

原创 dva開發一個cnode網站(3)

完成詳情頁渲染,用到了react-markdown來渲染先看效果: 1 在components下新建Detail.js import React , { Component }from 'react'; import { Card, A

原创 dva開發一個cnode網站(1)

dva 首先是一個基於 redux 和 redux-saga 的數據流方案,然後爲了簡化開發體驗,dva 還額外內置了 react-router 和 fetch,所以也可以理解爲一個輕量級的應用框架。 本教程是利用cnode的開放api來做