摘要:但能拷貝圖粘貼后不失真通常是收費(fèi)富文本編輯器才具備的能力。是否支持編程語言高亮,例如按,語言高亮是否支持?jǐn)?shù)學(xué)公式等等因此選擇了兩款富文本編輯器,支持截屏粘貼,當(dāng)做跟蹤系統(tǒng)時(shí)這個(gè)功能特別有用。
一、Web應(yīng)用技術(shù)棧
在開發(fā)Web應(yīng)用時(shí),通常會(huì)使用到以下技術(shù)棧:
對(duì)應(yīng)這些技術(shù)棧都已有相應(yīng)的開源產(chǎn)品,可以根據(jù)項(xiàng)目需要選擇適合的產(chǎn)品。
開源產(chǎn)品選型主要考慮:
適合本項(xiàng)目,如滿足功能需要,開發(fā)者已有的技能儲(chǔ)備等等。
活躍度高,發(fā)現(xiàn)問題開發(fā)團(tuán)隊(duì)能及時(shí)解決。
已經(jīng)有不少項(xiàng)目的成功經(jīng)驗(yàn)。
三、iTracker產(chǎn)品選型iTracker是一個(gè)開源任務(wù)管理系統(tǒng),目的是通過實(shí)際項(xiàng)目來使用和驗(yàn)證以上技術(shù)棧, 同時(shí)也是一個(gè)培訓(xùn)類Demo項(xiàng)目,你可以通過follow Web應(yīng)用全棧之旅的系列文章一起參與學(xué)習(xí)。
iTracker選型如下:
前端框架Vue.js,理由是:輕量,熱度高,熱度從慕課網(wǎng)培訓(xùn)課程Vue和Angular的購(gòu)買人數(shù)就可以看出來。
UI組件選擇餓了么的Element UI,理由是:一次安裝使用成功,功能夠用。
編輯器
編輯器選型主要考慮因素有:
1)是否支持直接拷貝富文本的中的圖片或者截屏后粘貼,能拷貝Word中的圖片和visio圖最佳。但能拷貝visio圖粘貼后不失真通常是收費(fèi)富文本編輯器才具備的能力。
2)是否支持編程語言高亮,例如按Java,C++語言高亮
3)是否支持?jǐn)?shù)學(xué)公式等等
因此選擇了兩款富文本編輯器:
1)wangEditor,支持截屏粘貼,當(dāng)做Bug跟蹤系統(tǒng)時(shí)這個(gè)功能特別有用。
2)Editor.md,支持編程語言高亮,支持?jǐn)?shù)據(jù)公式。
圖表
圖表組件很多,夠用就好。
1)Echart,用于統(tǒng)計(jì)類圖表。
2)d3,功能強(qiáng)大,彩虹圖,柱狀圖,在做調(diào)用鏈跟蹤類的應(yīng)用中可以使用。
Web框架
沒有任何疑議選擇Spring。
工具包
在實(shí)際開發(fā)過程中可能用到很多工具包,例如支持后臺(tái)分頁(yè)的工具包PageHelper,例如雖然已有fastJSON來做json文本和對(duì)象的轉(zhuǎn)換,但有的場(chǎng)景會(huì)用到Gson,具體根據(jù)實(shí)際需要選擇。
配置中心
雖然大多數(shù)配置都可以在spring的yml配置文件中完成,但當(dāng)配置參數(shù)越來越多,又要區(qū)分不同環(huán)境時(shí),通過配置中心來配置更方便一些,這里選擇了攜程的Apollo配置中心。
緩存
支持?jǐn)?shù)據(jù)緩存, 分布式緩存,可以用來管理分布式session,Rdeis足以勝任。
消息隊(duì)列
幾個(gè)知名消息隊(duì)列工具,kafka,RocketMQ,RabbitMQ,在沒有確切的場(chǎng)景需求時(shí),先簡(jiǎn)單選擇一個(gè)開始吧。
搜索
由于數(shù)據(jù)庫(kù)的模糊查詢效率低,同時(shí)也不可能不斷增加一個(gè)表的索引字段來滿足查詢要求,因此一個(gè)搜索引擎是必要的,Elasticsearch可以滿足要求。
六、數(shù)據(jù)庫(kù)訪問選型JPA代碼寫起來簡(jiǎn)單,但是對(duì)于復(fù)雜查詢有些力不從心,所以還是帶上mybatis吧。
七、數(shù)據(jù)庫(kù)選型MySQL。
八、結(jié)語學(xué)習(xí)在任何收開始都不晚,感興趣的話,一起開始Web全棧之旅吧!
end.
站點(diǎn): http://javashizhan.com/
微信公眾號(hào):
加入知識(shí)星球,參與討論,更多實(shí)戰(zhàn)代碼分享!
https://t.zsxq.com/RNzfi2j
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/75988.html
摘要:一分布式的實(shí)現(xiàn)在微服務(wù)架構(gòu)下,需要支持分布式,分布式可以通過來實(shí)現(xiàn),也可以通過數(shù)據(jù)庫(kù)來實(shí)現(xiàn),本文介紹實(shí)現(xiàn)。二安裝下載地址選擇對(duì)應(yīng)的版本安裝。進(jìn)入安裝目錄啟動(dòng)。站點(diǎn)微信公眾號(hào)加入知識(shí)星球,參與討論,更多實(shí)戰(zhàn)代碼分享 一、分布式Session的Redis實(shí)現(xiàn) 在微服務(wù)架構(gòu)下,需要支持分布式Session,分布式Session可以通過Redis來實(shí)現(xiàn),也可以通過數(shù)據(jù)庫(kù)來實(shí)現(xiàn),本文介紹Redi...
摘要:五中調(diào)用以上為集成的所有步驟,完整實(shí)例代碼掃碼加入微信公眾號(hào)并回復(fù),獲取倉(cāng)庫(kù)地址。站點(diǎn)微信公眾號(hào)加入知識(shí)星球,參與討論,更多實(shí)戰(zhàn)代碼分享 一、pom文件 引入mybatis org.mybatis.spring.boot mybatis-spring-boot-starter 2.1.0 ...
摘要:異常堆棧開發(fā)過程中,不可避免的會(huì)有未考慮的異常場(chǎng)景,堆棧信息可以幫助快速解決故障。異常日志有時(shí)候需要借助異常堆棧信息定位錯(cuò)誤原因,而用戶未必能記得和反饋錯(cuò)誤堆棧信息,此時(shí)要么是自行復(fù)現(xiàn)錯(cuò)誤來定位,要么是通過歷史錯(cuò)誤日志定位。 一、異常設(shè)計(jì) 異常設(shè)計(jì)主要考慮以下方面: showImg(https://segmentfault.com/img/bVbwdua?w=1624&h=867);...
摘要:一前后端接口設(shè)計(jì)前后端接口設(shè)計(jì)主要考慮以下幾點(diǎn)二接口內(nèi)容接口內(nèi)容包括鑒權(quán)信息,如用于身份識(shí)別的。公共信息,例如用戶,項(xiàng)目等需要傳給后端的公共數(shù)據(jù)。 一、前后端接口設(shè)計(jì) 前后端接口設(shè)計(jì)主要考慮以下幾點(diǎn): showImg(https://segmentfault.com/img/bVbwc4u?w=2095&h=891); 二、接口內(nèi)容 接口內(nèi)容包括: 鑒權(quán)信息,如用于身份識(shí)別的t...
閱讀 3648·2021-11-15 11:37
閱讀 2985·2021-11-12 10:36
閱讀 4434·2021-09-22 15:51
閱讀 2389·2021-08-27 16:18
閱讀 891·2019-08-30 15:44
閱讀 2174·2019-08-30 10:58
閱讀 1780·2019-08-29 17:18
閱讀 3287·2019-08-28 18:25